commit 083a46e93bc260b26e842609089def15bc431962
Author: upstream-mirror <mirror@devsymfony.io>
Date:   Tue Sep 15 21:11:02 2026 +0500

    snapshot of https://github.com/ueberdosis/tiptap.git (main, 2026-09-15; blobs > 131072B omitted)

diff --git a/.changeset/2026-08-20-ordered-list-markdown-indent.md b/.changeset/2026-08-20-ordered-list-markdown-indent.md
new file mode 100644
index 0000000..3324ff3
--- /dev/null
+++ b/.changeset/2026-08-20-ordered-list-markdown-indent.md
@@ -0,0 +1,6 @@
+---
+'@tiptap/core': patch
+'@tiptap/extension-list': patch
+---
+
+Nested lists exported to Markdown now keep their hierarchy when the file is read back by other Markdown tools.
diff --git a/.changeset/2026-08-23-youtube-missing-src.md b/.changeset/2026-08-23-youtube-missing-src.md
new file mode 100644
index 0000000..0b0b5ac
--- /dev/null
+++ b/.changeset/2026-08-23-youtube-missing-src.md
@@ -0,0 +1,5 @@
+---
+'@tiptap/extension-youtube': patch
+---
+
+Pasting a YouTube iframe without a `src` attribute no longer crashes the editor. The embed is kept without a source.
diff --git a/.changeset/2026-08-25-remove-deprecated-packages.md b/.changeset/2026-08-25-remove-deprecated-packages.md
new file mode 100644
index 0000000..b099ded
--- /dev/null
+++ b/.changeset/2026-08-25-remove-deprecated-packages.md
@@ -0,0 +1,7 @@
+---
+'@tiptap/starter-kit': major
+---
+
+StarterKit no longer installs the deprecated `@tiptap/extension-dropcursor`, `@tiptap/extension-gapcursor`, `@tiptap/extension-list-item`, and `@tiptap/extension-list-keymap` packages. We will not publish further updates to these packages. StarterKit still includes their extensions, so you do not need to change your configuration.
+
+If you import these extensions directly, switch to the new packages: `Dropcursor` and `Gapcursor` from `@tiptap/extensions`, and `ListItem` and `ListKeymap` from `@tiptap/extension-list`.
diff --git a/.changeset/2026-08-26-fix-markdown-whitespace-only-marked-text.md b/.changeset/2026-08-26-fix-markdown-whitespace-only-marked-text.md
new file mode 100644
index 0000000..fa4671f
--- /dev/null
+++ b/.changeset/2026-08-26-fix-markdown-whitespace-only-marked-text.md
@@ -0,0 +1,5 @@
+---
+'@tiptap/markdown': patch
+---
+
+Fix Markdown serialization of whitespace-only marked text.
diff --git a/.changeset/2026-08-26-markdown-attribute-redos.md b/.changeset/2026-08-26-markdown-attribute-redos.md
new file mode 100644
index 0000000..fcc34e4
--- /dev/null
+++ b/.changeset/2026-08-26-markdown-attribute-redos.md
@@ -0,0 +1,6 @@
+---
+'@tiptap/core': patch
+'@tiptap/extension-mention': patch
+---
+
+Fix a denial-of-service risk where crafted block or inline Markdown attributes could consume excessive CPU and block the browser or server event loop.
diff --git a/.changeset/2026-08-26-validate-collaboration-caret-colors.md b/.changeset/2026-08-26-validate-collaboration-caret-colors.md
new file mode 100644
index 0000000..f2f4bb7
--- /dev/null
+++ b/.changeset/2026-08-26-validate-collaboration-caret-colors.md
@@ -0,0 +1,5 @@
+---
+'@tiptap/extension-collaboration-caret': patch
+---
+
+Fixed a bug which allowed potentially unsafe color values being sent by other clients. Those unsafe colors received from collaboration users are now ignored.
diff --git a/.changeset/2026-08-28-react-shared-node-view-selection.md b/.changeset/2026-08-28-react-shared-node-view-selection.md
new file mode 100644
index 0000000..959a60d
--- /dev/null
+++ b/.changeset/2026-08-28-react-shared-node-view-selection.md
@@ -0,0 +1,5 @@
+---
+'@tiptap/react': patch
+---
+
+Reduce overhead in React node views on documents with many nodes.
diff --git a/.changeset/2026-08-31-bump-prosemirror-view.md b/.changeset/2026-08-31-bump-prosemirror-view.md
new file mode 100644
index 0000000..0f7551d
--- /dev/null
+++ b/.changeset/2026-08-31-bump-prosemirror-view.md
@@ -0,0 +1,5 @@
+---
+'@tiptap/pm': patch
+---
+
+Bump `prosemirror-view` to `^1.42.3`, which fixes an XSS vulnerability where pasting crafted HTML could run arbitrary JavaScript (GHSA-c8x8-7fp4-3x9w).
diff --git a/.changeset/2026-08-31-react-nodeview-selection-state.md b/.changeset/2026-08-31-react-nodeview-selection-state.md
new file mode 100644
index 0000000..ad5b62a
--- /dev/null
+++ b/.changeset/2026-08-31-react-nodeview-selection-state.md
@@ -0,0 +1,5 @@
+---
+'@tiptap/react': minor
+---
+
+Align `selected` with ProseMirror node selections by default, expose text selections through `selectionInside`, and keep `selectedOnTextSelection` compatible.
diff --git a/.changeset/2026-09-04-react-editor-namespace-ts2694.md b/.changeset/2026-09-04-react-editor-namespace-ts2694.md
new file mode 100644
index 0000000..bb34826
--- /dev/null
+++ b/.changeset/2026-09-04-react-editor-namespace-ts2694.md
@@ -0,0 +1,5 @@
+---
+'@tiptap/react': patch
+---
+
+Fix a TypeScript error (TS2694) in the shipped type declarations when `skipLibCheck` is turned off.
diff --git a/.changeset/README.md b/.changeset/README.md
new file mode 100644
index 0000000..e5b6d8d
--- /dev/null
+++ b/.changeset/README.md
@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
diff --git a/.changeset/config.json b/.changeset/config.json
new file mode 100644
index 0000000..a9336fa
--- /dev/null
+++ b/.changeset/config.json
@@ -0,0 +1,14 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.0.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [["@tiptap/*", "!@tiptap/ai-toolkit"]],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": [],
+  "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
+    "onlyUpdatePeerDependentsWhenOutOfRange": true
+  }
+}
diff --git a/.changeset/fix-ios-ignore-mutation-contentdom.md b/.changeset/fix-ios-ignore-mutation-contentdom.md
new file mode 100644
index 0000000..ba55bd0
--- /dev/null
+++ b/.changeset/fix-ios-ignore-mutation-contentdom.md
@@ -0,0 +1,5 @@
+---
+'@tiptap/core': patch
+---
+
+Fix freezes in framework-based node views on iOS and Android
diff --git a/.changeset/fix-merge-attributes-prototype.md b/.changeset/fix-merge-attributes-prototype.md
new file mode 100644
index 0000000..4b43dd7
--- /dev/null
+++ b/.changeset/fix-merge-attributes-prototype.md
@@ -0,0 +1,5 @@
+---
+'@tiptap/core': patch
+---
+
+Prevent untrusted HTML attributes from changing an object's prototype when merged with `mergeAttributes`.
diff --git a/.changeset/pre.json b/.changeset/pre.json
new file mode 100644
index 0000000..e7317ad
--- /dev/null
+++ b/.changeset/pre.json
@@ -0,0 +1,68 @@
+{
+  "mode": "pre",
+  "tag": "next",
+  "initialVersions": {
+    "tiptap-demos": "3.0.3",
+    "@tiptap/ai-toolkit": "0.4.0",
+    "@tiptap/core": "3.30.3",
+    "@tiptap/extension-audio": "3.30.3",
+    "@tiptap/extension-blockquote": "3.30.3",
+    "@tiptap/extension-bold": "3.30.3",
+    "@tiptap/extension-bubble-menu": "3.30.3",
+    "@tiptap/extension-bullet-list": "3.30.3",
+    "@tiptap/extension-code": "3.30.3",
+    "@tiptap/extension-code-block": "3.30.3",
+    "@tiptap/extension-code-block-lowlight": "3.30.3",
+    "@tiptap/extension-collaboration": "3.30.3",
+    "@tiptap/extension-collaboration-caret": "3.30.3",
+    "@tiptap/extension-color": "3.30.3",
+    "@tiptap/extension-details": "3.30.3",
+    "@tiptap/extension-document": "3.30.3",
+    "@tiptap/extension-drag-handle": "3.30.3",
+    "@tiptap/extension-drag-handle-react": "3.30.3",
+    "@tiptap/extension-drag-handle-vue": "3.30.3",
+    "@tiptap/extension-emoji": "3.30.3",
+    "@tiptap/extension-file-handler": "3.30.3",
+    "@tiptap/extension-find-and-replace": "3.30.3",
+    "@tiptap/extension-floating-menu": "3.30.3",
+    "@tiptap/extension-font-family": "3.30.3",
+    "@tiptap/extension-hard-break": "3.30.3",
+    "@tiptap/extension-heading": "3.30.3",
+    "@tiptap/extension-highlight": "3.30.3",
+    "@tiptap/extension-horizontal-rule": "3.30.3",
+    "@tiptap/extension-image": "3.30.3",
+    "@tiptap/extension-invisible-characters": "3.30.3",
+    "@tiptap/extension-italic": "3.30.3",
+    "@tiptap/extension-link": "3.30.3",
+    "@tiptap/extension-list": "3.30.3",
+    "@tiptap/extension-mathematics": "3.30.3",
+    "@tiptap/extension-mention": "3.30.3",
+    "@tiptap/extension-node-range": "3.30.3",
+    "@tiptap/extension-ordered-list": "3.30.3",
+    "@tiptap/extension-paragraph": "3.30.3",
+    "@tiptap/extension-ruby-text": "3.30.3",
+    "@tiptap/extension-strike": "3.30.3",
+    "@tiptap/extension-subscript": "3.30.3",
+    "@tiptap/extension-superscript": "3.30.3",
+    "@tiptap/extension-table": "3.30.3",
+    "@tiptap/extension-table-of-contents": "3.30.3",
+    "@tiptap/extension-text": "3.30.3",
+    "@tiptap/extension-text-align": "3.30.3",
+    "@tiptap/extension-text-style": "3.30.3",
+    "@tiptap/extension-twitch": "3.30.3",
+    "@tiptap/extension-typography": "3.30.3",
+    "@tiptap/extension-underline": "3.30.3",
+    "@tiptap/extension-unique-id": "3.30.3",
+    "@tiptap/extension-youtube": "3.30.3",
+    "@tiptap/extensions": "3.30.3",
+    "@tiptap/html": "3.30.3",
+    "@tiptap/markdown": "3.30.3",
+    "@tiptap/pm": "3.30.3",
+    "@tiptap/react": "3.30.3",
+    "@tiptap/starter-kit": "3.30.3",
+    "@tiptap/static-renderer": "3.30.3",
+    "@tiptap/suggestion": "3.30.3",
+    "@tiptap/vue": "3.30.3"
+  },
+  "changesets": []
+}
diff --git a/.changeset/remove-vue-2.md b/.changeset/remove-vue-2.md
new file mode 100644
index 0000000..efe17f2
--- /dev/null
+++ b/.changeset/remove-vue-2.md
@@ -0,0 +1,18 @@
+---
+'@tiptap/vue': major
+'@tiptap/extension-drag-handle-vue': major
+---
+
+Vue 2 support is removed. `@tiptap/vue-3` is now `@tiptap/vue`, and `@tiptap/extension-drag-handle-vue-3` is now `@tiptap/extension-drag-handle-vue`.
+
+Update imports and dependencies:
+
+```diff
+- import { EditorContent } from '@tiptap/vue-3'
++ import { EditorContent } from '@tiptap/vue'
+
+- import DragHandle from '@tiptap/extension-drag-handle-vue-3'
++ import DragHandle from '@tiptap/extension-drag-handle-vue'
+```
+
+Vue 2 users must migrate to Vue 3 before using the new packages. The planned Codemod Registry package `@tiptap/codemod-v3-to-v4` updates package imports and dependencies.
diff --git a/.coderabbit.yaml b/.coderabbit.yaml
new file mode 100644
index 0000000..86e81db
--- /dev/null
+++ b/.coderabbit.yaml
@@ -0,0 +1,123 @@
+inheritance: true
+
+reviews:
+  request_changes_workflow: true
+  high_level_summary_instructions:
+    Short and simple, keep it cohesive, no complex wording, assume everyone including the
+    PR reviewer is new to the project or to code in general - simple english so even non-english native speakers
+    understand everything just fine.
+  high_level_summary_in_walkthrough: true
+  in_progress_fortune: false
+  slop_detection:
+    label: slop
+  suggested_labels: true
+  auto_apply_labels: true
+  labeling_instructions:
+    - label: 'area: ai'
+      instructions: Apply this label if the PR changes AI features, AI integrations, prompts, or AI-related dependencies.
+    - label: 'area: ci'
+      instructions: Apply this label if the PR changes CI workflows, build pipelines, checks, or release automation.
+    - label: 'area: cloud'
+      instructions: Apply this label if the PR changes Tiptap Cloud features, integrations, or configuration.
+    - label: 'area: convert'
+      instructions: Apply this label if the PR changes Tiptap Convert or document conversion behavior.
+    - label: 'area: core'
+      instructions: Apply this label if the PR changes Tiptap Core APIs, commands, extensions, or editor behavior.
+    - label: 'area: docs'
+      instructions: Apply this label if the PR changes documentation, examples, guides, or API reference content.
+    - label: 'area: editor'
+      instructions: Apply this label if the PR changes the Tiptap Editor or its user-facing editing behavior.
+    - label: 'area: markdown'
+      instructions: Apply this label if the PR changes Markdown parsing, serialization, or Markdown-related extensions.
+    - label: 'area: pages'
+      instructions: Apply this label if the PR changes Tiptap Pages, pagination, or Word-like UI behavior.
+    - label: 'area: react'
+      instructions: Apply this label if the PR changes the Tiptap React implementation, hooks, or React examples.
+    - label: 'area: ui-components'
+      instructions: Apply this label if the PR changes Tiptap UI Components, their styles, or component behavior.
+    - label: 'area: vue'
+      instructions: Apply this label if the PR changes the Tiptap Vue implementation, composables, or Vue examples.
+    - label: 'complexity: easy'
+      instructions: Apply this label if the PR makes a clearly scoped change in one isolated component or package.
+    - label: 'complexity: expert'
+      instructions: Apply this label if the PR changes fundamental architecture, core APIs across extensions, or collaboration behavior.
+    - label: 'complexity: hard'
+      instructions: Apply this label if the PR changes ProseMirror internals, transaction handling, or node view rendering.
+    - label: 'complexity: medium'
+      instructions: Apply this label if the PR changes multiple components or the ProseMirror/Tiptap integration with a clear implementation path.
+    - label: 'complexity: trivial'
+      instructions: Apply this label if the PR is an obvious change under 10 lines, such as a documentation typo or missing type check.
+    - label: good first issue
+      instructions: Apply this label if the PR is a small, self-contained change that is easy for a first-time contributor to understand.
+    - label: 'impact: critical'
+      instructions: Apply this label if the PR fixes data loss, a security vulnerability, broken core functionality, or a problem affecting nearly all users of a feature.
+    - label: 'impact: high'
+      instructions: Apply this label if the PR fixes behavior affecting a large portion of users or a common workflow.
+    - label: 'impact: low'
+      instructions: Apply this label if the PR fixes an obscure edge case, a specific browser condition, or a rarely used feature.
+    - label: 'impact: medium'
+      instructions: Apply this label if the PR fixes a common feature usage or a workflow shared by a group of users.
+    - label: 'status: needs-info'
+      instructions: Apply this label if the PR lacks the context needed to understand or validate the changes.
+    - label: 'status: needs-reproduction'
+      instructions: Apply this label if the PR fixes a bug without a reproduction or regression test for the reported behavior.
+  auto_review:
+    ignore_usernames:
+      - github-actions[bot]
+
+issue_enrichment:
+  auto_enrich:
+    enabled: true
+  labeling:
+    auto_apply_labels: true
+    labeling_instructions:
+      - label: 'area: ai'
+        instructions: Add this label if an item is related to AI features
+      - label: 'area: ci'
+        instructions: Add this label if an item is related to the CI
+      - label: 'area: cloud'
+        instructions: Add this label if an item is related to Tiptap Cloud
+      - label: 'area: convert'
+        instructions: Apply this label if the item is related to Tiptap Convert / Conversion
+      - label: 'area: core'
+        instructions: Apply this label if an item is related to the Tiptap Core
+      - label: 'area: docs'
+        instructions: Apply this label if an item is related to documentation
+      - label: 'area: editor'
+        instructions: Add this label if an item is related to the Tiptap Editor
+      - label: 'area: markdown'
+        instructions: Apply this if the item relates to Markdown Parsing or Serialization
+      - label: 'area: pages'
+        instructions: Apply this label if an issue is related to Tiptap Pages / Pagination (Word-like UI)
+      - label: 'area: react'
+        instructions: Apply this label if the item is related to the Tiptap React implementation
+      - label: 'area: ui-components'
+        instructions: Apply this label if the item is related to Tiptap UI Components
+      - label: 'area: vue'
+        instructions: Apply this label if an item is related to the Tiptap Vue implementation
+      - label: 'complexity: easy'
+        instructions: 'clearly described, affects one isolated component, fix localized to a single package'
+      - label: 'complexity: expert'
+        instructions: 'fundamental architecture conflict, core API changes affecting all extensions, or concurrent/collaboration behavior'
+      - label: 'complexity: hard'
+        instructions: 'requires deep understanding of ProseMirror internals, transaction handling, or node view rendering; no obvious solution'
+      - label: 'complexity: medium'
+        instructions: 'touches multiple components or requires understanding ProseMirror/Tiptap interaction, but solution path is clear'
+      - label: 'complexity: trivial'
+        instructions: 'typo in docs, missing type check, obvious fix in <10 lines'
+      - label: good first issue
+        instructions:
+          Apply this label if the issue is a good ticket to pick up as a first-time contributor or beginner at
+          ProseMirror or Tiptap.
+      - label: 'impact: critical'
+        instructions: 'data loss, security vulnerability, completely broken core functionality, or affects nearly everyone using a specific feature'
+      - label: 'impact: high'
+        instructions: 'affects a large portion of users, blocks a common use case, or causes noticeable UX problem many will run into'
+      - label: 'impact: low'
+        instructions: 'obscure edge case, specific browser under specific conditions, or feature request very few would use'
+      - label: 'impact: medium'
+        instructions: 'affects a common usage of a feature (e.g. specific extension combination) or handful of users with similar workflows'
+      - label: 'status: needs-info'
+        instructions: Apply this label if the item needs more info to become actionable.
+      - label: 'status: needs-reproduction'
+        instructions: Add this label to an item if it needs more reproduction to become actionable.
diff --git a/.codex/environments/environment.toml b/.codex/environments/environment.toml
new file mode 100644
index 0000000..d0f13e1
--- /dev/null
+++ b/.codex/environments/environment.toml
@@ -0,0 +1,6 @@
+# THIS IS AUTOGENERATED. DO NOT EDIT MANUALLY
+version = 1
+name = "tiptap"
+
+[setup]
+script = "pnpm install --frozen-lockfile"
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..efb4918
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,12 @@
+# EditorConfig is awesome: http://EditorConfig.org
+
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+insert_final_newline = true
+max_line_length = 100
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2
diff --git a/.fallowrc.json b/.fallowrc.json
new file mode 100644
index 0000000..14440cc
--- /dev/null
+++ b/.fallowrc.json
@@ -0,0 +1,6 @@
+{
+  "$schema": "https://raw.githubusercontent.com/fallow-rs/fallow/main/schema.json",
+  "ignorePatterns": ["**/*.spec.ts"],
+  "ignoreExports": [{ "file": "**/*", "exports": ["default"] }],
+  "dynamicallyLoaded": ["demos/src/**/index.*"]
+}
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
new file mode 100644
index 0000000..c324011
--- /dev/null
+++ b/.github/CODEOWNERS
@@ -0,0 +1,5 @@
+# Repository-wide ownership
+* @ueberdosis/editor-maintainers
+
+# LICENSE
+LICENSE.md @philipisik @ueberdosis/editor-maintainers
diff --git a/.github/DISCUSSION_TEMPLATE/community-extensions.yml b/.github/DISCUSSION_TEMPLATE/community-extensions.yml
new file mode 100644
index 0000000..81af9fc
--- /dev/null
+++ b/.github/DISCUSSION_TEMPLATE/community-extensions.yml
@@ -0,0 +1,51 @@
+title: 'Community Extension: '
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Hey! Thanks for your time and effort to create a new community extension! Please make sure to fill out the form below.
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: Please describe how your extension works and what it does.
+      placeholder: 'My extension does …'
+    validations:
+      required: true
+  - type: textarea
+    id: installation
+    attributes:
+      label: Installation
+      description: Please describe how users can install your extension.
+      placeholder: 'npm install …'
+    validations:
+      required: true
+  - type: textarea
+    id: usage
+    attributes:
+      label: Usage
+      description: Please describe how users can use your extension in their editor.
+      placeholder: 'To use my extension you have to …'
+    validations:
+      required: true
+  - type: dropdown
+    id: type
+    attributes:
+      label: Type
+      description: Please select the type of this extension.
+      options:
+        - 'Node'
+        - 'Mark'
+        - 'Prosemirror plugin'
+        - 'Package or Kit'
+        - 'Other'
+    validations:
+      required: true
+  - type: textarea
+    id: other
+    attributes:
+      label: Other
+      description: Feel free to add any other information about your extension.
+      placeholder: 'I hope you like …'
+    validations:
+      required: false
diff --git a/.github/DISCUSSION_TEMPLATE/feature-requests.yml b/.github/DISCUSSION_TEMPLATE/feature-requests.yml
new file mode 100644
index 0000000..e5e99c0
--- /dev/null
+++ b/.github/DISCUSSION_TEMPLATE/feature-requests.yml
@@ -0,0 +1,36 @@
+title: 'Feature Request: '
+labels:
+  - 'Type: Feature Request'
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for your time to create a new feature request! Please make sure to fill out the form below.
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: Please describe the feature you would like to see in Tiptap.
+      placeholder: 'I wish there was an extension for …'
+    validations:
+      required: true
+  - type: textarea
+    id: use-case
+    attributes:
+      label: Use Case
+      description: Please describe the use case for this feature.
+      placeholder: 'I want to use this feature for …'
+    validations:
+      required: true
+  - type: dropdown
+    id: type
+    attributes:
+      label: Type
+      description: Please select the type of this feature.
+      options:
+        - 'New extension'
+        - 'New feature'
+        - 'New Tiptap API'
+        - 'Other'
+    validations:
+      required: true
diff --git a/.github/DISCUSSION_TEMPLATE/showcase.yml b/.github/DISCUSSION_TEMPLATE/showcase.yml
new file mode 100644
index 0000000..6f4b367
--- /dev/null
+++ b/.github/DISCUSSION_TEMPLATE/showcase.yml
@@ -0,0 +1,52 @@
+title: 'Community Extension: '
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Hey! Thanks for using Tiptap in your project. We hope you had a great experience. Please take a moment to share your project with us. We would love to see what you built with Tiptap.
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: Please describe what your project is about
+      placeholder: 'My project is about …'
+    validations:
+      required: true
+  - type: input
+    id: url
+    attributes:
+      label: URL
+      description: If possible share the URL of your project.
+      placeholder: 'https://example.com'
+    validations:
+      required: false
+  - type: textarea
+    id: about
+    attributes:
+      label: About
+      description: Feel free to talk about how you used Tiptap in your project, what you liked about it, what you didn't like about it, and what you would like to see in the future.
+      placeholder: 'If used Tiptap to …'
+    validations:
+      required: true
+  - type: dropdown
+    id: type
+    attributes:
+      label: Type
+      description: Please select the type of your project.
+      options:
+        - 'Chat Application'
+        - 'Commenting Application'
+        - 'Content Management System'
+        - 'Document Editor'
+        - 'Document Editor with Collaboration'
+        - 'Other'
+    validations:
+      required: true
+  - type: textarea
+    id: other
+    attributes:
+      label: Other
+      description: Feel free to add any other information about your project.
+      placeholder: 'I hope you like …'
+    validations:
+      required: false
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
new file mode 100644
index 0000000..dd7db54
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -0,0 +1,81 @@
+name: Bug Report
+description: Found a bug in the editor core or one of the extensions? Report it here to help us improve.
+
+labels: ['status: triage']
+type: 'Bug'
+
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Please use simple, human-written English. Keep your answers short and clear.
+        Small code examples that show the problem are welcome. Do not include a code fix or a complete implementation in an issue. If you already have a fix, please open a pull request instead.
+  - type: input
+    id: packages
+    attributes:
+      label: Affected Packages
+      description: List the Tiptap packages involved in the problem.
+      placeholder: core, extension-mention, react
+    validations:
+      required: true
+  - type: input
+    id: version
+    attributes:
+      label: Tiptap Version
+      description: Which Tiptap version or package versions are affected?
+      placeholder: 3.0.0
+    validations:
+      required: true
+  - type: dropdown
+    id: browser
+    attributes:
+      label: Browser Used
+      description: Select the browser where you saw the problem.
+      options:
+        - Chrome
+        - Firefox
+        - Safari
+        - Edge
+        - Other
+        - Not browser-specific
+    validations:
+      required: true
+  - type: textarea
+    id: body
+    attributes:
+      label: What happened?
+      description: Describe what happens, when it happens, and why it is a problem. Use short sentences and simple English. Do not write a wall of text, use complicated language, or include a complete code fix.
+      placeholder: The issue happens when...
+    validations:
+      required: true
+  - type: textarea
+    id: expectation
+    attributes:
+      label: Expected Behavior
+      description: Describe what you expected to happen.
+      placeholder: I expected...
+    validations:
+      required: true
+  - type: markdown
+    attributes:
+      value: |
+        A small reproducible example is the best way to help us investigate the issue. Please add one if you can.
+
+        CodeSandbox templates:
+        * JavaScript: [JS Template](https://codesandbox.io/s/tiptap-js-fv1lyo)
+        * React: [React Template](https://codesandbox.io/s/tiptap-react-qidlsv)
+        * Vue 3: [Vue 3 Template](https://codesandbox.io/p/sandbox/tiptap-vue-3-ci7q9h)
+  - type: input
+    id: sandbox
+    attributes:
+      label: Reproducible Example URL (Optional)
+      description: Link a CodeSandbox, StackBlitz, GitHub repository, or similar example if you have one.
+      placeholder: https://codesandbox.io/s/example
+  - type: textarea
+    id: context
+    attributes:
+      label: Additional Context (Optional)
+      description: Add useful screenshots, videos, or other short details. Avoid long explanations.
+  - type: markdown
+    attributes:
+      value: 'Thank you for helping us improve our open-source projects by reporting this issue!'
diff --git a/.github/ISSUE_TEMPLATE/bug_report_pro.yml b/.github/ISSUE_TEMPLATE/bug_report_pro.yml
new file mode 100644
index 0000000..caefa3c
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report_pro.yml
@@ -0,0 +1,81 @@
+name: Bug Report (Tiptap Pro)
+description: If you've encountered a bug with Tiptap Pro features, please report it here.
+
+labels: ['tier: pro', 'status: triage']
+type: 'Bug'
+
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Please use simple, human-written English. Keep your answers short and clear.
+        Small code examples that show the problem are welcome. Do not include a code fix or a complete implementation in an issue. If you already have a fix, please open a pull request instead.
+  - type: input
+    id: packages
+    attributes:
+      label: Affected Packages
+      description: List the Tiptap Pro packages involved in the problem.
+      placeholder: pro-extension, pro-collaboration
+    validations:
+      required: true
+  - type: input
+    id: version
+    attributes:
+      label: Tiptap Version
+      description: Which Tiptap or Tiptap Pro version or package versions are affected?
+      placeholder: 3.0.0
+    validations:
+      required: true
+  - type: dropdown
+    id: browser
+    attributes:
+      label: Browser Used
+      description: Select the browser where you saw the problem.
+      options:
+        - Chrome
+        - Firefox
+        - Safari
+        - Edge
+        - Other
+        - Not browser-specific
+    validations:
+      required: true
+  - type: textarea
+    id: body
+    attributes:
+      label: What happened?
+      description: Describe what happens, when it happens, and why it is a problem. Use short sentences and simple English. Do not write a wall of text, use complicated language, or include a complete code fix.
+      placeholder: The issue happens when...
+    validations:
+      required: true
+  - type: textarea
+    id: expectation
+    attributes:
+      label: Expected Behavior
+      description: Describe what you expected to happen.
+      placeholder: I expected...
+    validations:
+      required: true
+  - type: markdown
+    attributes:
+      value: |
+        A small reproducible example is the best way to help us investigate the issue. Please add one if you can.
+
+        CodeSandbox templates:
+        - JavaScript: [Template](https://codesandbox.io/s/tiptap-js-fv1lyo)
+        - React: [Template](https://codesandbox.io/s/tiptap-react-qidlsv)
+        - Vue 3: [Template](https://codesandbox.io/p/sandbox/tiptap-vue-3-ci7q9h)
+  - type: input
+    id: sandbox
+    attributes:
+      label: Reproducible Example URL (Optional)
+      description: Link a CodeSandbox, StackBlitz, GitHub repository, or similar example if you have one.
+      placeholder: https://codesandbox.io/s/example
+  - type: textarea
+    id: context
+    attributes:
+      label: Additional Context (Optional)
+      description: Add useful screenshots, videos, or other short details. Avoid long explanations.
+  - type: markdown
+    attributes:
+      value: 'Thank you for contributing to Tiptap Pro by reporting this issue!'
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 0000000..2c17251
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,17 @@
+blank_issues_enabled: false
+contact_links:
+  - name: New Feature Request
+    url: https://github.com/ueberdosis/tiptap/discussions/new?category=feature-requests
+    about: Interested in proposing a new feature for Tiptap? Submit your feature request here.
+  - name: Help & Support
+    url: https://github.com/ueberdosis/tiptap/discussions/new?category=questions-help
+    about: Require assistance or have inquiries about using Tiptap? Ask your questions here.
+  - name: Join our Discord
+    url: https://discord.gg/WtJ49jGshW
+    about: Interested in engaging with the Tiptap community? Join our Discord server.
+  - name: Present your project
+    url: https://github.com/ueberdosis/tiptap/discussions/new?category=showcase
+    about: Developed something impressive using Tiptap? Share your project with the community here.
+  - name: Present your Tiptap extensions
+    url: https://github.com/ueberdosis/tiptap/discussions/new?category=community-extensions
+    about: Created a Tiptap extension? Showcase your work to the community here.
diff --git a/.github/ISSUE_TEMPLATE/documentation.yml b/.github/ISSUE_TEMPLATE/documentation.yml
new file mode 100644
index 0000000..b9eeda0
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/documentation.yml
@@ -0,0 +1,45 @@
+name: Documentation feedback
+description: Share what we need to explain better.
+title: '[Documentation]: '
+labels:
+  - 'Type: Documentation'
+  - 'Category: Open Source'
+  - 'Status: New'
+body:
+  - type: input
+    id: url
+    attributes:
+      label: What’s the URL to the page you’re sending feedback for?
+      placeholder: https://tiptap.dev/example
+    validations:
+      required: true
+  - type: textarea
+    id: part-of-the-documentation
+    attributes:
+      label: What part of the documentation needs improvement?
+      placeholder: 'I’ve read the following page of the documentation …'
+    validations:
+      required: true
+  - type: textarea
+    id: good-parts
+    attributes:
+      label: What is helpful about that part?
+      placeholder: 'I think this part is really good: …'
+    validations:
+      required: true
+  - type: textarea
+    id: bad-parts
+    attributes:
+      label: What is hard to understand, missing or misleading?
+      placeholder: 'But you really need to improve …'
+    validations:
+      required: true
+  - type: textarea
+    id: context
+    attributes:
+      label: Anything to add? (optional)
+      description: 'Add any other context or screenshots here.'
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to send us feedback!
diff --git a/.github/actions/restore-dependencies/action.yml b/.github/actions/restore-dependencies/action.yml
new file mode 100644
index 0000000..6a45cf7
--- /dev/null
+++ b/.github/actions/restore-dependencies/action.yml
@@ -0,0 +1,9 @@
+name: Restore dependencies
+description: Install dependencies from the cached package manager data
+
+runs:
+  using: composite
+  steps:
+    - name: Restore dependencies
+      shell: bash
+      run: vp install --offline --frozen-lockfile -- --strict-peer-dependencies
diff --git a/.github/actions/setup-env/action.yml b/.github/actions/setup-env/action.yml
new file mode 100644
index 0000000..db1549a
--- /dev/null
+++ b/.github/actions/setup-env/action.yml
@@ -0,0 +1,20 @@
+name: Setup Vite+ environment
+description: Install Vite+ and set up Node.js and dependency caching
+
+inputs:
+  node-version:
+    description: Node.js version
+    required: true
+  cache:
+    description: Whether to cache package manager data
+    default: 'false'
+    required: false
+
+runs:
+  using: composite
+  steps:
+    - uses: voidzero-dev/setup-vp@v1.18.0
+      with:
+        node-version: ${{ inputs.node-version }}
+        cache: ${{ inputs.cache == 'true' && 'true' || 'false' }}
+        run-install: false
diff --git a/.github/actions/setup-playwright/action.yml b/.github/actions/setup-playwright/action.yml
new file mode 100644
index 0000000..8927c60
--- /dev/null
+++ b/.github/actions/setup-playwright/action.yml
@@ -0,0 +1,27 @@
+name: Setup Playwright
+description: Cache and install Playwright browsers with system dependencies
+
+runs:
+  using: composite
+  steps:
+    - name: Get Playwright version
+      id: playwright-version
+      shell: bash
+      run: echo "version=$(node -p 'require("@playwright/test/package.json").version')" >> "$GITHUB_OUTPUT"
+
+    - name: Cache Playwright browsers
+      id: playwright-cache
+      uses: actions/cache@v6
+      with:
+        path: ~/.cache/ms-playwright
+        key: playwright-${{ runner.os }}-${{ steps.playwright-version.outputs.version }}
+
+    - name: Install Playwright browsers
+      if: steps.playwright-cache.outputs.cache-hit != 'true'
+      shell: bash
+      run: vp exec playwright install --with-deps chromium
+
+    - name: Install Playwright system deps
+      if: steps.playwright-cache.outputs.cache-hit == 'true'
+      shell: bash
+      run: vp exec playwright install-deps chromium
diff --git a/.github/assets/cover.png b/.github/assets/cover.png
new file mode 100644
index 0000000..2bd9053
Binary files /dev/null and b/.github/assets/cover.png differ
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
new file mode 100644
index 0000000..7000b35
--- /dev/null
+++ b/.github/dependabot.yml
@@ -0,0 +1,13 @@
+# Dependabot creates pull requests to keep your dependencies secure and up-to-date.
+# Documentation: https://docs.github.com/en/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: 'github-actions'
+    directory: '/'
+    open-pull-requests-limit: 10
+    schedule:
+      interval: 'weekly'
+      day: 'monday'
+    reviewers:
+      - 'bdbch'
diff --git a/.github/instructions/PR.instructions.md b/.github/instructions/PR.instructions.md
new file mode 100644
index 0000000..45ca6ce
--- /dev/null
+++ b/.github/instructions/PR.instructions.md
@@ -0,0 +1,43 @@
+---
+applyTo: '**'
+---
+
+When asked to write a pull request description, use the following template:
+
+```
+## Changes Overview
+
+<!-- Briefly describe your changes. -->
+
+## Implementation Approach
+
+<!-- Describe your approach to implementing these changes. Keep it concise. -->
+
+## Testing Done
+
+<!-- Explain how you tested these changes. Link to test scenarios or specs if relevant. -->
+
+## Verification Steps
+
+<!-- Describe steps reviewers can take to verify the functionality of your changes. -->
+
+## Additional Notes
+
+<!-- Add any other notes or screenshots about the PR here. -->
+
+## Checklist
+
+- [ ] I have created a [changeset](https://github.com/changesets/changesets) for this PR if necessary.
+- [ ] My changes do not break the library.
+- [ ] I have added tests where applicable.
+- [ ] I have followed the project guidelines.
+- [ ] I have fixed any lint issues.
+
+## Related Issues
+
+<!-- Link any related issues here -->
+```
+
+When generating the pull request description, ensure it is clear, concise, and follows the provided template. Focus on the key aspects of the changes made, how they were implemented, and how they can be verified.
+
+Make it as minimal as possible to convey the necessary information effectively without causing to much noise and making it hard to read.
diff --git a/.github/instructions/changeset.instructions.md b/.github/instructions/changeset.instructions.md
new file mode 100644
index 0000000..0c22a4d
--- /dev/null
+++ b/.github/instructions/changeset.instructions.md
@@ -0,0 +1,9 @@
+---
+applyTo: '**'
+---
+
+When a user asks for a changeset to be generated, follow the following rules:
+
+Create a good changeset file for the changes in the diff. Don't include non-frontfacing changes, as the changeset file will be used for the changelog. Our users don't care about deep logic that they'll not interact with so we only want to generate changelog entries for front-facing/user-facing changes and API changes our users will need to know about.
+
+Make sure that the changeset file stays minimal and short but includes important information that may be important for our users to understand what actually changed.
diff --git a/.github/instructions/tiptap.instructions.md b/.github/instructions/tiptap.instructions.md
new file mode 100644
index 0000000..0ad70bb
--- /dev/null
+++ b/.github/instructions/tiptap.instructions.md
@@ -0,0 +1,261 @@
+---
+applyTo: '**'
+---
+
+# Tiptap
+
+This document explains how to work on the Tiptap monorepo in VS Code. It covers repo layout, local dev, linting and formatting, tests, docs, and release workflow. It is written to be friendly for both humans and AI coding assistants.
+
+---
+
+## What is Tiptap
+
+Tiptap is a headless rich text editor toolkit built on ProseMirror. It ships a small Core and many opt-in Extensions so you can compose exactly the editor you need for React, Vue, or vanilla apps. The project is optimized for user experience and developer experience. APIs are predictable, behavior is testable, and everything should be documented with JSDoc and runnable examples so we can generate API docs automatically.
+
+Key points for AI assistants:
+
+- Treat Tiptap as a collection of focused packages that together form an editor system.
+- Do not assume a single framework. Many packages are framework agnostic, with separate bindings for React and Vue.
+- Favor small pure utilities and deterministic code. Side effects should be explicit.
+
+---
+
+## Repository layout
+
+```
+.
+├─ packages/                 # Core and all first-party extensions
+│  ├─ core/                  # Editor core (@tiptap/core)
+│  ├─ extension-*/           # Individual extensions
+│  ├─ pm/                    # ProseMirror related internals and helpers
+│  └─ ...                    # Shared utilities, framework bindings, etc.
+├─ demos/                    # Vite app for live examples and colocated e2e specs
+│  ├─ src/
+│  │  ├─ react/              # React demos
+│  │  └─ vue/                # Vue demos
+│  └─ test/                  # Playwright helpers (getEditor, setEditorContent, ...)
+├─ .changeset/               # Changesets for versioning and changelogs
+└─ .github/                  # Workflows and docs like this file
+```
+
+Notes:
+
+- All packages we publish or use live under `packages/*`.
+- The `demos/` folder contains a Vite app. It automatically discovers and parses React and Vue demos so they appear in the UI without manual wiring.
+- Playwright e2e specs live alongside their demos as `demos/src/**/index.spec.ts`. `playwright.config.ts` auto-starts the Vite dev server on `http://127.0.0.1:4080` — no need to launch it manually.
+
+## NPM scripts
+
+Scripts defined at the repo root. Run them with `vp run <script>` (or `pnpm run <script>`):
+
+- `vp run dev` - start the demos on port 3000
+- `vp run build` - build all packages via Vite+ (`vp run -r build`)
+- `vp run check` - run format check + lint
+- `vp run check:fix` - run format:fix + lint:fix
+- `vp run format` - run oxfmt formatter check
+- `vp run format:fix` - run oxfmt formatter
+- `vp run lint` - run oxlint checks
+- `vp run lint:fix` - run oxlint with auto-fix
+- `vp run lint:staged` - run Vite+ staged checks on staged files
+- `vp run test:e2e` - run Playwright e2e tests headlessly in Chromium
+- `vp run test:e2e:firefox` - same, in Firefox
+- `vp run test:e2e:all` - same, in both browsers
+- `vp run test:e2e:open` - run Playwright in UI mode (Chromium tests)
+- `vp run test:e2e:open:firefox` - UI mode, Firefox tests
+- `vp run test:e2e:open:all` - UI mode, both browsers selectable
+- `vp run test:e2e:report` - open the HTML report from the last run
+- `vp run test:unit` - run Vitest unit tests
+- `vp run test` - build then run all tests
+- `vp run serve` - build and serve the demos on port 3000
+- `vp run publish` - build and publish with Changesets
+- `vp run reset` - remove caches, build artifacts, and reinstall deps
+
+Scripts are cached by Vite Task (`run.cache.scripts` is enabled in `vite.config.mts`). Re-running an unchanged script replays its output instead of executing. Persistent scripts like `dev` never exit, so they are never cached. Clear the cache with `vp cache clean`.
+
+---
+
+## Linting & formatting
+
+- Lint and format settings are in `vite.config.mts`.
+- Vite+ hooks (`vp staged`) run automatically on commits.
+
+Use `vp run lint` / `vp run format`, or the equivalent `pnpm run` commands.
+
+Run manually:
+
+```bash
+vp run lint
+vp run lint:fix
+vp run format
+vp run format:fix
+vp run check
+vp run check:fix
+```
+
+---
+
+## Demos
+
+- Demos are a Vite app in `demos/`.
+- React and Vue examples live in `demos/react` and `demos/vue`. They are automatically parsed into the app.
+- Start in dev mode:
+
+  ```bash
+  vp run dev
+  ```
+
+- Build static output and serve locally:
+
+  ```bash
+  vp run serve
+  ```
+
+When adding a demo, keep it small and self-contained, with imports from published package names (`@tiptap/...`).
+
+---
+
+## Testing
+
+Two layers:
+
+- **Unit tests** with Vitest (happy-dom). Place file-specific tests next to the file they cover and name them `<basename>.spec.ts` (for example, `getAttributes.ts` uses `getAttributes.spec.ts`). Each package keeps a `tests/` folder next to `src/` for package-wide test support. Put reusable package test utilities in `tests/utils/`, scenario or reproduction data in `tests/fixtures/`, and file-based fixtures in `tests/fixtures/files/`. Add shared package setup in `tests/setup/` only when multiple specs need it. Keep one-off mocks and helpers next to the spec that uses them.
+- **E2E tests** with Playwright, colocated next to their demos as `demos/src/**/index.spec.ts`. They drive the real Vite-served demo pages in Chromium.
+
+Run them:
+
+```bash
+vp run test:unit              # Vitest
+vp run test:e2e               # Playwright headless (Chromium)
+vp run test:e2e:firefox       # Playwright headless (Firefox)
+vp run test:e2e:all           # both browsers — every test twice
+vp run test:e2e:open          # UI mode (Chromium tests)
+vp run test:e2e:open:firefox  # UI mode (Firefox tests)
+vp run test:e2e:open:all      # UI mode, switch between browsers in the project picker
+vp run test:e2e:report        # open the HTML report from the last run
+```
+
+Playwright auto-starts the demo dev server (`pnpm -C demos run start:e2e` on port 4080) via `playwright.config.ts` — no separate terminal needed. Shared helpers live in `demos/test/helpers.ts`: `getEditor`, `setEditorContent`, `clickButton`. Use `demos/src/Commands/Cut/index.spec.ts` as a canonical template when adding new specs.
+
+Browser setup:
+
+- CI installs Chromium only (cached between runs) and only runs the Chromium project.
+- For local Firefox testing, install it once with `vp exec playwright install firefox` (~80MB).
+- UI mode (`--ui`) always opens its host window in Chromium — that's the Playwright UI app itself, not the browser running your tests. Tests still execute in the project you selected (check the trace metadata or `browserName` fixture if you need to confirm).
+
+---
+
+## Documentation style
+
+We focus heavily on **User Experience** and **Developer Experience**. Every public API must be documented with JSDoc, including:
+
+- `@param` and `@returns` annotations
+- Argument descriptions
+- At least one runnable example
+
+This ensures our automated API docs are complete and examples are usable without extra context.
+
+Example:
+
+````ts
+/**
+ * Toggle bold mark on the current selection.
+ *
+ * Example
+ * ```ts
+ * editor.chain().focus().toggleBold().run()
+ * ```
+ *
+ * @param editor - The editor instance
+ * @returns true if the command was applied
+ */
+export function toggleBold(editor: Editor): boolean {
+  // ...
+}
+````
+
+---
+
+## Versioning and releases with Changesets
+
+- Run `pnpm changeset` to create a new changeset (choose packages + bump type).
+- Run `vp run version` to update versions and changelogs.
+- Publishing happens automatically via the Publish CI workflow on configured branches. See `agents/VERSIONING.md` for details.
+
+Changelogs must describe **user-facing changes**. Avoid internal noise.
+
+---
+
+## Cleaning and resetting
+
+- `vp run clean:packages` - remove build artifacts
+- `vp run clean:packs` - remove generated tarballs
+- `vp run reset` - full reset of caches, node_modules, and lockfiles
+
+---
+
+## Principles
+
+- Keep packages modular and framework-agnostic where possible.
+- Breaking changes require a major bump and a clear migration path.
+- Always add or update demos and tests when introducing a feature.
+- Code should be deterministic, documented, and tested.
+
+---
+
+## Extra guidance (short additions)
+
+To make these instructions easier for automated agents and new contributors, the sections below add a few operational details and guardrails that speed up safe, repeatable changes.
+
+### Environment
+
+- Recommended Node version: >=18.x. Use a node version manager (nvm, fnm) or Corepack to pin a runtime.
+- Recommended package manager: pnpm (use the repo's lockfile). If you see unexpected errors, run `vp run reset`.
+
+### Where to edit packages
+
+Packages live under `packages/*`. Public entry points are typically `packages/<name>/src/index.ts` and are referenced by the package's `package.json` (`main`/`module`/`exports`). Prefer editing `src/` files and keep package diffs focused. For framework bindings check `packages/react/` or `packages/vue/`.
+
+### Demos auto-discovery rules
+
+The demos app discovers examples automatically. When adding a demo:
+
+- Keep demo files small and self-contained. Import from published package names (for example `@tiptap/extension-foo`).
+- Name demo files clearly; follow existing naming conventions in `demos/`.
+
+### Validation checklist (run locally before opening a PR)
+
+Run the following to validate changes quickly:
+
+```bash
+vp run lint
+vp run build
+vp run test:unit  # Vitest
+vp run test:e2e   # Playwright (auto-starts the demo server)
+vp run dev        # optionally run the demos and open http://localhost:3000
+```
+
+If a single package is failing types, run a targeted build for that package (e.g. `vp run -F @tiptap/core build`), or run `vp run build` at the repo root.
+
+### PR checklist
+
+- All checks pass (lint/build/tests).
+- Changeset added for user-facing changes (`pnpm changeset`).
+- Demo added/updated for UI-visible changes.
+- Short, clear PR description and changelog entry that explains why the change is needed.
+
+### Guidance for automated agents and AI assistants
+
+- Keep PR descriptions short, clear, and easy to read. Use simple English and explain why the change is needed. Avoid large text blocks and complicated language.
+- Make single-purpose, small diffs. Avoid sweeping changes in one PR.
+- Always run the validation checklist above after edits.
+- Add or update a demo and tests for user-visible behavior. For deterministic behaviour, favour unit tests over fragile e2e tests where possible.
+- Add a Changeset for any user-facing change. Do not change public APIs without a major bump; document migration steps in the PR description.
+
+### Troubleshooting notes
+
+- If CI fails with dependency or lockfile errors, run `vp run reset` locally and re-run the build.
+- For flaky Playwright tests, reproduce locally with `vp run test:e2e:open` (UI mode) or rerun with `--trace on` and inspect via `vp run test:e2e:report`.
+
+---
+
+These additions are intentionally short so they are easy to follow and scriptable by tools and agents. If you'd like, I can apply a slightly different tone or expand any section into more detail (for example, exact node/pnpm version pinning or demo naming patterns).
diff --git a/.github/publish-config.json b/.github/publish-config.json
new file mode 100644
index 0000000..d658048
--- /dev/null
+++ b/.github/publish-config.json
@@ -0,0 +1,10 @@
+{
+  "branches": {
+    "main": {
+      "distTag": "next",
+      "label": "next",
+      "title": "Release new pre release",
+      "commit": "chore(release): release new pre release"
+    }
+  }
+}
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
new file mode 100644
index 0000000..eedbc6d
--- /dev/null
+++ b/.github/pull_request_template.md
@@ -0,0 +1,21 @@
+## Fixes
+
+<!-- Use GitHub keywords to link the issue or issues fixed by this PR, for example: Fixes #123 or Closes #456. -->
+
+## Changes and Review
+
+<!-- Explain what changed, why it changed, and how reviewers can verify it. -->
+<!-- Keep this section short: use 2–4 short sentences or a few bullets. Do not write a technical deep dive, a full implementation explanation, or a large wall of text. -->
+
+## Checklist
+
+- [ ] I have added a [changeset](https://github.com/changesets/changesets) if necessary.
+- [ ] I have added tests if possible.
+- [ ] I have made sure to test my changes myself.
+- [ ] This is a critical bug or security fix that also needs to land on the current stable release (see [Branching](../CONTRIBUTING.md#branching) in CONTRIBUTING.md).
+
+### Responsibility
+
+<!-- This checkbox is checked by default on purpose. The PR author is responsible for reviewing and understanding the changes, even when an AI agent created them. -->
+
+- [x] I have reviewed and understand these changes, and I take responsibility for this PR, even if an AI agent created it.
diff --git a/.github/scripts/__tests__/resolve-publish-config.test.mjs b/.github/scripts/__tests__/resolve-publish-config.test.mjs
new file mode 100644
index 0000000..d1b9ff6
--- /dev/null
+++ b/.github/scripts/__tests__/resolve-publish-config.test.mjs
@@ -0,0 +1,128 @@
+import { describe, it, before, after } from 'node:test'
+import assert from 'node:assert/strict'
+import { readFileSync, writeFileSync, mkdtempSync, rmSync } from 'node:fs'
+import { join, dirname } from 'node:path'
+import { tmpdir } from 'node:os'
+import { fileURLToPath } from 'node:url'
+import { resolveConfig } from '../resolve-publish-config.mjs'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const ACTUAL_CONFIG_PATH = join(__dirname, '..', '..', 'publish-config.json')
+
+let tmpDir
+let configPath
+
+before(() => {
+  tmpDir = mkdtempSync(join(tmpdir(), 'publish-config-test-'))
+  configPath = join(tmpDir, 'publish-config.json')
+})
+
+after(() => {
+  rmSync(tmpDir, { recursive: true, force: true })
+})
+
+function writeConfig(data) {
+  writeFileSync(configPath, JSON.stringify(data, null, 2))
+}
+
+describe('real publish-config.json', () => {
+  let actualConfig
+
+  before(() => {
+    const raw = readFileSync(ACTUAL_CONFIG_PATH, 'utf8')
+    actualConfig = JSON.parse(raw)
+  })
+
+  it('is valid JSON and contains a branches object', () => {
+    assert.ok(actualConfig.branches, 'missing branches object')
+    assert.ok(typeof actualConfig.branches === 'object', 'branches must be an object')
+  })
+
+  it('has at least one configured branch', () => {
+    const names = Object.keys(actualConfig.branches)
+    assert.ok(names.length > 0, 'publish-config.json has no branches configured')
+  })
+
+  it('every branch entry has all required string fields', () => {
+    const required = ['distTag', 'label', 'title', 'commit']
+    for (const [name, entry] of Object.entries(actualConfig.branches)) {
+      for (const field of required) {
+        assert.ok(
+          entry[field] && typeof entry[field] === 'string',
+          `Branch "${name}" is missing required string field "${field}"`,
+        )
+      }
+    }
+  })
+
+  it('resolves each configured branch through the resolver', () => {
+    for (const name of Object.keys(actualConfig.branches)) {
+      const result = resolveConfig(name, ACTUAL_CONFIG_PATH)
+      assert.equal(result.configured, true, `Branch "${name}" should resolve as configured`)
+      assert.equal(result.distTag, actualConfig.branches[name].distTag)
+      assert.equal(result.label, actualConfig.branches[name].label)
+      assert.equal(result.title, actualConfig.branches[name].title)
+      assert.equal(result.commit, actualConfig.branches[name].commit)
+    }
+  })
+})
+
+describe('unknown branches', () => {
+  it('returns configured=false for a branch with no entry', () => {
+    writeConfig({
+      branches: { known: { distTag: 'x', label: 'stable', title: 'T', commit: 'c' } },
+    })
+    const result = resolveConfig('unknown', configPath)
+    assert.equal(result.configured, false)
+  })
+
+  it('does not match partial branch names', () => {
+    writeConfig({
+      branches: { main: { distTag: 'x', label: 'stable', title: 'T', commit: 'c' } },
+    })
+    const result = resolveConfig('main-foo', configPath)
+    assert.equal(result.configured, false)
+  })
+
+  it('returns only configured=false for an unknown branch', () => {
+    writeConfig({ branches: {} })
+    const result = resolveConfig('anything', configPath)
+    assert.deepEqual(result, { configured: false })
+  })
+})
+
+describe('validation errors', () => {
+  it('fails when a required field is missing', () => {
+    writeConfig({ branches: { main: { distTag: 'latest', label: 'stable' } } })
+    assert.throws(() => resolveConfig('main', configPath), /missing required/i)
+  })
+
+  it('fails when a required field is not a string', () => {
+    writeConfig({
+      branches: { main: { distTag: 'latest', label: 123, title: null, commit: 'ok' } },
+    })
+    assert.throws(() => resolveConfig('main', configPath), /missing required/i)
+  })
+
+  it('fails when config has no branches object', () => {
+    writeConfig({})
+    assert.throws(() => resolveConfig('main', configPath), /branches/)
+  })
+
+  it('fails when branches is an array instead of an object', () => {
+    writeConfig({ branches: [] })
+    assert.throws(() => resolveConfig('any', configPath), /branches/)
+  })
+
+  it('fails when config file is malformed JSON', () => {
+    writeFileSync(configPath, 'not-json')
+    assert.throws(() => resolveConfig('main', configPath), /Failed to read or parse/)
+  })
+
+  it('fails when config file does not exist', () => {
+    assert.throws(
+      () => resolveConfig('main', join(tmpDir, 'nonexistent.json')),
+      /Failed to read or parse/,
+    )
+  })
+})
diff --git a/.github/scripts/resolve-publish-config.mjs b/.github/scripts/resolve-publish-config.mjs
new file mode 100644
index 0000000..f17a32c
--- /dev/null
+++ b/.github/scripts/resolve-publish-config.mjs
@@ -0,0 +1,103 @@
+#!/usr/bin/env node
+
+import { readFileSync } from 'node:fs'
+import { join, dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const DEFAULT_CONFIG_PATH = join(__dirname, '..', 'publish-config.json')
+const REQUIRED_FIELDS = ['distTag', 'label', 'title', 'commit']
+
+/** @typedef {{ distTag: string, label: string, title: string, commit: string }} BranchEntry */
+
+/**
+ * Reads and parses the publish config JSON file.
+ * @param {string} configPath
+ * @returns {object}
+ */
+function readConfig(configPath) {
+  try {
+    return JSON.parse(readFileSync(configPath, 'utf8'))
+  } catch (err) {
+    throw new Error(`Failed to read or parse ${configPath}: ${err.message}`)
+  }
+}
+
+/**
+ * Validates that the config has a "branches" object.
+ * @param {object} config
+ */
+function requireBranchesObject(config) {
+  if (!config.branches || typeof config.branches !== 'object' || Array.isArray(config.branches)) {
+    throw new Error('publish-config.json must contain a "branches" object')
+  }
+}
+
+/**
+ * Validates that a branch entry has all required string fields.
+ * @param {string} branch
+ * @param {BranchEntry} entry
+ */
+function requireValidEntry(branch, entry) {
+  for (const field of REQUIRED_FIELDS) {
+    if (!entry[field] || typeof entry[field] !== 'string') {
+      throw new Error(
+        `Branch "${branch}" is missing required string field "${field}" in publish-config.json`,
+      )
+    }
+  }
+}
+
+/**
+ * Looks up a branch in the publish config and returns its release settings.
+ *
+ * @param {string} branch - Branch name to look up (exact match).
+ * @param {string} [configPath] - Path to publish-config.json. Defaults to the
+ *   canonical location next to the scripts directory.
+ * @returns {{ configured: false } | { configured: true, distTag: string, label: string, title: string, commit: string }}
+ * @throws {Error} When the config cannot be read/parsed or a required field is missing.
+ */
+export function resolveConfig(branch, configPath = DEFAULT_CONFIG_PATH) {
+  const config = readConfig(configPath)
+  requireBranchesObject(config)
+
+  const entry = config.branches[branch]
+  if (!entry) {
+    return { configured: false }
+  }
+
+  requireValidEntry(branch, entry)
+
+  return {
+    configured: true,
+    distTag: entry.distTag,
+    label: entry.label,
+    title: entry.title,
+    commit: entry.commit,
+  }
+}
+
+// ── CLI entry point ───────────────────────────────────────────
+// When run as `node resolve-publish-config.mjs <branch>`, emits
+// key=value lines suitable for GitHub Actions step outputs.
+if (process.argv[1] && resolve(process.argv[1]) === fileURLToPath(import.meta.url)) {
+  const branch = process.argv[2]
+  if (!branch) {
+    console.error('Usage: node resolve-publish-config.mjs <branch-name> [config-path]')
+    process.exit(1)
+  }
+
+  const configPath = process.argv[3] || DEFAULT_CONFIG_PATH
+
+  try {
+    const result = resolveConfig(branch, configPath)
+    for (const [key, value] of Object.entries(result)) {
+      // Convert camelCase to snake_case for GitHub Actions output keys
+      const actionsKey = key.replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`)
+      console.log(`${actionsKey}=${value}`)
+    }
+  } catch (err) {
+    console.error(err.message)
+    process.exit(1)
+  }
+}
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
new file mode 100644
index 0000000..5517183
--- /dev/null
+++ b/.github/workflows/build.yml
@@ -0,0 +1,167 @@
+name: Verify
+
+env:
+  NODE_VERSION: 24
+  VP_GIT_HOOKS: 0
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+on:
+  push:
+    branches:
+      - main
+      - next
+      - release/*
+  pull_request:
+    branches:
+      - main
+      - next
+      - release/*
+
+jobs:
+  install-node-dependencies:
+    name: Install node dependencies
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+
+    steps:
+      - uses: actions/checkout@v7
+
+      - uses: ./.github/actions/setup-env
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'true'
+
+      - name: Install dependencies
+        run: vp install --frozen-lockfile -- --strict-peer-dependencies
+
+  build-packages:
+    name: Build packages
+    runs-on: ubuntu-latest
+    needs: install-node-dependencies
+    timeout-minutes: 20
+
+    steps:
+      - uses: actions/checkout@v7
+
+      - uses: ./.github/actions/setup-env
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'true'
+
+      - uses: ./.github/actions/restore-dependencies
+
+      - name: Build packages
+        run: vp run build && vp run build:demos
+
+      - name: Check package exports
+        run: vp run check:package-exports
+
+  check-linting-formatting:
+    name: Check linting & formatting
+    runs-on: ubuntu-latest
+    needs: install-node-dependencies
+    timeout-minutes: 15
+
+    steps:
+      - uses: actions/checkout@v7
+
+      - uses: ./.github/actions/setup-env
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'true'
+
+      - uses: ./.github/actions/restore-dependencies
+
+      - name: Run linting and formatting checks
+        run: vp check
+
+  run-unit-tests:
+    name: Run unit tests
+    runs-on: ubuntu-latest
+    needs: install-node-dependencies
+    timeout-minutes: 20
+
+    steps:
+      - uses: actions/checkout@v7
+
+      - uses: ./.github/actions/setup-env
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'true'
+
+      - uses: ./.github/actions/restore-dependencies
+
+      - name: Run unit tests
+        run: vp test
+
+  run-e2e-tests:
+    name: Run e2e tests (shard ${{ matrix.shard }}/${{ matrix.total }})
+    runs-on: ubuntu-latest
+    needs: build-packages
+    timeout-minutes: 30
+    strategy:
+      fail-fast: false
+      matrix:
+        shard: [1, 2, 3, 4]
+        total: [4]
+
+    steps:
+      - uses: actions/checkout@v7
+
+      - uses: ./.github/actions/setup-env
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'true'
+
+      - uses: ./.github/actions/restore-dependencies
+
+      - uses: ./.github/actions/setup-playwright
+
+      - name: Run Playwright tests
+        run: vp exec playwright test --project=chromium --shard=${{ matrix.shard }}/${{ matrix.total }}
+
+      - name: Upload blob report
+        if: always()
+        uses: actions/upload-artifact@v7
+        with:
+          name: e2e-blob-report-${{ matrix.shard }}
+          path: blob-report
+          retention-days: 7
+
+  merge-e2e-reports:
+    name: Merge e2e reports
+    runs-on: ubuntu-latest
+    needs: [install-node-dependencies, run-e2e-tests]
+    if: always() && needs.install-node-dependencies.result == 'success'
+    timeout-minutes: 10
+
+    steps:
+      - uses: actions/checkout@v7
+
+      - uses: ./.github/actions/setup-env
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'true'
+
+      - uses: ./.github/actions/restore-dependencies
+
+      - name: Download blob reports
+        uses: actions/download-artifact@v8
+        with:
+          path: all-blob-reports
+          pattern: e2e-blob-report-*
+          merge-multiple: true
+
+      - name: Merge into HTML report
+        if: ${{ hashFiles('all-blob-reports/**') != '' }}
+        run: vp exec playwright merge-reports --reporter html ./all-blob-reports
+
+      - name: Upload merged HTML report
+        uses: actions/upload-artifact@v7
+        with:
+          name: playwright-html-report
+          path: playwright-report
+          retention-days: 14
diff --git a/.github/workflows/notify.yml b/.github/workflows/notify.yml
new file mode 100644
index 0000000..de14031
--- /dev/null
+++ b/.github/workflows/notify.yml
@@ -0,0 +1,40 @@
+name: Notify
+
+on:
+  release:
+    types: [published]
+
+jobs:
+  discord_notify:
+    name: Send release to Discord
+    if: github.event_name == 'release'
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    steps:
+      - name: Post release to Discord (tsickert/discord-webhook)
+        uses: tsickert/discord-webhook@v7.0.0
+        with:
+          webhook-url: ${{ secrets.DISCORD_RELEASES_STABLE_WEBHOOK }}
+          embed-title: ${{ github.event.release.name || github.event.release.tag_name }}
+          embed-description: ${{ github.event.release.body }}
+          embed-url: ${{ github.event.release.html_url }}
+          wait: true
+
+  slack_release_notify:
+    name: Send release to Slack
+    if: github.event_name == 'release'
+    runs-on: ubuntu-latest
+    permissions: {}
+    steps:
+      - name: Send Slack release notification
+        uses: slackapi/slack-github-action@v4.0.0
+        with:
+          webhook: ${{ secrets.SLACK_WEBHOOK_URL }}
+          webhook-type: webhook-trigger
+          payload: |
+            {
+              "message": ${{ toJSON(format('[Tiptap Editor {0}]: {1}\nRelease title: {2}\n{3}', github.event.release.prerelease && 'Pre-release' || 'Release', github.event.release.name || github.event.release.tag_name, github.event.release.html_url, github.event.release.body || 'No release notes provided.')) }}
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
new file mode 100644
index 0000000..ca953c1
--- /dev/null
+++ b/.github/workflows/publish.yml
@@ -0,0 +1,165 @@
+name: Publish
+
+env:
+  NODE_VERSION: 24
+  VP_GIT_HOOKS: 0
+
+# this branch only releases from main
+# other versions are released from their respective release/* branches
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: read
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref_name }}
+  cancel-in-progress: true
+
+jobs:
+  resolve-config:
+    name: Resolve publish config
+    runs-on: ubuntu-latest
+    timeout-minutes: 5
+    outputs:
+      configured: ${{ steps.resolve.outputs.configured }}
+      dist_tag: ${{ steps.resolve.outputs.dist_tag }}
+      label: ${{ steps.resolve.outputs.label }}
+      title: ${{ steps.resolve.outputs.title }}
+      commit: ${{ steps.resolve.outputs.commit }}
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v7
+      - name: Validate publish config
+        run: node --test .github/scripts/__tests__/*.test.mjs
+      - name: Look up branch in publish config
+        id: resolve
+        run: node .github/scripts/resolve-publish-config.mjs "${{ github.ref_name }}" >> "$GITHUB_OUTPUT"
+
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    timeout-minutes: 30
+    needs: resolve-config
+    if: needs.resolve-config.outputs.configured == 'true'
+    steps:
+      - uses: actions/checkout@v7
+
+      - uses: ./.github/actions/setup-env
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'true'
+
+      - name: Install dependencies
+        run: vp install --frozen-lockfile -- --strict-peer-dependencies
+
+      - name: Run build
+        run: vp run build && vp run build:demos
+
+      - name: Check package exports
+        run: vp run check:package-exports
+
+      - name: Archive package dist artifacts
+        run: tar -cf package-dist-artifacts.tar packages/*/dist
+
+      - name: Upload package dist artifacts
+        uses: actions/upload-artifact@v7
+        with:
+          name: package-dist-artifacts
+          if-no-files-found: error
+          path: package-dist-artifacts.tar
+
+  release:
+    name: Bump Versions OR Release to Registry
+    runs-on: ubuntu-latest
+    timeout-minutes: 30
+    needs: [resolve-config, build]
+    permissions:
+      id-token: write
+      contents: write
+      pull-requests: write
+    outputs:
+      dist_tag: ${{ needs.resolve-config.outputs.dist_tag }}
+      label: ${{ needs.resolve-config.outputs.label }}
+      published: ${{ steps.changesets.outputs.published }}
+    steps:
+      - uses: actions/checkout@v7
+
+      - uses: ./.github/actions/setup-env
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'true'
+
+      - name: Update npm for trusted publishing
+        run: npm install -g npm@11.6.2
+
+      - name: Install dependencies
+        run: vp install --frozen-lockfile -- --strict-peer-dependencies
+
+      - name: Download package dist artifacts
+        uses: actions/download-artifact@v8
+        with:
+          name: package-dist-artifacts
+          path: .
+
+      - name: Restore package dist artifacts
+        run: tar -xf package-dist-artifacts.tar
+
+      - name: Verify package dist artifacts
+        run: bash ./scripts/check-package-dists.sh && vp run check:package-exports
+
+      - name: Run changesets release flow
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          createGithubReleases: false
+          version: vp run version
+          publish: vp exec changeset publish
+          title: ${{ needs.resolve-config.outputs.title }}
+          commit: ${{ needs.resolve-config.outputs.commit }}
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_CONFIG_PROVENANCE: true
+          NPM_CONFIG_ACCESS: public
+
+  notify-slack:
+    name: Send notification to Slack
+    runs-on: ubuntu-latest
+    needs: release
+    if: needs.release.outputs.published == 'true'
+    timeout-minutes: 5
+    permissions: {}
+    steps:
+      - name: Send Slack notification
+        uses: slackapi/slack-github-action@v4.0.0
+        with:
+          webhook: ${{ secrets.SLACK_WEBHOOK_URL }}
+          webhook-type: webhook-trigger
+          payload: |
+            {
+              "message": "[Tiptap Editor ${{ needs.release.outputs.label }}]: Published packages from branch ${{ github.ref_name }} with npm tag ${{ needs.release.outputs.dist_tag }}."
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+
+  notify-slack-failure:
+    name: Send failure notification to Slack
+    runs-on: ubuntu-latest
+    needs: [resolve-config, release]
+    if: always() && (needs.resolve-config.result == 'failure' || needs.release.result == 'failure')
+    timeout-minutes: 5
+    permissions: {}
+    steps:
+      - name: Send Slack failure notification
+        uses: slackapi/slack-github-action@v4.0.0
+        with:
+          webhook: ${{ secrets.SLACK_WEBHOOK_URL }}
+          webhook-type: webhook-trigger
+          payload: |
+            {
+              "message": "[Tiptap Editor Release]: There was an issue publishing packages from branch ${{ github.ref_name }}. Logs: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}"
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..2a8d25a
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,59 @@
+*.log
+.cache
+.DS_Store
+.temp
+node_modules
+dist
+.env
+.env.*
+
+.instructions
+.agent
+
+docs
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Turbo cache
+.turbo
+
+# Linter caches
+.eslintcache
+
+.rpt2_cache
+.rts2_cache
+.rts2_cache_cjs
+.rts2_cache_es
+.rts2_cache_umd
+
+# Playwright
+/playwright-report
+/test-results
+/playwright/.cache
+/blob-report
+# Ignore intellij project files
+.idea
+
+# packaged files
+/package-dist-artifacts.tar
+packages/**/*.tgz
+demos/*.tgz
+
+# pnpm
+.pnpm-store
+
+# demo directories
+demos/src/Dev/**
+!demos/src/Dev/.gitkeep
+
+# instructions
+.github/instructions/*
+!.github/instructions/tiptap.instructions.md
+!.github/instructions/changeset.instructions.md
+!.github/instructions/PR.instructions.md
diff --git a/.npmrc b/.npmrc
new file mode 100644
index 0000000..beae569
--- /dev/null
+++ b/.npmrc
@@ -0,0 +1,2 @@
+link-workspace-packages=deep
+prefer-workspace-packages=true
diff --git a/.vite-hooks/pre-commit b/.vite-hooks/pre-commit
new file mode 100755
index 0000000..85fb65b
--- /dev/null
+++ b/.vite-hooks/pre-commit
@@ -0,0 +1 @@
+vp staged
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..a2b41bd
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,11 @@
+{
+  "configurations": [
+    {
+      "name": "Launch Tiptap demos in Google Chrome",
+      "request": "launch",
+      "type": "chrome",
+      "url": "http://localhost:3000",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..4db45ab
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,16 @@
+{
+  "js/ts.tsdk.path": "node_modules/typescript/lib",
+  "editor.defaultFormatter": "oxc.oxc-vscode",
+  "[typescript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  }
+}
diff --git a/.zed/settings.json b/.zed/settings.json
new file mode 100644
index 0000000..d7d0206
--- /dev/null
+++ b/.zed/settings.json
@@ -0,0 +1,240 @@
+// Folder-specific settings
+//
+// For a full list of overridable settings, and general information on folder-specific settings,
+// see the documentation: https://zed.dev/docs/configuring-zed#settings-files
+{
+  "lsp": {
+    "oxlint": {
+      "initialization_options": {
+        "settings": {
+          "configPath": null,
+          "run": "onType",
+          "disableNestedConfig": false,
+          "fixKind": "safe_fix",
+          "unusedDisableDirectives": "deny"
+        }
+      }
+    },
+    "oxfmt": {
+      "initialization_options": {
+        "settings": {
+          "fmt.configPath": null,
+          "run": "onSave"
+        }
+      }
+    }
+  },
+  "languages": {
+    "CSS": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "GraphQL": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "Handlebars": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "HTML": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "JavaScript": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        },
+        {
+          "code_action": "source.fixAll.oxc"
+        }
+      ]
+    },
+    "JSON": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "JSON5": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "JSONC": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "Less": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "Markdown": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "MDX": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "SCSS": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "TypeScript": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "TSX": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "Vue.js": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    },
+    "YAML": {
+      "format_on_save": "on",
+      "prettier": {
+        "allowed": false
+      },
+      "formatter": [
+        {
+          "language_server": {
+            "name": "oxfmt"
+          }
+        }
+      ]
+    }
+  }
+}
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..3f13052
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,161 @@
+# Tiptap
+
+Headless rich text editor toolkit built on ProseMirror. A monorepo of small packages: a framework-agnostic core and extensions, plus React and Vue bindings.
+
+Published packages live in `packages/*`. `demos/` is a Vite app used as playground and as the target for e2e tests. All scripts are in the root `package.json`.
+
+## Rules
+
+- Small, single-purpose diffs. Ask the user to review. Never autocommit.
+- Add a changeset for user-facing changes. Public API breaks need a major bump and migration notes.
+- Add or update a demo and tests for user-visible behavior. Prefer unit tests over e2e when deterministic.
+- Fix fallow findings your change introduced. Don't suppress them.
+- Comments should be clear, concise and use plain, simple english.
+  - Rather use a oneliner
+  - Try to always be intent-focused
+  - stay local with comments
+  - scannable, no long or complex wording
+  - assume the reader doesn't know what you're talking about
+
+## Before opening a PR
+
+```bash
+vp run lint
+vp run build
+vp run test:unit
+vp run test:e2e
+vp run fallow:audit   # verdict must be pass or warn, never fail
+```
+
+Single package failing types: `vp run -F @tiptap/core build`.
+Dependency or lockfile errors: `vp run reset`, then rebuild.
+
+## Code style
+
+oxlint lints, oxfmt formats. Vite+ hooks (`vp staged`) run both on commit.
+
+Prefer simple, readable code over clever code. Use early returns. Avoid deep nesting, nested ternaries, and abstractions you don't need yet. Keep functions focused. Apply DRY and SOLID pragmatically, not blindly.
+
+### Files
+
+- Keep files small and focused. Split unrelated utilities, types, constants and logic apart.
+- One reusable utility per file, named after its export: `findDecorations.ts`, `addDecoration.ts`. Not `utils.ts`, `helpers.ts`, `decorations.ts`.
+- A helper used in one file only can stay local.
+
+### Naming
+
+- Short, clear, recognizable. Never shorten just to save characters. No unclear abbreviations.
+- `index` for numeric indexes, the item's real name for collection values. Single letters only in small math contexts like `x` and `y`.
+- Use existing project terminology.
+
+```ts
+// good
+items.map((item, index) => createNode(item, index))
+decorations.filter(decoration => decoration.visible)
+
+// bad
+items.map((i, idx) => createNode(i, idx))
+decorations.filter(d => d.visible)
+```
+
+### Comments
+
+Comments are a last resort. Prefer code that explains itself through clear names, structure, and small functions.
+
+- Default to **no comment**.
+- Comment only when the **reason for a decision is not apparent from the code**.
+- Keep comments **short, local, and intent-focused**.
+- Prefer a short one-line fragment or sentence.
+- Never restate what the code does.
+- Never narrate control flow.
+- Never explain surrounding architecture, history, edge cases, or implementation details unless they are essential to understanding the decision.
+- Never use comments as a substitute for clearer code, naming, or structure.
+- Do not write prose paragraphs, mini-documentation, or essay-style explanations in implementation code.
+- Do not add examples, scenarios, or parenthetical explanations to comments.
+- Do not use multi-line comments just because an explanation can be written. If it cannot be expressed concisely, reconsider whether the comment belongs in the code at all.
+- Existing verbose comments are not a style precedent. Do not imitate them.
+- When modifying code, remove comments that merely describe code made obvious by the change.
+
+Prefer:
+
+```ts
+// Skip empty text nodes
+// Preserve the original selection
+// Stop after the first match
+// Avoid dispatching during composition
+// Keep inactive editors measurable
+// Prevent collisions with imported IDs
+```
+
+Avoid:
+
+```ts
+// While composition is running, the update handler exits early because the
+// view is still composing. The final update may also contain no document or
+// selection changes, which means the menu would otherwise never update.
+```
+
+```ts
+/**
+ * Page content width used for the off-screen host. This is necessary because
+ * inactive editors need to remain measurable for ResizeObserver to detect
+ * changes while no overlay is currently open.
+ */
+```
+
+```ts
+/**
+ * Generates a unique endnote ID. Imported documents use numeric DOCX IDs,
+ * while client-created endnotes use this prefix to ensure that IDs cannot
+ * collide with imported endnotes or footnotes.
+ */
+```
+
+If a short comment loses useful detail, that detail usually belongs in the code structure, a test, commit/PR description, or documentation instead.
+
+JSDoc is exempt **only when it documents a public API**. Public API JSDoc should still be concise and include `@param`, `@returns`, and a runnable example where appropriate.
+
+### Writing
+
+Short, simple English in comments, docs, changesets and PRs. Most important information first. Assume the reader is new to the project or not a native speaker. No filler.
+
+### Before you finish
+
+Simplify what is hard to follow. Remove needless nesting and abstractions. Split large or unfocused files. Move reusable utilities into their own files. Drop redundant comments.
+
+Then run `pnpm fallow` for complexity and dead code, `pnpm fallow:health` for refactor targets, and `pnpm fallow:audit` on your changes.
+
+## Tests
+
+- Unit: Vitest, running on happy-dom. Place file-specific tests next to the file they cover and name them `<basename>.test.ts` (for example, `getAttributes.ts` uses `getAttributes.test.ts`).
+- Every package keeps a `tests/` folder next to `src/` for package-wide tests and support. Put integration tests that exercise multiple source files or runtime wiring in `tests/integration/`.
+- Put reusable package test utilities in `tests/utils/`. Put shared package test setup in `tests/setup/` only when multiple tests use it.
+- Fixtures are passive inputs loaded by tests, not executable tests. Put scenario or reproduction data in `tests/fixtures/`.
+- Put file-based fixtures in `tests/fixtures/files/`. Use a more specific subfolder when the fixture type needs it, such as `tests/fixtures/markdown/`.
+- Keep one-off mocks and helpers next to the test that uses them.
+- E2E: Playwright, next to the demo it drives as `demos/src/**/index.spec.ts`. Playwright starts the demo server itself on port 4080, no separate terminal. Helpers live in `demos/test/helpers.ts`. Copy `demos/src/Commands/Cut/index.spec.ts` as a template.
+
+## Demos
+
+- Path pattern is `demos/src/<Category>/<DemoName>/<Variant>`, for example `demos/src/Marks/Bold/React`. Scaffold with `pnpm make:demo`.
+- Every demo needs an empty `index.html`. Vite routes by filesystem and ignores folders without it.
+- Import from `@tiptap/core` and friends, never relative paths. The demos `tsconfig.json` aliases those to the local package sources.
+- Reuse the global styles in `demos/setup/style.scss`: `.button-group` for rows of buttons, `.control-group` to wrap a toolbar, `.output-group` for demo output. Don't style `.tiptap`, that is the editor content itself.
+
+## Changesets
+
+Run `pnpm changeset`, or write the file yourself as `.changeset/YYYY-MM-DD-short-description.md`:
+
+```markdown
+---
+'@tiptap/core': patch
+---
+
+One short sentence on what changed for the user.
+```
+
+Describe behavior users notice. No internals, no root-cause detail. `.github/publish-config.json` decides which branches publish and under which npm tag.
+
+## Docs
+
+User-facing documentation lives in the separate `ueberdosis/tiptap-docs` repo. Ask the user for the local path when you need to change it.
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 120000
index 0000000..47dc3e3
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1 @@
+AGENTS.md
\ No newline at end of file
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..da2ebe2
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,194 @@
+# Contributing
+
+Contributions are **welcome** and will be fully **credited**.
+
+Please read and understand the [contribution guide](https://tiptap.dev/docs/resources/contributing) before creating an issue or pull request.
+
+## Etiquette
+
+This project is open source, and as such, the maintainers give their free time to build and maintain the source code
+held within. They make the code freely available in the hope that it will be of use to other developers. It would be
+extremely unfair for them to suffer abuse or anger for their hard work.
+
+Please be considerate towards maintainers when raising issues or presenting pull requests. Let's show the
+world that developers are civilized and selfless people.
+
+It's the duty of the maintainer to ensure that all submissions to the project are of sufficient
+quality to benefit the project. Many developers have different skillsets, strengths, and weaknesses. Respect the maintainer's decision, and do not be upset or abusive if your submission is not used.
+
+## Security
+
+If you discover a security vulnerability, please refer to our [Security Policy](SECURITY.md) for reporting instructions.
+
+## Branching
+
+`main` is the default branch and always holds the newest code. That's not the same as "stable".
+While a new major version is being developed, `main` can be a pre-release (`next`, `alpha`,
+`beta`) for months before it ships. Check the npm dist-tag (`latest`, `next`, `alpha`, ...), not
+the branch, to know what is currently stable.
+
+Older major versions live on `release/v*` branches (e.g. `release/v3`). These only
+receive critical bug fixes and security patches, no new features.
+
+| Branch       | Purpose                                 | Publishes                                                                      |
+| ------------ | --------------------------------------- | ------------------------------------------------------------------------------ |
+| `main`       | Active development, default branch      | `next` / `alpha` / `beta`, or `latest` once main is the current stable version |
+| `release/v*` | Frozen stable line, critical fixes only | `latest` (while current) or `latest-v*` (once superseded)                      |
+
+Once a `release/v*` branch is cut, it never merges back into `main`, and `main` never
+merges into it. Merging two branches with that much diverged history just produces huge
+conflicts. Individual fixes still travel between them, one commit at a time, by cherry-pick.
+
+### Where to open your pull request
+
+- Open your PR against `main`. That's the default target and where all new development happens.
+- Only target a `release/v*` branch directly if your fix applies exclusively to that old
+  version and not to `main` (see "Change only relevant for a maintained version" below).
+
+### Does your fix need to reach the current stable release too?
+
+A fix merged into `main` during a pre-release cycle does not reach users on the current stable
+release by itself, because `main` and the maintenance branch never merge. If your fix addresses
+a critical bug or security issue that also affects the current stable release, it needs a
+second PR that cherry-picks your commit onto the relevant `release/v*` branch.
+
+- Check the box in the pull request template if this applies to your change.
+- Open the backport PR yourself if you can. You know the fix best.
+- If you can't, a maintainer may do it as a last resort, but that's not guaranteed, so try first.
+
+### The three cases
+
+#### Default workflow
+
+Most changes. Lands on `main`, ships under whatever tag `main` is currently publishing, no
+backport needed.
+
+![Default branching workflow](.github/assets/branching-guide/general.png)
+
+#### Change only relevant for `main`
+
+A change that does not apply to any maintained stable version, for example a new-major-only
+feature. Lands on `main` only. `release/v*` never sees it.
+
+![Change only relevant for main](.github/assets/branching-guide/main.png)
+
+#### Change only relevant for a maintained version
+
+A fix specific to an already-stable release. Open the PR directly against `release/v*`.
+It never touches `main`.
+
+![Change only relevant for a maintained version](.github/assets/branching-guide/maintenance.png)
+
+## Viability
+
+When requesting or submitting new features, first consider whether it might be useful to others. Open
+source projects are used by many developers, who may have entirely different needs to your own. Think about
+whether or not your feature is likely to be used by other users of the project.
+
+## Procedure
+
+Before filing an issue:
+
+- Attempt to replicate the problem, to ensure that it wasn't a coincidental incident. Create a CodeSandbox to reproduce the issue. Use one of these templates to get started:
+  - [JavaScript template](https://codesandbox.io/s/tiptap-js-fv1lyo)
+  - [React template](https://codesandbox.io/s/tiptap-react-qidlsv)
+  - [Vue 3 template](https://codesandbox.io/p/sandbox/tiptap-vue-3-ci7q9h)
+- Check to make sure your feature suggestion isn't already present within the project.
+- Check the pull requests tab to ensure that the bug doesn't have a fix in progress.
+- Check the pull requests tab to ensure that the feature isn't already in progress.
+
+Before submitting a pull request:
+
+- Check the codebase to ensure that your feature doesn't already exist.
+- Check the pull requests to ensure that another person hasn't already submitted the feature or fix.
+- Check which branch to target. See [Branching](#branching) above.
+
+Before committing:
+
+- Make sure to run the tests and linter before committing your changes.
+- If you are making changes to one of the packages, make sure to **always** include a [changeset](https://github.com/changesets/changesets) in your PR describing **what changed** with a **description** of the change. Those are responsible for changelog creation
+
+## Testing
+
+- Place file-specific unit tests next to the file they cover and name them `<basename>.test.ts`.
+- Keep a `tests/` folder next to `src/` in each package for package-wide tests and support.
+- Put integration tests that exercise multiple source files or runtime wiring in `tests/integration/`.
+- Put shared test utilities in `tests/utils/`.
+- Fixtures are passive inputs loaded by tests, not executable tests. Put scenario or reproduction data in `tests/fixtures/`.
+- Put file-based fixtures in `tests/fixtures/files/`, with more specific subfolders when needed.
+- Put shared package test setup in `tests/setup/`. Keep one-off mocks and helpers next to the test that uses them.
+
+## Create a new demo
+
+To make it easier to add new demos to the demos app we provide a small helper script via `pnpm run make:demo` that scaffolds a new demo directory from our default template.
+
+**What it does**
+
+- Prompts for a demo name and category.
+- Validates the category is one of: `Dev`, `Examples`, `Extensions`, `Experiments`, `Marks`, `Nodes`.
+- Copies the template `demos/src/Examples/Default` to `demos/src/<Category>/<Demo_Name>`.
+
+**How to use**
+
+- From the repository root run:
+- If the script is executable:
+- Or with bash directly:
+- Follow the interactive prompts for the demo name and category.
+
+**Notes and follow-up steps**
+
+- The script only copies the template. After the scaffold is created, update the demo's files (title, description, imports) to reflect your example.
+- Make sure to review the generated demo in `demos/` and run the demos app (`pnpm dev`) to verify it appears and works as expected.
+- If your demo changes package behaviour or exposes user-facing changes, follow the normal rule and add a changeset and tests as needed.
+- If you don't want your demo to be included in the Git repository, use the `Dev` category. Demos in this category are ignored by git via `.gitignore`.
+
+## Publishing New Packages
+
+When adding a new package to the repository that does not yet exist on NPM, additional setup is required before the automated publish CI can release it:
+
+1. **Manual initial publish** - The package must be published manually to NPM for the first time using normal user authentication. This is required because trusted publishing can only be configured for packages that already exist on the registry.
+   - For a single package, run `pnpm run build && pnpm publish` from the package directory (e.g., `packages/extension-audio/`).
+   - Alternatively, run `pnpm run publish` from the root directory to publish all packages.
+2. **Configure trusted publishing** - After the initial publish, set up [NPM trusted publishing](https://docs.npmjs.com/trusted-publishers) (also known as provenance) for the package on NPM. This allows the GitHub Actions workflow to publish subsequent versions automatically.
+
+Without this setup, the publish CI will fail when attempting to release a new package.
+
+### Adding a new release branch
+
+When work on a new major version starts on `main`, cut the current stable line into its own
+`release/v*` branch (e.g., `release/v2`) before the first breaking change merges. See
+[Branching](#branching) for the full model. Then update two places:
+
+1. **Workflow trigger** — Add the branch name to the `on.push.branches` list in `.github/workflows/publish.yml`.
+2. **Publish configuration** — Add a matching entry in `.github/publish-config.json` with the desired dist-tag and release messages.
+
+Both lists must stay in sync. A branch present in one but not the other will either never trigger the workflow or produce a harmless no-op.
+
+Each entry in `.github/publish-config.json` takes four fields:
+
+| Field     | Description                                                                                |
+| --------- | ------------------------------------------------------------------------------------------ |
+| `distTag` | npm dist-tag passed to `pnpm changeset publish --tag`, e.g. `latest`, `next`, `latest-v2`. |
+| `label`   | Label used in the Slack release announcement, e.g. `stable` or `prerelease`.               |
+| `title`   | Title of the Changesets version PR created by CI.                                          |
+| `commit`  | Commit message of that version PR.                                                         |
+
+The resolver job looks up the current branch by exact name. If it is missing, the workflow exits cleanly without building, publishing, or notifying. Make sure the dist-tag exists on npm (`npm dist-tag add <package>@<version> <tag>`) before the first release from a new branch.
+
+## Requirements
+
+If the project maintainer has any additional requirements, you will find them listed here.
+
+- **Document any change in behaviour** - Make sure the `README.md` and any other relevant documentation are kept up-to-date.
+
+- **One pull request per feature** - If you want to do more than one thing, send multiple pull requests.
+
+- **Send coherent history** - Make sure each individual commit in your pull request is meaningful. If you had to make multiple intermediate commits while developing, please [squash them](https://www.git-scm.com/book/en/v2/Git-Tools-Rewriting-History#Changing-Multiple-Commit-Messages) before submitting.
+
+- **Disclose AI usage** — If you used AI tools (e.g., ChatGPT, Claude, GitHub Copilot) to generate any part of your contribution, you must clearly disclose this in your pull request description.
+
+- **Link your pull request to an issue** — Pull requests must be linked to an existing issue that has been assigned to you. Before opening a PR, ensure there is an issue describing the bug or feature you're addressing. Trivial fixes (e.g., typos, broken links) are exempt.
+
+- **Respond to feedback** — Maintainers may ask follow-up questions or request changes on your pull request. If you do not respond within 30 days, your PR may be closed. You are welcome to reopen it or submit a new PR once you're able to address the feedback.
+
+**Happy coding**!
diff --git a/LICENSE.md b/LICENSE.md
new file mode 100644
index 0000000..4b28a55
--- /dev/null
+++ b/LICENSE.md
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025, Tiptap GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..d8d2d26
--- /dev/null
+++ b/README.md
@@ -0,0 +1,133 @@
+![Tiptap Editor](.github/assets/cover.png)
+
+[![LFX Health Score](https://insights.linuxfoundation.org/api/badge/health-score?project=tiptap)](https://insights.linuxfoundation.org/project/tiptap)
+[![Build Status](https://github.com/ueberdosis/tiptap/actions/workflows/build.yml/badge.svg)](https://github.com/ueberdosis/tiptap/actions/workflows/build.yml)
+[![Version](https://img.shields.io/npm/v/@tiptap/core.svg?label=version)](https://www.npmjs.com/package/@tiptap/core)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/core.svg)](https://npmcharts.com/compare/@tiptap/core?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/core.svg)](https://www.npmjs.com/package/@tiptap/core)
+[![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg?sanitize=true)](https://discord.gg/WtJ49jGshW)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+[![LFX Active Contributors](https://insights.linuxfoundation.org/api/badge/active-contributors?project=tiptap)](https://insights.linuxfoundation.org/project/tiptap)
+
+# Tiptap Editor
+
+The Tiptap Editor is a headless, framework-agnostic rich text editor that's customizable and extendable through extensions. Its headless nature means it comes without a set user interface, offering full design freedom (for a jumpstart, see linked [UI templates](#examples-codesandbox-and-ui-templates) below). Tiptap is based on the highly reliable [ProseMirror](https://prosemirror.net/) library.
+
+Tiptap Editor is complemented by the collaboration open-source backend [Hocuspocus](https://github.com/ueberdosis/hocuspocus). Both the Editor and Hocuspocus form the foundation of the [Tiptap Suite](https://tiptap.dev/).
+
+### How does the Tiptap Editor work?
+
+- **Headless Framework:** Tiptap does not rely on a user interface. So there is no need for class overrides or code hacks. If you do need an example UI feel free to browse our [UI templates](#examples-codesandbox-and-ui-templates) linked below.
+- **Framework-agnostic:** The Tiptap Editor is designed to work across different frontend frameworks. This means whether you're using Vue, React, or plain JavaScript, Tiptap integrates without compatibility issues.
+- **Extension based:** Extensions in Tiptap allow for a tailored editing experience, from simple text styling to advanced features like drag-and-drop block editing. You have the option to choose from over 100 extensions available in the [documentation](https://tiptap.dev/docs/editor/extensions) and [community](https://github.com/ueberdosis/awesome-tiptap/#community-extensions) to enhance your editor's functionality.
+- **Customize your UX:** The editor was built to give you control to define your own [extensions](https://tiptap.dev/docs/editor/guide/custom-extensions) and [nodes](https://tiptap.dev/docs/editor/api/nodes).
+
+### Editor Pro Extensions
+
+The **Pro Extensions** are a set of advanced functionalities that enhance the capabilities of the Tiptap Editor. They are additional features that can be integrated into the base editor to provide more sophisticated editing options.
+
+Key functionalities include collaborative editing, commenting, versioning, document conversion and AI related features.
+Review the docs right [here](https://tiptap.dev/docs/editor/extensions).
+
+Pro Extensions need a valid subscription.
+
+### Make your editor collaborative
+
+Interested in collaborative editing? Check out our open-source package [Hocuspocus](https://github.com/ueberdosis/hocuspocus) - a collaboration backend built around the CRDT power of [Yjs](https://github.com/yjs/yjs). Hocuspocus serves as the backbone for the [Tiptap Suite](https://tiptap.dev/).
+
+## Documentation
+
+For more detailed information, make sure to check out our [documentation](https://tiptap.dev/docs/editor/installation). If you encounter any problems or have suggestions for our system, please open an issue.
+
+### Examples, CodeSandbox and UI Templates
+
+Have a look at the [examples to see Tiptap in action](https://tiptap.dev/examples) or review and fork our codesandboxes.
+
+- [Basic example of the Tiptap editor.](https://codesandbox.io/p/devbox/editor-9x9dkd?embed=1&file=%2Fsrc%2FApp.js)
+- [Collaboration ready Tiptap CodeSandbox](https://codesandbox.io/p/devbox/collaboration-4stk94)
+- React notion-like block editor template: [Demo](https://templates.tiptap.dev/)
+
+## About Tiptap
+
+Tiptap is a collection of developer components based on open-source technology, forming the basis of our advanced, paid features. It includes the open-source editor component, collaboration features, Content AI, and Tiptap Cloud. We are developing open-source products that also shape our paid features. We're committed to improving both, ensuring quality and reliability in every update.
+
+For more details, visit the Tiptap [documentation](https://tiptap.dev/docs/editor/introduction) or [website](https://tiptap.dev/).
+
+### Community
+
+For help, discussion about best practices, or any other conversation that would benefit from being searchable:
+
+[Discuss Tiptap on GitHub](https://github.com/ueberdosis/tiptap/discussions)
+
+### Sponsors 💖
+
+<table>
+  <tr>
+    <td align="center">
+      <a href="https://www.complish.app/">
+        <img src="https://uploads-ssl.webflow.com/5fa93d27380666789a1cbbd3/5fae50824b4d2d06f3d2898f_Frame%20374.png" width="25"><br>
+        <strong>Complish</strong>
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.storyblok.com/">
+        <img src="https://unavatar.io/github/storyblok" width="25"><br>
+        <strong>Storyblok</strong>
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://posthog.com/">
+        <img src="https://unavatar.io/github/posthog" width="25"><br>
+        <strong>PostHog</strong>
+      </a>
+    </td>
+    <td align="center" width="100">
+      <a href="https://reflect.app/">
+        <img src="https://unavatar.io/reflect.app" width="25"><br>
+        <strong>Reflect</strong>
+      </a>
+    </td>
+    <td align="center" width="100">
+      <a href="https://ziffmedia.com/">
+        <img src="https://unavatar.io/github/ziffmedia" width="25"><br>
+        <strong>Ziff Media</strong>
+      </a>
+    </td>
+    <td align="center" width="100">
+      <a href="https://www.basewell.com/">
+        <img src="https://unavatar.io/github/Basewell" width="25"><br>
+        <strong>Basewell</strong>
+      </a>
+    </td>
+    <td align="center" width="100">
+      <a href="https://poggio.io">
+        <img src="https://unavatar.io/github/poggiolabs" width="25"><br>
+        <strong>Poggio</strong>
+      </a>
+    </td>
+  </tr>
+</table>
+
+[iFixit](https://www.ifixit.com/), [ApostropheCMS](https://apostrophecms.com/), [Novadiscovery](http://www.novadiscovery.com/), [Omics Data Automation](https://www.omicsautomation.com), [Flow Mobile](https://www.flowmobile.app/), [DocIQ](https://www.dociq.io/) and [hundreds of awesome individuals](https://github.com/sponsors/ueberdosis).
+
+### Contributing
+
+Feel like adding some magic of your own to Tiptap Editor Core? We welcome contributions! Please see our [CONTRIBUTING](CONTRIBUTING.md) guidelines for how to get started.
+
+### Contributors
+
+[Sam Willis](https://github.com/samwillis),
+[Brian Hung](https://github.com/BrianHung),
+[Dirk Holtwick](https://github.com/holtwick),
+[Sam Duvall](https://github.com/SamDuvall),
+[Christoph Flathmann](https://github.com/Chrissi2812),
+[Erick Wilder](https://github.com/erickwilder),
+[Marius Tolzmann](https://github.com/mariux),
+[jjangga0214](https://github.com/jjangga0214),
+[Maya Nedeljkovich](https://github.com/mayacoda),
+[Ryan Bliss](https://github.com/ryanbliss),
+[Gregor](https://github.com/gambolputty) and [many more](../../contributors).
+
+## License
+
+The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
diff --git a/SCOPES.md b/SCOPES.md
new file mode 100644
index 0000000..65b72db
--- /dev/null
+++ b/SCOPES.md
@@ -0,0 +1,78 @@
+# Scopes
+
+## Primary scopes (monorepo packages)
+
+### Core, framework bindings, and shared utilities
+
+- core
+- ai-toolkit
+- extensions
+- html
+- markdown
+- pm
+- react
+- server-ai-toolkit
+- starter-kit
+- static-renderer
+- suggestion
+- vue
+
+### Extensions
+
+- extension-audio
+- extension-blockquote
+- extension-bold
+- extension-bubble-menu
+- extension-bullet-list
+- extension-code
+- extension-code-block
+- extension-code-block-lowlight
+- extension-collaboration
+- extension-collaboration-caret
+- extension-color
+- extension-details
+- extension-document
+- extension-drag-handle
+- extension-drag-handle-react
+- extension-drag-handle-vue
+- extension-emoji
+- extension-file-handler
+- extension-floating-menu
+- extension-font-family
+- extension-hard-break
+- extension-heading
+- extension-highlight
+- extension-horizontal-rule
+- extension-image
+- extension-invisible-characters
+- extension-italic
+- extension-link
+- extension-list
+- extension-mathematics
+- extension-mention
+- extension-node-range
+- extension-ordered-list
+- extension-paragraph
+- extension-strike
+- extension-subscript
+- extension-superscript
+- extension-ruby-text
+- extension-table
+- extension-table-of-contents
+- extension-text
+- extension-text-align
+- extension-text-style
+- extension-twitch
+- extension-typography
+- extension-underline
+- extension-unique-id
+- extension-youtube
+
+## Additional scopes
+
+- demos
+- tests
+- ci
+- config
+- docs
+- changeset
diff --git a/SECURITY.md b/SECURITY.md
new file mode 100644
index 0000000..b5ee836
--- /dev/null
+++ b/SECURITY.md
@@ -0,0 +1,32 @@
+# Security Policy
+
+## Reporting Vulnerabilities
+
+If you discover a security vulnerability in Tiptap, please report it responsibly. We appreciate your help in keeping our users safe.
+
+### How to Report
+
+**Please do not report security vulnerabilities through public GitHub issues.**
+
+Send details to security@tiptap.dev. Include a description of the vulnerability, steps to reproduce, and any potential impact.
+
+We will acknowledge receipt within 48 hours and provide updates as we investigate.
+
+## Response Process
+
+Vulnerabilities are assessed and prioritized based on severity, exploitability, and business impact. Fixes are deployed according to the following timelines:
+
+- **Critical** (e.g., remote code execution, data breaches): Fixed and released within 24 hours.
+- **High** (e.g., significant data exposure): Fixed and released within 72 hours.
+- **Medium** (e.g., moderate leaks): Fixed and released within 14 days.
+- **Low** (e.g., minor issues): Addressed in the next scheduled update.
+
+We follow responsible disclosure practices and will credit reporters unless requested otherwise.
+
+## Scope
+
+This policy applies to all Tiptap packages and related infrastructure. Reports are handled through our established vulnerability management process.
+
+## Contact
+
+For questions, email security@tiptap.dev or humans@tiptap.dev.
diff --git a/babel.config.js b/babel.config.js
new file mode 100644
index 0000000..195e98f
--- /dev/null
+++ b/babel.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+  presets: ['@babel/preset-env', '@babel/preset-react'],
+  plugins: [
+    '@babel/plugin-proposal-nullish-coalescing-operator',
+    '@babel/plugin-proposal-optional-chaining',
+  ],
+}
diff --git a/codemods/tiptap-v4-migration/.gitignore b/codemods/tiptap-v4-migration/.gitignore
new file mode 100644
index 0000000..a84ef48
--- /dev/null
+++ b/codemods/tiptap-v4-migration/.gitignore
@@ -0,0 +1,33 @@
+# Dependencies
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Build artifacts
+target/
+dist/
+build/
+
+# Temporary files
+*.tmp
+*.temp
+.cache/
+
+# Environment files
+.env
+.env.local
+
+# IDE files
+.vscode/
+.idea/
+*.swp
+*.swo
+
+# OS files
+.DS_Store
+Thumbs.db
+
+# Package bundles
+*.tar.gz
+*.tgz
diff --git a/codemods/tiptap-v4-migration/README.md b/codemods/tiptap-v4-migration/README.md
new file mode 100644
index 0000000..a316219
--- /dev/null
+++ b/codemods/tiptap-v4-migration/README.md
@@ -0,0 +1,38 @@
+# @tiptap/codemod-v3-to-v4
+
+Codemod workflows for migrating Tiptap projects from v3 to v4.
+
+## Current migrations
+
+- Renames `@tiptap/vue-3` to `@tiptap/vue`.
+- Renames `@tiptap/extension-drag-handle-vue-3` to `@tiptap/extension-drag-handle-vue`.
+
+## Local development
+
+```bash
+pnpm install
+pnpm validate
+pnpm test
+pnpm exec codemod workflow run -w . -t /path/to/project --param vue_target_path=/path/to/project
+```
+
+## Publish
+
+Run these commands from this directory:
+
+```bash
+pnpm exec codemod login
+pnpm validate
+pnpm test
+pnpm exec codemod publish
+```
+
+## Verify the published workflow
+
+Run the published workflow against a disposable project before documenting it in a release:
+
+```bash
+npx codemod@latest @tiptap/codemod-v3-to-v4 \
+  --target /path/to/project \
+  --param vue_target_path=/path/to/project
+```
diff --git a/codemods/tiptap-v4-migration/codemod.yaml b/codemods/tiptap-v4-migration/codemod.yaml
new file mode 100644
index 0000000..dbbfe08
--- /dev/null
+++ b/codemods/tiptap-v4-migration/codemod.yaml
@@ -0,0 +1,21 @@
+schema_version: '1.0'
+
+name: '@tiptap/codemod-v3-to-v4'
+version: '0.1.0'
+description: 'Migrate Tiptap projects from v3 to v4'
+author: 'Tiptap'
+license: 'MIT'
+
+workflows:
+  - name: main
+    default: true
+    path: workflow.yaml
+
+targets:
+  languages: ['javascript', 'typescript', 'tsx', 'json', 'vue']
+
+keywords: ['migration', 'tiptap', 'v3-to-v4']
+
+registry:
+  access: 'public'
+  visibility: 'public'
diff --git a/codemods/tiptap-v4-migration/package.json b/codemods/tiptap-v4-migration/package.json
new file mode 100644
index 0000000..127fbd9
--- /dev/null
+++ b/codemods/tiptap-v4-migration/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "@tiptap/codemod-v3-to-v4",
+  "version": "0.1.0",
+  "private": true,
+  "description": "Migrate Tiptap Vue package imports for v4",
+  "type": "module",
+  "scripts": {
+    "build": "pnpm validate",
+    "check-types": "tsc --noEmit",
+    "test": "pnpm test:javascript && pnpm test:typescript && pnpm test:tsx && pnpm test:json && pnpm test:vue",
+    "test:javascript": "codemod jssg test -l javascript scripts/vue-package-renames.ts tests/javascript",
+    "test:json": "codemod jssg test -l json scripts/vue-package-renames.ts tests/json",
+    "test:tsx": "codemod jssg test -l tsx scripts/vue-package-renames.ts tests/tsx",
+    "test:typescript": "codemod jssg test -l typescript scripts/vue-package-renames.ts tests/typescript",
+    "test:vue": "node --test tests/vue-sfc-imports.test.mjs",
+    "validate": "codemod workflow validate -w workflow.yaml"
+  },
+  "devDependencies": {
+    "@codemod.com/jssg-types": "^1.6.3",
+    "codemod": "^1.15.2",
+    "typescript": "^5.7.3"
+  },
+  "packageManager": "pnpm@11.2.2"
+}
diff --git a/codemods/tiptap-v4-migration/scripts/vue-package-renames.ts b/codemods/tiptap-v4-migration/scripts/vue-package-renames.ts
new file mode 100644
index 0000000..e9ce56b
--- /dev/null
+++ b/codemods/tiptap-v4-migration/scripts/vue-package-renames.ts
@@ -0,0 +1,33 @@
+import type { Codemod, Edit } from 'codemod:ast-grep'
+import type JSON from 'codemod:ast-grep/langs/json'
+import type JS from 'codemod:ast-grep/langs/javascript'
+import type TS from 'codemod:ast-grep/langs/typescript'
+import type TSX from 'codemod:ast-grep/langs/tsx'
+
+const packageSpecifiers = new Map([
+  ["'@tiptap/vue-3'", "'@tiptap/vue'"],
+  ['"@tiptap/vue-3"', '"@tiptap/vue"'],
+  ["'@tiptap/extension-drag-handle-vue-3'", "'@tiptap/extension-drag-handle-vue'"],
+  ['"@tiptap/extension-drag-handle-vue-3"', '"@tiptap/extension-drag-handle-vue"'],
+])
+
+type Language = JS | TS | TSX | JSON
+
+const codemod: Codemod<Language> = async root => {
+  const edits: Edit[] = []
+
+  root
+    .root()
+    .findAll({ rule: { kind: 'string' } })
+    .forEach(node => {
+      const replacement = packageSpecifiers.get(node.text())
+
+      if (replacement) {
+        edits.push(node.replace(replacement))
+      }
+    })
+
+  return edits.length > 0 ? root.root().commitEdits(edits) : null
+}
+
+export default codemod
diff --git a/codemods/tiptap-v4-migration/scripts/vue-sfc-imports.mjs b/codemods/tiptap-v4-migration/scripts/vue-sfc-imports.mjs
new file mode 100644
index 0000000..37b5971
--- /dev/null
+++ b/codemods/tiptap-v4-migration/scripts/vue-sfc-imports.mjs
@@ -0,0 +1,243 @@
+import { readdir, readFile, writeFile } from 'node:fs/promises'
+import { resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const packageSpecifiers = new Map([
+  ['@tiptap/vue-3', '@tiptap/vue'],
+  ['@tiptap/extension-drag-handle-vue-3', '@tiptap/extension-drag-handle-vue'],
+])
+
+const scriptPattern = /<script\b[^>]*>([\s\S]*?)<\/script>/gi
+const skippedDirectories = new Set(['.git', 'build', 'dist', 'node_modules'])
+
+function skipTrivia(source, start) {
+  let index = start
+
+  while (index < source.length) {
+    if (/\s/.test(source[index])) {
+      index += 1
+      continue
+    }
+
+    if (source.startsWith('//', index)) {
+      const lineEnd = source.indexOf('\n', index + 2)
+      index = lineEnd === -1 ? source.length : lineEnd + 1
+      continue
+    }
+
+    if (source.startsWith('/*', index)) {
+      const commentEnd = source.indexOf('*/', index + 2)
+      index = commentEnd === -1 ? source.length : commentEnd + 2
+      continue
+    }
+
+    break
+  }
+
+  return index
+}
+
+function readStringEnd(source, start) {
+  const quote = source[start]
+
+  for (let index = start + 1; index < source.length; index += 1) {
+    if (source[index] === '\\') {
+      index += 1
+      continue
+    }
+
+    if (source[index] === quote) {
+      return index
+    }
+  }
+
+  return source.length
+}
+
+function readIdentifierEnd(source, start) {
+  let index = start
+
+  while (index < source.length && /[\w$]/.test(source[index])) {
+    index += 1
+  }
+
+  return index
+}
+
+function isIdentifierStart(character) {
+  return /[A-Za-z_$]/.test(character)
+}
+
+function getSpecifierEdit(source, start) {
+  const quote = source[start]
+
+  if (quote !== "'" && quote !== '"') {
+    return null
+  }
+
+  const end = readStringEnd(source, start)
+  const specifier = source.slice(start + 1, end)
+  const replacement = packageSpecifiers.get(specifier)
+
+  if (!replacement || end === source.length) {
+    return null
+  }
+
+  return {
+    end: end + 1,
+    start,
+    text: `${quote}${replacement}${quote}`,
+  }
+}
+
+function findSpecifier(source, start, requiresCall) {
+  let index = skipTrivia(source, start)
+
+  if (requiresCall) {
+    if (source[index] !== '(') {
+      return null
+    }
+
+    index = skipTrivia(source, index + 1)
+  }
+
+  return getSpecifierEdit(source, index)
+}
+
+function findImportedSpecifier(source, start, limit = source.length) {
+  const end = limit === -1 ? source.length : limit
+
+  for (let index = start; index < end; index += 1) {
+    if (source.startsWith('//', index)) {
+      const lineEnd = source.indexOf('\n', index + 2)
+      index = lineEnd === -1 ? source.length : lineEnd
+      continue
+    }
+
+    if (source.startsWith('/*', index)) {
+      const commentEnd = source.indexOf('*/', index + 2)
+      index = commentEnd === -1 ? source.length : commentEnd + 1
+      continue
+    }
+
+    if (source[index] === "'" || source[index] === '"' || source[index] === '`') {
+      index = readStringEnd(source, index)
+      continue
+    }
+
+    if (isIdentifierStart(source[index])) {
+      const end = readIdentifierEnd(source, index)
+
+      if (source.slice(index, end) === 'from') {
+        return findSpecifier(source, end, false)
+      }
+
+      index = end - 1
+    }
+  }
+
+  return null
+}
+
+function replacePackageSpecifiers(source) {
+  const edits = []
+
+  for (let index = 0; index < source.length;) {
+    if (source.startsWith('//', index)) {
+      const lineEnd = source.indexOf('\n', index + 2)
+      index = lineEnd === -1 ? source.length : lineEnd + 1
+      continue
+    }
+
+    if (source.startsWith('/*', index)) {
+      const commentEnd = source.indexOf('*/', index + 2)
+      index = commentEnd === -1 ? source.length : commentEnd + 2
+      continue
+    }
+
+    if (source[index] === "'" || source[index] === '"' || source[index] === '`') {
+      index = readStringEnd(source, index) + 1
+      continue
+    }
+
+    if (!isIdentifierStart(source[index])) {
+      index += 1
+      continue
+    }
+
+    const end = readIdentifierEnd(source, index)
+    const identifier = source.slice(index, end)
+    const previous = source.slice(0, index).trimEnd().at(-1)
+
+    if (previous === '.') {
+      index = end
+      continue
+    }
+
+    const edit =
+      identifier === 'import'
+        ? (findSpecifier(source, end, source[skipTrivia(source, end)] === '(') ??
+          findImportedSpecifier(source, end))
+        : identifier === 'export'
+          ? findImportedSpecifier(source, end, source.indexOf('\n', end))
+          : identifier === 'require'
+            ? findSpecifier(source, end, true)
+            : null
+
+    if (edit) {
+      edits.push(edit)
+    }
+
+    index = end
+  }
+
+  return edits.reduceRight(
+    (result, edit) => `${result.slice(0, edit.start)}${edit.text}${result.slice(edit.end)}`,
+    source,
+  )
+}
+
+/** Rewrites known Tiptap package specifiers inside Vue script blocks. */
+export function transformVueSource(source) {
+  return source.replace(scriptPattern, (script, content) =>
+    script.replace(content, replacePackageSpecifiers(content)),
+  )
+}
+
+async function findVueFiles(directory) {
+  const entries = await readdir(directory, { withFileTypes: true })
+  const files = []
+
+  for (const entry of entries) {
+    if (entry.isDirectory()) {
+      if (!skippedDirectories.has(entry.name)) {
+        files.push(...(await findVueFiles(resolve(directory, entry.name))))
+      }
+
+      continue
+    }
+
+    if (entry.isFile() && entry.name.endsWith('.vue')) {
+      files.push(resolve(directory, entry.name))
+    }
+  }
+
+  return files
+}
+
+async function migrateVueFiles(directory) {
+  const files = await findVueFiles(directory)
+
+  for (const file of files) {
+    const source = await readFile(file, 'utf8')
+    const transformedSource = transformVueSource(source)
+
+    if (transformedSource !== source) {
+      await writeFile(file, transformedSource)
+    }
+  }
+}
+
+if (process.argv[1] === fileURLToPath(import.meta.url)) {
+  await migrateVueFiles(resolve(process.argv[2] ?? process.cwd()))
+}
diff --git a/codemods/tiptap-v4-migration/tests/javascript/imports/expected.js b/codemods/tiptap-v4-migration/tests/javascript/imports/expected.js
new file mode 100644
index 0000000..0fc941c
--- /dev/null
+++ b/codemods/tiptap-v4-migration/tests/javascript/imports/expected.js
@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/vue'
+
+const DragHandle = require('@tiptap/extension-drag-handle-vue')
+const legacyPackage = '@tiptap/vue-2'
+
+export { Editor, DragHandle, legacyPackage }
diff --git a/codemods/tiptap-v4-migration/tests/javascript/imports/input.js b/codemods/tiptap-v4-migration/tests/javascript/imports/input.js
new file mode 100644
index 0000000..5550ee6
--- /dev/null
+++ b/codemods/tiptap-v4-migration/tests/javascript/imports/input.js
@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/vue-3'
+
+const DragHandle = require('@tiptap/extension-drag-handle-vue-3')
+const legacyPackage = '@tiptap/vue-2'
+
+export { Editor, DragHandle, legacyPackage }
diff --git a/codemods/tiptap-v4-migration/tests/json/package/expected.json b/codemods/tiptap-v4-migration/tests/json/package/expected.json
new file mode 100644
index 0000000..98e7448
--- /dev/null
+++ b/codemods/tiptap-v4-migration/tests/json/package/expected.json
@@ -0,0 +1,7 @@
+{
+  "dependencies": {
+    "@tiptap/vue": "^3.30.3",
+    "@tiptap/extension-drag-handle-vue": "^3.30.3",
+    "@tiptap/vue-2": "^3.30.3"
+  }
+}
diff --git a/codemods/tiptap-v4-migration/tests/json/package/input.json b/codemods/tiptap-v4-migration/tests/json/package/input.json
new file mode 100644
index 0000000..6da8df5
--- /dev/null
+++ b/codemods/tiptap-v4-migration/tests/json/package/input.json
@@ -0,0 +1,7 @@
+{
+  "dependencies": {
+    "@tiptap/vue-3": "^3.30.3",
+    "@tiptap/extension-drag-handle-vue-3": "^3.30.3",
+    "@tiptap/vue-2": "^3.30.3"
+  }
+}
diff --git a/codemods/tiptap-v4-migration/tests/tsx/imports/expected.tsx b/codemods/tiptap-v4-migration/tests/tsx/imports/expected.tsx
new file mode 100644
index 0000000..57f0a94
--- /dev/null
+++ b/codemods/tiptap-v4-migration/tests/tsx/imports/expected.tsx
@@ -0,0 +1,3 @@
+import { EditorContent } from '@tiptap/vue'
+
+export const Content = () => <EditorContent />
diff --git a/codemods/tiptap-v4-migration/tests/tsx/imports/input.tsx b/codemods/tiptap-v4-migration/tests/tsx/imports/input.tsx
new file mode 100644
index 0000000..3f96757
--- /dev/null
+++ b/codemods/tiptap-v4-migration/tests/tsx/imports/input.tsx
@@ -0,0 +1,3 @@
+import { EditorContent } from '@tiptap/vue-3'
+
+export const Content = () => <EditorContent />
diff --git a/codemods/tiptap-v4-migration/tests/typescript/imports/expected.ts b/codemods/tiptap-v4-migration/tests/typescript/imports/expected.ts
new file mode 100644
index 0000000..3f0652c
--- /dev/null
+++ b/codemods/tiptap-v4-migration/tests/typescript/imports/expected.ts
@@ -0,0 +1,3 @@
+export { EditorContent } from '@tiptap/vue'
+
+export const loadDragHandle = () => import('@tiptap/extension-drag-handle-vue')
diff --git a/codemods/tiptap-v4-migration/tests/typescript/imports/input.ts b/codemods/tiptap-v4-migration/tests/typescript/imports/input.ts
new file mode 100644
index 0000000..46fdcad
--- /dev/null
+++ b/codemods/tiptap-v4-migration/tests/typescript/imports/input.ts
@@ -0,0 +1,3 @@
+export { EditorContent } from '@tiptap/vue-3'
+
+export const loadDragHandle = () => import('@tiptap/extension-drag-handle-vue-3')
diff --git a/codemods/tiptap-v4-migration/tests/vue-sfc-imports.test.mjs b/codemods/tiptap-v4-migration/tests/vue-sfc-imports.test.mjs
new file mode 100644
index 0000000..8ca5b3f
--- /dev/null
+++ b/codemods/tiptap-v4-migration/tests/vue-sfc-imports.test.mjs
@@ -0,0 +1,48 @@
+import assert from 'node:assert/strict'
+import test from 'node:test'
+
+import { transformVueSource } from '../scripts/vue-sfc-imports.mjs'
+
+test('migrates imports inside Vue script blocks', () => {
+  const source = `<template>{{ '@tiptap/vue-3' }}</template>
+<script setup lang="ts">
+import { EditorContent } from '@tiptap/vue-3'
+export { EditorContent } from '@tiptap/vue-3'
+export * from '@tiptap/extension-drag-handle-vue-3'
+import '@tiptap/vue-3'
+import '@tiptap/extension-drag-handle-vue-3'
+const DragHandle = require('@tiptap/extension-drag-handle-vue-3')
+const example = "import('@tiptap/vue-3')"
+// require('@tiptap/extension-drag-handle-vue-3')
+const legacyPackage = '@tiptap/vue-2'
+</script>`
+
+  const expected = `<template>{{ '@tiptap/vue-3' }}</template>
+<script setup lang="ts">
+import { EditorContent } from '@tiptap/vue'
+export { EditorContent } from '@tiptap/vue'
+export * from '@tiptap/extension-drag-handle-vue'
+import '@tiptap/vue'
+import '@tiptap/extension-drag-handle-vue'
+const DragHandle = require('@tiptap/extension-drag-handle-vue')
+const example = "import('@tiptap/vue-3')"
+// require('@tiptap/extension-drag-handle-vue-3')
+const legacyPackage = '@tiptap/vue-2'
+</script>`
+
+  assert.equal(transformVueSource(source), expected)
+})
+
+test('does not scan past local exports', () => {
+  const source = `<script setup>
+export { Local }
+import { EditorContent } from '@tiptap/vue-3'
+</script>`
+
+  const expected = `<script setup>
+export { Local }
+import { EditorContent } from '@tiptap/vue'
+</script>`
+
+  assert.equal(transformVueSource(source), expected)
+})
diff --git a/codemods/tiptap-v4-migration/tsconfig.json b/codemods/tiptap-v4-migration/tsconfig.json
new file mode 100644
index 0000000..0264e93
--- /dev/null
+++ b/codemods/tiptap-v4-migration/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "types": ["@codemod.com/jssg-types"],
+    "allowImportingTsExtensions": true,
+    "noEmit": true,
+    "verbatimModuleSyntax": true,
+    "erasableSyntaxOnly": true,
+    "strict": true,
+    "strictNullChecks": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedIndexedAccess": true,
+    "skipLibCheck": true
+  },
+  "exclude": ["tests"]
+}
diff --git a/codemods/tiptap-v4-migration/workflow.yaml b/codemods/tiptap-v4-migration/workflow.yaml
new file mode 100644
index 0000000..c0490bf
--- /dev/null
+++ b/codemods/tiptap-v4-migration/workflow.yaml
@@ -0,0 +1,51 @@
+# yaml-language-server: $schema=https://raw.githubusercontent.com/codemod/codemod/refs/heads/main/schemas/workflow.json
+
+version: '1'
+
+params:
+  schema:
+    vue_target_path:
+      name: Vue target path
+      description: Directory containing Vue SFC files
+      type: string
+      default: '.'
+
+nodes:
+  - id: migrate-package-specifiers
+    name: Migrate Vue package specifiers
+    type: automatic
+    steps:
+      - name: Migrate JavaScript imports
+        js-ast-grep:
+          js_file: scripts/vue-package-renames.ts
+          base_path: '.'
+          language: 'javascript'
+          include: ['**/*.{js,mjs,cjs}']
+          exclude: ['**/node_modules/**', '**/dist/**', '**/build/**']
+
+      - name: Migrate TypeScript imports
+        js-ast-grep:
+          js_file: scripts/vue-package-renames.ts
+          base_path: '.'
+          language: 'typescript'
+          include: ['**/*.{ts,mts,cts}']
+          exclude: ['**/node_modules/**', '**/dist/**', '**/build/**']
+
+      - name: Migrate TSX imports
+        js-ast-grep:
+          js_file: scripts/vue-package-renames.ts
+          base_path: '.'
+          language: 'tsx'
+          include: ['**/*.{tsx,jsx}']
+          exclude: ['**/node_modules/**', '**/dist/**', '**/build/**']
+
+      - name: Migrate package manifests
+        js-ast-grep:
+          js_file: scripts/vue-package-renames.ts
+          base_path: '.'
+          language: 'json'
+          include: ['**/package.json']
+          exclude: ['**/node_modules/**']
+
+      - name: Migrate Vue SFC imports
+        run: node scripts/vue-sfc-imports.mjs "${{ params.vue_target_path }}"
diff --git a/commitlint.config.mjs b/commitlint.config.mjs
new file mode 100644
index 0000000..7c4ff4d
--- /dev/null
+++ b/commitlint.config.mjs
@@ -0,0 +1 @@
+export default { extends: ['@commitlint/config-conventional'] }
diff --git a/demos/CHANGELOG.md b/demos/CHANGELOG.md
new file mode 100644
index 0000000..8cc65a1
--- /dev/null
+++ b/demos/CHANGELOG.md
@@ -0,0 +1,571 @@
+# Change Log
+
+## 3.0.3
+
+### Patch Changes
+
+- a1c6243: Allow KaTeX 0.17
+
+## 3.0.2
+
+### Patch Changes
+
+- 75e8404: Fix the `Selection` extension highlighting beyond the selected text on multi-line selections: the native browser selection is now hidden while the editor is blurred, so only the styled `.selection` decoration is shown.
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+
+## 3.0.0-beta.1
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+
+## 3.0.0-next.2
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.0
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 2.5.2
+
+### Patch Changes
+
+- 98fffbb: Upgraded prosemirror-tables to 1.6.3 to fix cells being resizable while the editor is uneditable
+
+## 2.5.1
+
+### Patch Changes
+
+- 7619215: The link extension's `validate` option now applies to both auto-linking and XSS mitigation. While, the new `shouldAutoLink` option is used to disable auto linking on an otherwise valid url.
+
+## 2.5.0
+
+### Minor Changes
+
+- 6834a7f: Bundling of packages no longer includes tiptap dependency type definitions
+
+## 2.4.2
+
+### Patch Changes
+
+- d6e56c4: declare lowlight to be a peer dep of extension-code-block-lowlight, update usage to v3
+
+## 2.4.1
+
+### Patch Changes
+
+- 85d21ca: Updated demos and reverted vue specific performance enhancements until we know they work
+
+  > in commit ff04353b3ee0e6fc63733a673e2b27d2272a3355 revert: "fix(vue-3): faster component rendering (#5206)"
+  > This reverts commit 31f37464912b7b21f3a565ca63222b9f5b6cce00.
+
+  and
+
+  > in commit dbab8e42eac893a0237566fb30c14b4ed0f3674a revert: "fix(vue-3): fix editor.state updating too late during a transaction due to reactiveState fixes #4870 (#5252)"
+  > This reverts commit 509676ed4a63b84b904a98c1e34d18449d25c2a7.
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+### Bug Fixes
+
+- NodePos querySelectorAll function ([#5094](https://github.com/ueberdosis/tiptap/issues/5094)) ([4900a27](https://github.com/ueberdosis/tiptap/commit/4900a27c5389d9a2d0d69f407ca3db0155304315))
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+### Bug Fixes
+
+- **core:** fix nodepos child lookup ([#5038](https://github.com/ueberdosis/tiptap/issues/5038)) ([22ced31](https://github.com/ueberdosis/tiptap/commit/22ced318723003365fbfd8f59b8dac79c7563017))
+
+### Features
+
+- **core:** apply input and paste rules when using insertContent methods ([#5046](https://github.com/ueberdosis/tiptap/issues/5046)) ([96b6abc](https://github.com/ueberdosis/tiptap/commit/96b6abcf6edbc6cac03a391130d9feebb6de3a04))
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+### Bug Fixes
+
+- fix test path ([21aa96d](https://github.com/ueberdosis/tiptap/commit/21aa96dee8deab1f439b7f655b8ed266a516a4cd))
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+### Bug Fixes
+
+- **core:** fix new lines being added via elementFromString ([#4767](https://github.com/ueberdosis/tiptap/issues/4767)) ([b7a2504](https://github.com/ueberdosis/tiptap/commit/b7a2504f16f46563537c890930cb2c332c256175))
+- fix imports, fix demos, unpin y-prosemirror ([681aa57](https://github.com/ueberdosis/tiptap/commit/681aa577bff500015c3f925e300c55a71c73efaf))
+- fix newline stripping via insertContent ([8954007](https://github.com/ueberdosis/tiptap/commit/8954007b2b92b040d69b26a0866ae58fabf5e512))
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+### Features
+
+- **placeholder:** allow editor-is-empty class on any node ([#4335](https://github.com/ueberdosis/tiptap/issues/4335)) ([ff929b1](https://github.com/ueberdosis/tiptap/commit/ff929b179de930619005a773bb4186ae2aa2ec58))
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+### Bug Fixes
+
+- **core:** fix new lines being added via elementFromString ([#4767](https://github.com/ueberdosis/tiptap/issues/4767)) ([2235908](https://github.com/ueberdosis/tiptap/commit/2235908c28f388eda041d1d5d017554d513fe909))
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+### Bug Fixes
+
+- **core:** fix insertContentAt keeping new lines in html content ([#4465](https://github.com/ueberdosis/tiptap/issues/4465)) ([135a12f](https://github.com/ueberdosis/tiptap/commit/135a12f7aa2df839a0b619704110a360b980c738))
+- **link:** fix tests ([d495d92](https://github.com/ueberdosis/tiptap/commit/d495d92a1f7b1c51e09ac8f4934e15a2d1cf070d))
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+### Bug Fixes
+
+- **typography:** require spaces after divisions to not break date formats ([#4696](https://github.com/ueberdosis/tiptap/issues/4696)) ([f6d7e00](https://github.com/ueberdosis/tiptap/commit/f6d7e00a746a67fa440a3fa0f5362295959873d2))
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.1.8](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.1.7](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.2.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.2.0-rc.2) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+### Features
+
+- **placeholder:** allow editor-is-empty class on any node ([#4335](https://github.com/ueberdosis/tiptap/issues/4335)) ([ff929b1](https://github.com/ueberdosis/tiptap/commit/ff929b179de930619005a773bb4186ae2aa2ec58))
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+### Features
+
+- **placeholder:** allow editor-is-empty class on any node ([#4335](https://github.com/ueberdosis/tiptap/issues/4335)) ([ff929b1](https://github.com/ueberdosis/tiptap/commit/ff929b179de930619005a773bb4186ae2aa2ec58))
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package tiptap-demos
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+### Bug Fixes
+
+- **core:** fix error when merging class attributes ([#4340](https://github.com/ueberdosis/tiptap/issues/4340)) ([a251946](https://github.com/ueberdosis/tiptap/commit/a2519468589e2baa44901a66a3a06b24dc8626d6))
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.1.0](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap-workspace/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+### Bug Fixes
+
+- **demos:** add missing extensions ([6383fd5](https://github.com/ueberdosis/tiptap-workspace/commit/6383fd54080b2ad555286cd0e7c4ad880200200f))
+- **demos:** update deps ([05a2edf](https://github.com/ueberdosis/tiptap-workspace/commit/05a2edfc16e297effa86d1583fb1680be0320f25))
+- **strikethrough:** update strikethrough shortcut ([#4288](https://github.com/ueberdosis/tiptap-workspace/issues/4288)) ([fd35db4](https://github.com/ueberdosis/tiptap-workspace/commit/fd35db4d090d9fdfef1196fb1f6f858f13cf53d1))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+### Bug Fixes
+
+- **tests:** fix link rel tests ([c1d1854](https://github.com/ueberdosis/tiptap-workspace/commit/c1d18543b03b1fb6b99a2f3546aa5da10c919920))
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+### Bug Fixes
+
+- **react:** check props.clientRect before creating ReactRenderer ([#4138](https://github.com/ueberdosis/tiptap-workspace/issues/4138)) ([d710846](https://github.com/ueberdosis/tiptap-workspace/commit/d710846ecb6a3059dfbc21300b9a4b887a8defa3))
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+### Features
+
+- add tiptap class ([614fc80](https://github.com/ueberdosis/tiptap-workspace/commit/614fc8082c376bf3c40a05c23ceda6b4a6fbf8d0))
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap-workspace/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+### Bug Fixes
+
+- **extension-link:** fix link not being kept when pasting url with link ([#3975](https://github.com/ueberdosis/tiptap-workspace/issues/3975)) ([e7d7d49](https://github.com/ueberdosis/tiptap-workspace/commit/e7d7d496376c8c11e24c342e20bd179a6ea7dcee))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+### Bug Fixes
+
+- **bubble-menu:** fix debounce not working with collab/collaboration cursor ([#3956](https://github.com/ueberdosis/tiptap-workspace/issues/3956)) ([e8cef04](https://github.com/ueberdosis/tiptap-workspace/commit/e8cef0404b5039ec2657536976b8b31931afd337))
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap-workspace/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- clear nodes when cursor at start of empty isolating parent ([#3943](https://github.com/ueberdosis/tiptap-workspace/issues/3943)) ([7278ee2](https://github.com/ueberdosis/tiptap-workspace/commit/7278ee2b05de2f96efddf3b1dc3bfd3d52262cbb))
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap-workspace/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap-workspace/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap-workspace/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+### Bug Fixes
+
+- **tests:** fix link rel tests ([c1d1854](https://github.com/ueberdosis/tiptap/commit/c1d18543b03b1fb6b99a2f3546aa5da10c919920))
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+### Bug Fixes
+
+- **react:** check props.clientRect before creating ReactRenderer ([#4138](https://github.com/ueberdosis/tiptap/issues/4138)) ([d710846](https://github.com/ueberdosis/tiptap/commit/d710846ecb6a3059dfbc21300b9a4b887a8defa3))
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+### Features
+
+- add tiptap class ([614fc80](https://github.com/ueberdosis/tiptap/commit/614fc8082c376bf3c40a05c23ceda6b4a6fbf8d0))
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+### Bug Fixes
+
+- **extension-link:** fix link not being kept when pasting url with link ([#3975](https://github.com/ueberdosis/tiptap/issues/3975)) ([e7d7d49](https://github.com/ueberdosis/tiptap/commit/e7d7d496376c8c11e24c342e20bd179a6ea7dcee))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+### Bug Fixes
+
+- **bubble-menu:** fix debounce not working with collab/collaboration cursor ([#3956](https://github.com/ueberdosis/tiptap/issues/3956)) ([e8cef04](https://github.com/ueberdosis/tiptap/commit/e8cef0404b5039ec2657536976b8b31931afd337))
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- clear nodes when cursor at start of empty isolating parent ([#3943](https://github.com/ueberdosis/tiptap/issues/3943)) ([7278ee2](https://github.com/ueberdosis/tiptap/commit/7278ee2b05de2f96efddf3b1dc3bfd3d52262cbb))
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- clear nodes when cursor at start of empty isolating parent ([#3943](https://github.com/ueberdosis/tiptap/issues/3943)) ([7278ee2](https://github.com/ueberdosis/tiptap/commit/7278ee2b05de2f96efddf3b1dc3bfd3d52262cbb))
+- **bubble-menu:** fix debounce not working with collab/collaboration cursor ([#3956](https://github.com/ueberdosis/tiptap/issues/3956)) ([a78f8cd](https://github.com/ueberdosis/tiptap/commit/a78f8cd9646008e4db938fa3c22b0714c8bb5849))
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+### Bug Fixes
+
+- **bubble-menu:** fix debounce not working with collab/collaboration cursor ([#3956](https://github.com/ueberdosis/tiptap/issues/3956)) ([e8cef04](https://github.com/ueberdosis/tiptap/commit/e8cef0404b5039ec2657536976b8b31931afd337))
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+### Features
+
+- add box-shadow to collab demo ([c5496c1](https://github.com/ueberdosis/tiptap/commit/c5496c1b27783150dafb5ebdf6bda43648a46316))
+- landingpage demo ([#3925](https://github.com/ueberdosis/tiptap/issues/3925)) ([958925f](https://github.com/ueberdosis/tiptap/commit/958925f2560ca786cd0cf52b83b7ae51deb7dd77))
+- Tiptap collab demo styling ([87840b0](https://github.com/ueberdosis/tiptap/commit/87840b0f0821ca65d9f104d9c90512021aa70113))
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+### Bug Fixes
+
+- **core:** fix destroyed view causing errors on dispatchTransaction ([#3799](https://github.com/ueberdosis/tiptap/issues/3799)) ([3c07ca0](https://github.com/ueberdosis/tiptap/commit/3c07ca0b9c48cef60d56acdd44812e20e05fc928))
+- **tests:** fix tests for lists ([02eec8a](https://github.com/ueberdosis/tiptap/commit/02eec8aaefc2709dc20f91c3c8f9eca84cddc12d))
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+### Bug Fixes
+
+- **core:** allow insertContentAt and insertContent text node arrays ([#3790](https://github.com/ueberdosis/tiptap/issues/3790)) ([0300630](https://github.com/ueberdosis/tiptap/commit/0300630a5b04b61d4eef8155f24ca0ef2d683966))
+
+### Features
+
+- [#3540](https://github.com/ueberdosis/tiptap/issues/3540) Ability to preserve marks on lists ([#3541](https://github.com/ueberdosis/tiptap/issues/3541)) ([36bb1e1](https://github.com/ueberdosis/tiptap/commit/36bb1e1041f91da6437272e7196702df868eae0f))
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **tests:** fix autolink validation test ([5150095](https://github.com/ueberdosis/tiptap/commit/5150095c6b510c080f4aa35f54d2387543f86da8))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+### Bug Fixes
+
+- **extension/table:** move dependency from @\_ueberdosis to [@tiptap](https://github.com/tiptap) ([#3448](https://github.com/ueberdosis/tiptap/issues/3448)) ([31c3a9a](https://github.com/ueberdosis/tiptap/commit/31c3a9aad9eb37f445eadcd27135611291178ca6))
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+### Bug Fixes
+
+- **core:** Can() does not work for setting marks ([#3223](https://github.com/ueberdosis/tiptap/issues/3223)) ([17a41da](https://github.com/ueberdosis/tiptap/commit/17a41da5a7a14879cf490c81914084791c4c494c))
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+### Bug Fixes
+
+- **extension/bubble-menu:** :bug: fix bubble menu and floating menu being available when editor not editable ([#3195](https://github.com/ueberdosis/tiptap/issues/3195)) ([fa96749](https://github.com/ueberdosis/tiptap/commit/fa96749ce22ec67125da491cfeeb38623b9f0d6e))
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package tiptap-demos
+
+# [2.0.0-beta.193](https://github.com/ueberdosis/tiptap/compare/v0.1.2...v2.0.0-beta.193) (2022-09-10)
+
+### Bug Fixes
+
+- bump documents ([43611ea](https://github.com/ueberdosis/tiptap/commit/43611ea2e70d3dc66ff907ba7ca377bf74814543))
+- disable broken tests for experiements with further todo message ([b8ae9e2](https://github.com/ueberdosis/tiptap/commit/b8ae9e27622857093c6ca539901956da5cc291e5))
+- don’t check for active node in wrapIn command, fix [#1059](https://github.com/ueberdosis/tiptap/issues/1059) ([170ec4b](https://github.com/ueberdosis/tiptap/commit/170ec4be5b3c8362890ca3100a223b505f788381))
+- **extension/collaboration:** :ambulance: pin y-prosemirror version to 1.0.20 to fix broken functionality with vue ([5989f3b](https://github.com/ueberdosis/tiptap/commit/5989f3b780bb64b2884d81dcd41a95d98a0714b2))
+- fix RangeError bug when selecting all text, fix [#2490](https://github.com/ueberdosis/tiptap/issues/2490) ([70422dd](https://github.com/ueberdosis/tiptap/commit/70422dd107ed1ecdd8dfe41a8a93297124d2f1e0))
+- **maintainment:** fix cjs issues with prosemirror-tables ([eb92597](https://github.com/ueberdosis/tiptap/commit/eb925976038fbf59f6ba333ccc57ea84113da00e))
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+- **suggestion:** :bug: make clientrect prop optional as it can potentially be undefined ([#2813](https://github.com/ueberdosis/tiptap/issues/2813)) ([f019f70](https://github.com/ueberdosis/tiptap/commit/f019f70a19c34715e2d5c3921d348e11c7ac51a3)), closes [#2795](https://github.com/ueberdosis/tiptap/issues/2795)
+- temp fix collaboration demo ([4528756](https://github.com/ueberdosis/tiptap/commit/45287563f3cfb389095a2794cb2001d65e56d633))
+
+### Features
+
+- Add extension storage ([#2069](https://github.com/ueberdosis/tiptap/issues/2069)) ([7ffabf2](https://github.com/ueberdosis/tiptap/commit/7ffabf251c408a652eec1931cc78a8bd43cccb67))
+- add getText() and generateText() methods (fix [#1428](https://github.com/ueberdosis/tiptap/issues/1428)) ([#1875](https://github.com/ueberdosis/tiptap/issues/1875)) ([fe6a3e7](https://github.com/ueberdosis/tiptap/commit/fe6a3e7491f6a42123d3d8a92ab588f2a40d7799))
+- add some improvements to `CharacterCount` extension ([#2256](https://github.com/ueberdosis/tiptap/issues/2256)), fix [#1049](https://github.com/ueberdosis/tiptap/issues/1049), fix [#1550](https://github.com/ueberdosis/tiptap/issues/1550), fix [#1839](https://github.com/ueberdosis/tiptap/issues/1839), fix [#2245](https://github.com/ueberdosis/tiptap/issues/2245) ([5daa870](https://github.com/ueberdosis/tiptap/commit/5daa870b0906f0387fe07041681bc6f5b3774617))
+- Add support for autolink ([#2226](https://github.com/ueberdosis/tiptap/issues/2226)) ([3d68981](https://github.com/ueberdosis/tiptap/commit/3d68981b47d087fff40549d2143eb952fc9e0a50))
+- **extension-link:** :sparkles: add validate option to link extension ([23e67ad](https://github.com/ueberdosis/tiptap/commit/23e67adfa730df7364bc31220d0ed0e8ea522593)), closes [#2779](https://github.com/ueberdosis/tiptap/issues/2779)
+- **extension/youtube:** :sparkles: new youtube embed extension ([#2814](https://github.com/ueberdosis/tiptap/issues/2814)) ([1c0554b](https://github.com/ueberdosis/tiptap/commit/1c0554b7c06d80145274353e58d56608b097fbe4))
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+- parseHTML for attributes should return the value instead of an object now, fix [#1863](https://github.com/ueberdosis/tiptap/issues/1863) ([8a3b47a](https://github.com/ueberdosis/tiptap/commit/8a3b47a529d28b28b50d634c6ff69b8e5aad3080))
diff --git a/demos/dedupeDeps.txt b/demos/dedupeDeps.txt
new file mode 100644
index 0000000..e5c2daa
--- /dev/null
+++ b/demos/dedupeDeps.txt
@@ -0,0 +1,39 @@
+d3
+highlight.js/lib/languages/css
+highlight.js/lib/languages/javascript
+highlight.js/lib/languages/typescript
+highlight.js/lib/languages/xml
+highlight.js/lib/core
+linkifyjs
+lowlight
+react
+react-dom
+react-dom/client
+use-sync-external-store/shim
+use-sync-external-store/shim/with-selector
+shiki
+@floating-ui/dom
+uuid
+y-webrtc
+yjs
+prosemirror-changeset
+prosemirror-collab
+prosemirror-commands
+prosemirror-dropcursor
+prosemirror-gapcursor
+prosemirror-history
+prosemirror-inputrules
+prosemirror-keymap
+prosemirror-markdown
+prosemirror-menu
+prosemirror-model
+prosemirror-schema-basic
+prosemirror-schema-list
+prosemirror-state
+prosemirror-tables
+prosemirror-trailing-node
+prosemirror-transform
+prosemirror-view
+@hocuspocus/provider
+@lifeomic/attempt
+@tiptap/y-tiptap
diff --git a/demos/index.html b/demos/index.html
new file mode 100644
index 0000000..297cea7
--- /dev/null
+++ b/demos/index.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="refresh" content="0; url=/preview/" />
+  </head>
+  <body></body>
+</html>
diff --git a/demos/package.json b/demos/package.json
new file mode 100644
index 0000000..6880339
--- /dev/null
+++ b/demos/package.json
@@ -0,0 +1,71 @@
+{
+  "name": "tiptap-demos",
+  "version": "3.0.3",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "start": "vp dev --host",
+    "start:e2e": "vp dev --host --port 4080",
+    "build:demos": "vp build",
+    "preview": "vp preview"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.6.13",
+    "@hocuspocus/provider": "^2.15.0",
+    "@hocuspocus/transformer": "^2.15.0",
+    "@lexical/react": "^0.36.2",
+    "@lifeomic/attempt": "3.1.0",
+    "@shikijs/core": "1.10.3",
+    "@tiptap/y-tiptap": "^3.0.7",
+    "d3": "^7.9.0",
+    "fast-glob": "^3.3.2",
+    "highlight.js": "^11.11.1",
+    "katex": "^0.18.0",
+    "lexical": "^0.36.2",
+    "linkifyjs": "^4.3.2",
+    "lowlight": "^3.3.0",
+    "prosemirror-changeset": "^2.4.1",
+    "prosemirror-collab": "^1.3.1",
+    "prosemirror-commands": "^1.7.1",
+    "prosemirror-dropcursor": "^1.8.2",
+    "prosemirror-gapcursor": "^1.4.1",
+    "prosemirror-history": "^1.5.0",
+    "prosemirror-inputrules": "^1.5.1",
+    "prosemirror-keymap": "^1.2.3",
+    "prosemirror-markdown": "^1.13.4",
+    "prosemirror-menu": "^1.3.2",
+    "prosemirror-model": "^1.25.9",
+    "prosemirror-schema-basic": "^1.2.4",
+    "prosemirror-schema-list": "^1.5.1",
+    "prosemirror-state": "^1.4.4",
+    "prosemirror-tables": "^1.8.5",
+    "prosemirror-trailing-node": "^3.0.0",
+    "prosemirror-transform": "^1.12.0",
+    "prosemirror-view": "^1.42.3",
+    "remixicon": "^2.5.0",
+    "shiki": "^1.25.1",
+    "y-webrtc": "10.3.0",
+    "yjs": "13.6.23"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "7.2.0",
+    "@types/node": "^22.12.0",
+    "@vitejs/plugin-react": "6.0.5",
+    "@vitejs/plugin-vue": "6.0.8",
+    "autoprefixer": "^10.4.20",
+    "iframe-resizer": "^4.4.5",
+    "postcss": "^8.5.23",
+    "postcss-import": "^15.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "sass-embedded": "^1.99.0",
+    "svelte": "^5.56.8",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.2",
+    "uuid": "^14.0.0",
+    "vite": "catalog:",
+    "vite-plus": "catalog:",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0"
+  }
+}
diff --git a/demos/postcss.config.cjs b/demos/postcss.config.cjs
new file mode 100644
index 0000000..825cb18
--- /dev/null
+++ b/demos/postcss.config.cjs
@@ -0,0 +1,8 @@
+module.exports = {
+  plugins: {
+    'postcss-import': {},
+    'tailwindcss/nesting': {},
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/demos/preview/Demo.vue b/demos/preview/Demo.vue
new file mode 100644
index 0000000..d3309df
--- /dev/null
+++ b/demos/preview/Demo.vue
@@ -0,0 +1,233 @@
+<template>
+  <div class="overflow-hidden antialiased rounded-lg">
+    <div class="px-3 py-1 bg-black flex items-center gap-0.5">
+      <button
+        v-for="(language, index) in sortedTabs"
+        :key="index"
+        @click="setTab(language.name)"
+        class="px-3 py-2 text-sm text-white leading-[125%] font-semibold rounded-[0.625rem] transition-all"
+        :class="[
+          currentTab === language.name
+            ? 'opacity-100 bg-[#1C1917]'
+            : 'opacity-50 bg-transparent hover:opacity-100 hover:bg-[#1C1917]',
+        ]"
+      >
+        {{ language.name }}
+      </button>
+    </div>
+    <div class="overflow-hidden">
+      <div class="bg-white" :class="[hidePreview ? 'hidden' : '']">
+        <demo-frame :src="currentIframeUrl" :key="currentIframeUrl" />
+      </div>
+
+      <div class="text-white bg-black" v-if="!hideSource && currentFile">
+        <div class="flex overflow-x-auto">
+          <div class="flex flex-auto px-4 border-b-2 border-gray-800">
+            <button
+              class="inline-flex relative mr-4 py-2 pb-[calc(0.3rem + 2px)] mb-[-2px] border-b-2 border-transparent font-mono text-sm whitespace-nowrap"
+              :class="[
+                !showDebug && currentFile.content === file.content
+                  ? 'text-white border-white font-bold'
+                  : 'text-gray-400',
+              ]"
+              v-for="(file, index) in source"
+              :key="index"
+              @click="setFile(file.name)"
+            >
+              {{ file.name }}
+            </button>
+
+            <button
+              v-if="debugJSON"
+              class="inline-flex relative py-2 pb-[calc(0.3rem + 2px)] mb-[-2px] border-b-2 border-transparent font-mono text-sm ml-auto"
+              :class="[showDebug ? 'text-white border-white font-bold' : 'text-gray-400']"
+              @click="showDebug = !showDebug"
+            >
+              Inspect
+            </button>
+          </div>
+        </div>
+
+        <div class="overflow-dark overflow-auto max-h-[500px] relative text-white">
+          <shiki
+            class="p-4 overflow-visible"
+            :language="debugJSON && showDebug ? 'js' : getFileExtension(currentFile.name)"
+            :code="debugJSON && showDebug ? debugJSON : currentFile.content"
+          />
+        </div>
+
+        <div class="flex justify-between px-4 py-2 text-gray-400 border-t border-gray-800 text-md">
+          <a
+            class="flex-shrink min-w-0 overflow-hidden overflow-ellipsis whitespace-nowrap"
+            :href="currentIframeUrl"
+          >
+            {{ name }}/{{ currentTab }}
+          </a>
+          <a class="pl-4 whitespace-nowrap" :href="githubUrl" target="_blank"> Edit on GitHub → </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDebugJSON } from '@tiptap/core'
+
+import DemoFrame from './DemoFrame.vue'
+import Shiki from './Shiki.vue'
+
+export default {
+  components: {
+    DemoFrame,
+    Shiki,
+  },
+
+  props: {
+    name: {
+      type: String,
+      required: true,
+    },
+
+    tabs: {
+      type: Object,
+      required: true,
+    },
+  },
+
+  data() {
+    return {
+      data: [],
+      sources: {},
+      currentTab: null,
+      currentFile: null,
+      tabOrder: ['React', 'Vue', 'Svelte', 'JS'],
+      debugJSON: null,
+      showDebug: false,
+    }
+  },
+
+  computed: {
+    currentIframeUrl() {
+      return `/src/${this.name}/${this.currentTab}/`
+    },
+
+    firstTabSelected() {
+      return this.sortedTabs[0].name === this.currentTab
+    },
+
+    sortedTabs() {
+      return [...this.tabs].sort((a, b) => {
+        return this.tabOrder.indexOf(a.name) - this.tabOrder.indexOf(b.name)
+      })
+    },
+
+    query() {
+      return Object.fromEntries(
+        Object.entries(this.$route.query).map(([key, value]) => [key, this.fromString(value)]),
+      )
+    },
+
+    inline() {
+      return this.query.inline || false
+    },
+
+    hideSource() {
+      return this.query.hideSource || false
+    },
+
+    hidePreview() {
+      return this.query.hidePreview || false
+    },
+
+    githubUrl() {
+      return `https://github.com/ueberdosis/tiptap/tree/main/demos/src/${this.name}`
+    },
+
+    source() {
+      return this.sources[this.currentTab]
+    },
+  },
+
+  methods: {
+    getFileExtension(name) {
+      return name.split('.').pop()
+    },
+
+    setTab(name, persist = true) {
+      this.currentTab = name
+
+      if (persist) {
+        localStorage.tab = name
+      }
+    },
+
+    setFile(name) {
+      this.showDebug = false
+      this.currentFile = this.source.find(item => item.name === name)
+    },
+
+    onSource(event) {
+      this.sources[this.currentTab] = event.detail
+      this.setFile(this.source[0].name)
+    },
+
+    onEditor(event) {
+      const editor = event.detail
+
+      if (!editor) {
+        this.debugJSON = null
+
+        return
+      }
+
+      this.debugJSON = JSON.stringify(getDebugJSON(editor.state.doc), null, '  ')
+
+      editor.on('update', () => {
+        this.debugJSON = JSON.stringify(getDebugJSON(editor.state.doc), null, '  ')
+      })
+    },
+
+    fromString(value) {
+      if (value === null) {
+        return true
+      }
+
+      if (value.match(/^\d*(\.\d+)?$/)) {
+        return Number(value)
+      }
+
+      if (value === 'true') {
+        return true
+      }
+
+      if (value === 'false') {
+        return false
+      }
+
+      if (value === 'null') {
+        return null
+      }
+
+      return value
+    },
+  },
+
+  mounted() {
+    // TODO: load language from url params
+    const intitialTab =
+      localStorage.tab && this.tabs.some(tab => tab.name === localStorage.tab)
+        ? localStorage.tab
+        : this.sortedTabs[0]?.name
+
+    this.setTab(intitialTab, false)
+
+    window.document.addEventListener('editor', this.onEditor, false)
+    window.document.addEventListener('source', this.onSource, false)
+  },
+
+  beforeUnmount() {
+    window.document.removeEventListener('editor', this.onEditor)
+    window.document.removeEventListener('source', this.onSource)
+  },
+}
+</script>
diff --git a/demos/preview/DemoFrame.vue b/demos/preview/DemoFrame.vue
new file mode 100644
index 0000000..d9f0c3b
--- /dev/null
+++ b/demos/preview/DemoFrame.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="flex flex-col relative min-h-[5rem]">
+    <div
+      class="absolute top-0 left-0 w-full h-full flex justify-center items-center pointer-events-none"
+      v-if="isLoading"
+    >
+      <svg
+        class="animate-spin -ml-1 mr-3 h-5 w-5"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+      >
+        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
+        <path
+          class="opacity-75"
+          fill="currentColor"
+          d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+        />
+      </svg>
+    </div>
+    <iframe
+      class="bg-transparent max-h-[28rem]"
+      v-resize.quiet="{ scrolling: 'omit' }"
+      :src="src"
+      width="100%"
+      height="0"
+      frameborder="0"
+      @load="onLoad"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    src: {
+      required: true,
+      type: String,
+    },
+  },
+
+  data() {
+    return {
+      isLoading: true,
+    }
+  },
+
+  methods: {
+    onLoad() {
+      this.isLoading = false
+    },
+  },
+}
+</script>
+
+<style></style>
diff --git a/demos/preview/Shiki.vue b/demos/preview/Shiki.vue
new file mode 100644
index 0000000..d2ec375
--- /dev/null
+++ b/demos/preview/Shiki.vue
@@ -0,0 +1,73 @@
+<template>
+  <div v-if="html" v-html="html" />
+  <pre v-else><code>{{ code }}</code></pre>
+</template>
+
+<script>
+// this import is a bugfix
+// otherwise the `onig.wasm` file is missing in the dist folder
+import 'shiki/dist/onig.wasm?url'
+
+import Worker from './shiki.worker.js?worker'
+
+export default {
+  props: {
+    code: {
+      default: '',
+      type: String,
+    },
+
+    language: {
+      default: 'js',
+      type: String,
+    },
+  },
+
+  data() {
+    return {
+      worker: new Worker(),
+      html: null,
+      highlighter: window?.highlighter,
+    }
+  },
+
+  watch: {
+    code: {
+      immediate: true,
+      handler() {
+        this.render()
+      },
+    },
+
+    highlighter: {
+      immediate: true,
+      handler() {
+        this.render()
+      },
+    },
+  },
+
+  methods: {
+    render() {
+      this.worker.postMessage({
+        code: this.code,
+        language: this.language,
+      })
+    },
+  },
+
+  created() {
+    this.worker.addEventListener('message', event => {
+      const { html } = event.data
+
+      this.html = html
+    })
+  },
+}
+</script>
+
+<style>
+.shiki {
+  background-color: transparent !important;
+}
+</style>
diff --git a/demos/preview/index.html b/demos/preview/index.html
new file mode 100644
index 0000000..ac30152
--- /dev/null
+++ b/demos/preview/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Preview</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/preview/index.js"></script>
+  </body>
+</html>
diff --git a/demos/preview/index.js b/demos/preview/index.js
new file mode 100644
index 0000000..7c73ff0
--- /dev/null
+++ b/demos/preview/index.js
@@ -0,0 +1,61 @@
+import 'iframe-resizer/js/iframeResizer.contentWindow'
+import './style.css'
+
+import { demos } from '@demos'
+import iframeResize from 'iframe-resizer/js/iframeResizer'
+import { createApp } from 'vue'
+import { createRouter, createWebHistory } from 'vue-router'
+
+import Demo from './Demo.vue'
+import App from './index.vue'
+
+const routes = demos.map(({ name, tabs }) => {
+  return {
+    path: `/${name}`,
+    component: Demo,
+    props: {
+      name,
+      tabs,
+    },
+  }
+})
+
+const router = createRouter({
+  history: createWebHistory('preview'),
+  routes,
+})
+
+createApp(App)
+  .directive('resize', {
+    beforeMount: (el, { value = {} }) => {
+      el.addEventListener('load', () => {
+        iframeResize(
+          {
+            ...value,
+            // messageCallback(messageData) {
+            //   if (messageData.message.type !== 'resize') {
+            //     return
+            //   }
+
+            //   const style = window.getComputedStyle(el.parentElement)
+            //   const maxHeight = parseInt(style.getPropertyValue('max-height'), 10)
+
+            //   if (messageData.message.height > maxHeight) {
+            //     el.setAttribute('scrolling', 'auto')
+            //   } else {
+            //     el.setAttribute('scrolling', 'no')
+            //   }
+
+            //   el?.iFrameResizer?.resize?.()
+            // },
+          },
+          el,
+        )
+      })
+    },
+    unmounted(el) {
+      el?.iFrameResizer?.removeListeners?.()
+    },
+  })
+  .use(router)
+  .mount('#app')
diff --git a/demos/preview/index.vue b/demos/preview/index.vue
new file mode 100644
index 0000000..3b603d4
--- /dev/null
+++ b/demos/preview/index.vue
@@ -0,0 +1,95 @@
+<script setup>
+import { ref, watch } from 'vue'
+
+const searchQuery = new URLSearchParams(window.location.search)
+
+const searchValue = ref(searchQuery.get('search') || '')
+
+// Update the window search param when the searchValue changes
+// this allows the user to bookmark / return to a specific search
+// and also allows the browser to handle back/forward navigation
+// without losing the search state
+watch(searchValue, (newValue, oldValue) => {
+  if (newValue !== oldValue) {
+    searchQuery.set('search', newValue)
+    window.history.replaceState({}, '', `?${searchQuery.toString()}`)
+  }
+})
+</script>
+
+<template>
+  <template v-if="$route.path === '/'">
+    <input
+      class="w-full p-3 my-3 focus:outline-none border-b"
+      type="search"
+      placeholder="Search for a demo..."
+      autofocus
+      v-model="searchValue"
+    />
+    <ul>
+      <li
+        class="p-5 border-b-2 border-black"
+        v-for="route in $router.options.routes.filter(route =>
+          searchValue === ''
+            ? true
+            : route.props.name.toLowerCase().includes(searchValue.toLowerCase()),
+        )"
+        :key="route.path"
+      >
+        <router-link class="block mb-2 font-medium" :to="route.path">
+          {{ route.props.name }}
+        </router-link>
+
+        <div class="flex">
+          <a
+            class="mr-4 text-sm text-gray-300 font-medium"
+            v-for="(tab, index) in route.props.tabs"
+            :key="index"
+            :href="`/src/${route.props.name}/${tab.name}/`"
+          >
+            {{ tab.name }}
+          </a>
+        </div>
+      </li>
+    </ul>
+  </template>
+  <router-view v-else />
+</template>
+
+<script>
+export default {
+  methods: {
+    fromString(value) {
+      if (value === null) {
+        return true
+      }
+
+      if (value.match(/^\d*(\.\d+)?$/)) {
+        return Number(value)
+      }
+
+      if (value === 'true') {
+        return true
+      }
+
+      if (value === 'false') {
+        return false
+      }
+
+      if (value === 'null') {
+        return null
+      }
+
+      return value
+    },
+  },
+
+  computed: {
+    query() {
+      return Object.fromEntries(
+        Object.entries(this.$route.query).map(([key, value]) => [key, this.fromString(value)]),
+      )
+    },
+  },
+}
+</script>
diff --git a/demos/preview/shiki.worker.js b/demos/preview/shiki.worker.js
new file mode 100644
index 0000000..b1d3314
--- /dev/null
+++ b/demos/preview/shiki.worker.js
@@ -0,0 +1,30 @@
+import * as shiki from 'shiki'
+
+let highlighter = null
+
+async function init() {
+  if (highlighter) {
+    return highlighter
+  }
+
+  highlighter = await shiki.createHighlighter({
+    themes: ['material-theme-darker'],
+    langs: ['html', 'js', 'jsx', 'ts', 'tsx', 'css', 'vue-html', 'vue', 'scss'],
+  })
+
+  return highlighter
+}
+
+// oxlint-disable-next-line
+self.addEventListener('message', async event => {
+  init().then(async () => {
+    const { code, language } = event.data
+
+    await highlighter.loadLanguage(language)
+
+    const html = highlighter.codeToHtml(code, { lang: language, theme: 'material-theme-darker' })
+
+    // oxlint-disable-next-line
+    self.postMessage({ code, language, html })
+  })
+})
diff --git a/demos/preview/style.css b/demos/preview/style.css
new file mode 100644
index 0000000..1128572
--- /dev/null
+++ b/demos/preview/style.css
@@ -0,0 +1,148 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src:
+    url('https://rsms.me/inter/font-files/Inter-Regular.woff2?v=3.19') format('woff2'),
+    url('https://rsms.me/inter/font-files/Inter-Regular.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src:
+    url('https://rsms.me/inter/font-files/Inter-Italic.woff2?v=3.19') format('woff2'),
+    url('https://rsms.me/inter/font-files/Inter-Italic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src:
+    url('https://rsms.me/inter/font-files/Inter-Medium.woff2?v=3.19') format('woff2'),
+    url('https://rsms.me/inter/font-files/Inter-Medium.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src:
+    url('https://rsms.me/inter/font-files/Inter-MediumItalic.woff2?v=3.19') format('woff2'),
+    url('https://rsms.me/inter/font-files/Inter-MediumItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src:
+    url('https://rsms.me/inter/font-files/Inter-SemiBold.woff2?v=3.19') format('woff2'),
+    url('https://rsms.me/inter/font-files/Inter-SemiBold.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src:
+    url('https://rsms.me/inter/font-files/Inter-SemiBoldItalic.woff2?v=3.19') format('woff2'),
+    url('https://rsms.me/inter/font-files/Inter-SemiBoldItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src:
+    url('https://rsms.me/inter/font-files/Inter-Bold.woff2?v=3.19') format('woff2'),
+    url('https://rsms.me/inter/font-files/Inter-Bold.woff?v=3.19') format('woff');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src:
+    url('https://rsms.me/inter/font-files/Inter-BoldItalic.woff2?v=3.19') format('woff2'),
+    url('https://rsms.me/inter/font-files/Inter-BoldItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src:
+    url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2')
+      format('woff2'),
+    url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff')
+      format('woff');
+}
+
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src:
+    url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Bold.woff2')
+      format('woff2'),
+    url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Bold.woff')
+      format('woff');
+}
+
+::-webkit-scrollbar {
+  width: 14px;
+  height: 14px;
+}
+
+::-webkit-scrollbar-track {
+  border: 4px solid transparent;
+  background-clip: padding-box;
+  border-radius: 8px;
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  border: 4px solid rgba(0, 0, 0, 0);
+  background-clip: padding-box;
+  border-radius: 8px;
+  background-color: rgba(0, 0, 0, 0);
+}
+
+:hover::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.15);
+}
+
+.overflow-dark:hover::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.overflow-dark::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+::-webkit-scrollbar-button {
+  display: none;
+  width: 0;
+  height: 0;
+}
+
+::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
diff --git a/demos/public/_redirects b/demos/public/_redirects
new file mode 100644
index 0000000..740095a
--- /dev/null
+++ b/demos/public/_redirects
@@ -0,0 +1 @@
+/preview/*   /preview/index.html   200
diff --git a/demos/setup/helper.ts b/demos/setup/helper.ts
new file mode 100644
index 0000000..a8b928f
--- /dev/null
+++ b/demos/setup/helper.ts
@@ -0,0 +1,40 @@
+const waitUntilElementExists = (selector: any, callback: (element: Element) => void) => {
+  const element = document.querySelector(selector)
+
+  if (element) {
+    return callback(element)
+  }
+
+  setTimeout(() => waitUntilElementExists(selector, callback), 500)
+}
+
+const sendData = (eventName: string, data: any) => {
+  const event = new CustomEvent(eventName, { detail: data })
+
+  window.parent.document.dispatchEvent(event)
+}
+
+export function splitName(name: string) {
+  const parts = name.split('/')
+
+  if (parts.length !== 3) {
+    throw Error(
+      'Demos must always be within exactly one category. Nested categories are not supported.',
+    )
+  }
+
+  return parts
+}
+
+export function debug() {
+  sendData('editor', null)
+  // @ts-ignore
+  sendData('source', window.source)
+
+  waitUntilElementExists('.tiptap', element => {
+    // @ts-ignore
+    const editor = element.editor
+
+    sendData('editor', editor)
+  })
+}
diff --git a/demos/setup/js.ts b/demos/setup/js.ts
new file mode 100644
index 0000000..0aa85cf
--- /dev/null
+++ b/demos/setup/js.ts
@@ -0,0 +1,12 @@
+import 'iframe-resizer/js/iframeResizer.contentWindow'
+import './style.scss'
+
+import { debug } from './helper.js'
+
+export default function init(name: string, source: any) {
+  // @ts-ignore
+  window.source = source
+  document.title = name
+
+  debug()
+}
diff --git a/demos/setup/react.ts b/demos/setup/react.ts
new file mode 100644
index 0000000..7e60efa
--- /dev/null
+++ b/demos/setup/react.ts
@@ -0,0 +1,35 @@
+import 'iframe-resizer/js/iframeResizer.contentWindow'
+import './style.scss'
+
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+
+import { debug, splitName } from './helper.js'
+
+export default function init(name: string, source: any) {
+  // @ts-ignore
+  window.source = source
+  document.title = name
+
+  const [demoCategory, demoName, frameworkName] = splitName(name)
+
+  import(`../src/${demoCategory}/${demoName}/${frameworkName}/index.tsx`)
+    .then(module => {
+      const root = document.getElementById('app')
+
+      if (root) {
+        createRoot(root).render(React.createElement(module.default))
+      }
+      debug()
+    })
+    .catch(() => {
+      import(`../src/${demoCategory}/${demoName}/${frameworkName}/index.jsx`).then(module => {
+        const root = document.getElementById('app')
+
+        if (root) {
+          createRoot(root).render(React.createElement(module.default))
+        }
+        debug()
+      })
+    })
+}
diff --git a/demos/setup/style.scss b/demos/setup/style.scss
new file mode 100644
index 0000000..d1e4843
--- /dev/null
+++ b/demos/setup/style.scss
@@ -0,0 +1,500 @@
+/* Base HTML and global element styles*/
+:root {
+  --white: #fff;
+  --black: #2e2b29;
+  --black-contrast: #110f0e;
+  --gray-1: rgba(61, 37, 20, 0.05);
+  --gray-2: rgba(61, 37, 20, 0.08);
+  --gray-3: rgba(61, 37, 20, 0.12);
+  --gray-4: rgba(53, 38, 28, 0.3);
+  --gray-5: rgba(28, 25, 23, 0.6);
+  --green: #22c55e;
+  --purple: #6a00f5;
+  --purple-contrast: #5800cc;
+  --purple-light: rgba(88, 5, 255, 0.05);
+  --yellow-contrast: #facc15;
+  --yellow: rgba(250, 204, 21, 0.4);
+  --yellow-light: #fffae5;
+  --red: #ff5c33;
+  --red-light: #ffebe5;
+  --shadow: 0px 12px 33px 0px rgba(0, 0, 0, 0.06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, 0.04);
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family:
+    Inter,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    'Helvetica Neue',
+    Arial,
+    'Noto Sans',
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    'Segoe UI Symbol',
+    'Noto Color Emoji';
+  line-height: 1.5;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+body {
+  min-height: 25rem;
+  margin: 0;
+}
+
+:first-child {
+  margin-top: 0;
+}
+
+.tiptap {
+  caret-color: var(--purple);
+  margin: 1.5rem;
+  padding-bottom: 2rem;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+/* Custom scrollbar styles */
+::-webkit-scrollbar {
+  height: 14px;
+  width: 14px;
+}
+
+::-webkit-scrollbar-track {
+  background-clip: padding-box;
+  background-color: transparent;
+  border: 4px solid transparent;
+  border-radius: 8px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-clip: padding-box;
+  background-color: rgba(0, 0, 0, 0);
+  border: 4px solid rgba(0, 0, 0, 0);
+  border-radius: 8px;
+}
+
+:hover::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.15);
+}
+
+::-webkit-scrollbar-button {
+  display: none;
+  height: 0;
+  width: 0;
+}
+
+::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+
+/* Specific element and component styles */
+button,
+input,
+select,
+textarea {
+  background: var(--gray-2);
+  border-radius: 0.5rem;
+  border: none;
+  color: var(--black);
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.15;
+  margin: none;
+  padding: 0.375rem 0.625rem;
+  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+
+  &:hover {
+    background-color: var(--gray-3);
+    color: var(--black-contrast);
+  }
+
+  &[disabled] {
+    background: var(--gray-1);
+    color: var(--gray-4);
+  }
+
+  &:checked {
+    accent-color: var(--purple);
+  }
+
+  &.primary {
+    background: var(--black);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--black-contrast);
+    }
+
+    &[disabled] {
+      background: var(--gray-1);
+      color: var(--gray-4);
+    }
+  }
+
+  &.is-active {
+    background: var(--purple);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--purple-contrast);
+      color: var(--white);
+    }
+  }
+}
+
+[popover] {
+  background-color: var(--white);
+  box-shadow: var(--shadow);
+  max-height: 18rem;
+  overflow-y: auto;
+  scrollbar-color: var(--gray-4) transparent;
+}
+
+[popover]::-webkit-scrollbar-thumb {
+  background-color: var(--gray-4);
+}
+
+/* Details */
+[data-type='details'] {
+  display: flex;
+  gap: 0.25rem;
+  margin: 1.5rem 0;
+  border: 1px solid var(--gray-3);
+  border-radius: 0.5rem;
+  padding: 0.5rem;
+
+  summary {
+    font-weight: 700;
+  }
+
+  > button {
+    align-items: center;
+    background: transparent;
+    border-radius: 4px;
+    display: flex;
+    font-size: 0.625rem;
+    height: 1.25rem;
+    justify-content: center;
+    line-height: 1;
+    margin-top: 0.1rem;
+    padding: 0;
+    width: 1.25rem;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &::before {
+      content: '\25B6';
+    }
+  }
+
+  &.is-open > button::before {
+    transform: rotate(90deg);
+  }
+
+  > div {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    width: 100%;
+
+    > [data-type='detailsContent'] > :last-child {
+      margin-bottom: 0.5rem;
+    }
+  }
+
+  .details {
+    margin: 0.5rem 0;
+  }
+}
+
+[data-type='taskList'] {
+  list-style: none;
+  padding: 0;
+
+  [data-type='taskList'] {
+    padding-left: 1.5rem;
+  }
+
+  li {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.25rem;
+  }
+
+  > li > div > p:first-child {
+    margin: 0;
+  }
+
+  > li {
+    &:not(:first-child) {
+      margin-top: 0.125rem;
+    }
+
+    &:not(:last-child) {
+      margin-bottom: 0.125rem;
+    }
+  }
+
+  [data-checked='true'] > div > p:first-child {
+    text-decoration: line-through;
+    color: var(--gray-4);
+  }
+}
+
+button:not([disabled]),
+select:not([disabled]) {
+  cursor: pointer;
+}
+
+input[type='text'],
+textarea {
+  background-color: unset;
+  border: 1px solid var(--gray-3);
+  border-radius: 0.5rem;
+  color: var(--black);
+
+  &::placeholder {
+    color: var(--gray-4);
+  }
+
+  &:hover {
+    background-color: unset;
+    border-color: var(--gray-4);
+  }
+
+  &:focus-visible,
+  &:focus {
+    border-color: var(--purple);
+    outline: none;
+  }
+}
+
+select {
+  /* reset */
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="Gray" d="M7 10l5 5 5-5z"/></svg>');
+  background-repeat: no-repeat;
+  background-position: right 0.1rem center;
+  background-size: 1.25rem 1.25rem;
+  padding-right: 1.25rem;
+
+  &:focus {
+    outline: 0;
+  }
+}
+
+form {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.hint {
+  align-items: center;
+  background-color: var(--yellow-light);
+  border-radius: 0.5rem;
+  border: 1px solid var(--gray-2);
+  display: flex;
+  flex-direction: row;
+  font-size: 0.75rem;
+  gap: 0.25rem;
+  line-height: 1.15;
+  padding: 0.3rem 0.5rem;
+
+  &.purple-spinner,
+  &.error {
+    justify-content: center;
+    text-align: center;
+    width: 100%;
+  }
+
+  .badge {
+    background-color: var(--gray-1);
+    border: 1px solid var(--gray-3);
+    border-radius: 2rem;
+    color: var(--gray-5);
+    font-size: 0.625rem;
+    font-weight: 700;
+    line-height: 1;
+    padding: 0.25rem 0.5rem;
+  }
+
+  &.purple-spinner {
+    background-color: var(--purple-light);
+
+    &::after {
+      content: '';
+      background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28px' height='30px' viewBox='0 0 24 30' style='enable-background:new 0 0 50 50;' xml:space='preserve'><rect x='0' y='10' width='6' height='10' fill='%236A00F5' rx='3' ry='3'><animateTransform attributeType='xml' attributeName='transform' type='translate' values='0 0; 0 5; 0 -5; 0 0' begin='0' dur='0.6s' repeatCount='indefinite'/></rect><rect x='10' y='10' width='6' height='10' fill='%236A00F5' rx='3' ry='3'><animateTransform attributeType='xml' attributeName='transform' type='translate' values='0 0; 0 5; 0 -5; 0 0' begin='0.2s' dur='0.6s' repeatCount='indefinite'/></rect><rect x='20' y='10' width='6' height='10' fill='%236A00F5' rx='3' ry='3'><animateTransform attributeType='xml' attributeName='transform' type='translate' values='0 0; 0 5; 0 -5; 0 0' begin='0.4s' dur='0.6s' repeatCount='indefinite'/></rect></svg>");
+      background-size: cover;
+      background-repeat: no-repeat;
+      background-position: center;
+      height: 1rem;
+      width: 1rem;
+    }
+  }
+
+  &.error {
+    background-color: var(--red-light);
+  }
+}
+
+.label,
+.label-small,
+.label-large {
+  color: var(--black);
+  font-size: 0.8125rem;
+  font-weight: 500;
+  line-height: 1.15;
+}
+
+.label-small {
+  color: var(--gray-5);
+  font-size: 0.75rem;
+  font-weight: 400;
+}
+
+.label-large {
+  font-size: 0.875rem;
+  font-weight: 700;
+}
+
+hr {
+  border: none;
+  border-top: 1px solid var(--gray-3);
+  margin: 0;
+  width: 100%;
+}
+
+kbd {
+  background-color: var(--gray-2);
+  border: 1px solid var(--gray-2);
+  border-radius: 0.25rem;
+  font-size: 0.6rem;
+  line-height: 1.15;
+  padding: 0.1rem 0.25rem;
+  text-transform: uppercase;
+}
+
+/* Layout and structure */
+#app,
+.container {
+  display: flex;
+  flex-direction: column;
+}
+
+.button-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem;
+}
+
+.control-group {
+  align-items: flex-start;
+  background-color: var(--white);
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  padding: 1.5rem;
+
+  .sticky {
+    position: sticky;
+    top: 0;
+  }
+}
+
+[data-node-view-wrapper] > .control-group {
+  padding: 0;
+}
+
+.flex-row {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 1rem;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.switch-group {
+  align-items: center;
+  background: var(--gray-2);
+  border-radius: 0.5rem;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  flex: 0 1 auto;
+  justify-content: flex-start;
+  padding: 0.125rem;
+
+  label {
+    align-items: center;
+    border-radius: 0.375rem;
+    color: var(--gray-5);
+    cursor: pointer;
+    display: flex;
+    flex-direction: row;
+    font-size: 0.75rem;
+    font-weight: 500;
+    gap: 0.25rem;
+    line-height: 1.15;
+    min-height: 1.5rem;
+    padding: 0 0.375rem;
+    transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+
+    &:has(input:checked) {
+      background-color: var(--white);
+      color: var(--black-contrast);
+    }
+
+    &:hover {
+      color: var(--black);
+    }
+
+    input {
+      display: none;
+      margin: unset;
+    }
+  }
+}
+
+.output-group {
+  background-color: var(--gray-1);
+  display: flex;
+  flex-direction: column;
+  font-family: 'JetBrainsMono', monospace;
+  font-size: 0.75rem;
+  gap: 1rem;
+  margin-top: 2.5rem;
+  padding: 1.5rem;
+
+  label {
+    color: var(--black);
+    font-size: 0.875rem;
+    font-weight: 700;
+    line-height: 1.15;
+  }
+}
diff --git a/demos/setup/svelte.ts b/demos/setup/svelte.ts
new file mode 100644
index 0000000..21edfad
--- /dev/null
+++ b/demos/setup/svelte.ts
@@ -0,0 +1,21 @@
+import 'iframe-resizer/js/iframeResizer.contentWindow'
+import './style.scss'
+
+import { mount } from 'svelte'
+import { debug, splitName } from './helper.js'
+
+export default function init(name: string, source: any) {
+  // @ts-ignore
+  window.source = source
+  document.title = name
+
+  const [demoCategory, demoName, frameworkName] = splitName(name)
+
+  import(`../src/${demoCategory}/${demoName}/${frameworkName}/index.svelte`).then(Module => {
+    const Component = Module.default
+
+    mount(Component, { target: document.querySelector('#app')! })
+
+    debug()
+  })
+}
diff --git a/demos/setup/vue.ts b/demos/setup/vue.ts
new file mode 100644
index 0000000..4c8ccc1
--- /dev/null
+++ b/demos/setup/vue.ts
@@ -0,0 +1,24 @@
+import 'iframe-resizer/js/iframeResizer.contentWindow'
+import './style.scss'
+
+import { createApp } from 'vue'
+
+import { debug, splitName } from './helper.js'
+
+export default function init(name: string, source: any) {
+  // @ts-ignore
+  window.source = source
+  document.title = name
+
+  const [demoCategory, demoName, frameworkName] = splitName(name)
+
+  import(`../src/${demoCategory}/${demoName}/${frameworkName}/index.vue`).then(module => {
+    const app = createApp(module.default)
+
+    if (typeof module.configureApp === 'function') {
+      module.configureApp(app)
+    }
+    app.mount('#app')
+    debug()
+  })
+}
diff --git a/demos/src/Commands/Cut/React/index.html b/demos/src/Commands/Cut/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Commands/Cut/React/index.jsx b/demos/src/Commands/Cut/React/index.jsx
new file mode 100644
index 0000000..9245326
--- /dev/null
+++ b/demos/src/Commands/Cut/React/index.jsx
@@ -0,0 +1,81 @@
+import './styles.scss'
+
+import { Color, TextStyle } from '@tiptap/extension-text-style'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useCallback } from 'react'
+
+const MenuBar = ({ editor }) => {
+  const onCutToStart = useCallback(() => {
+    editor
+      .chain()
+      .cut({ from: editor.state.selection.$from.pos, to: editor.state.selection.$to.pos }, 1)
+      .run()
+  }, [editor])
+
+  const onCutToEnd = useCallback(() => {
+    editor
+      .chain()
+      .cut(
+        { from: editor.state.selection.$from.pos, to: editor.state.selection.$to.pos },
+        editor.state.doc.nodeSize - 2,
+      )
+      .run()
+  }, [editor])
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className="control-group">
+      <div className="button-group">
+        <button onClick={onCutToStart}>Cut content to start of document</button>
+        <button onClick={onCutToEnd}>Cut content to end of document</button>
+      </div>
+    </div>
+  )
+}
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Color, TextStyle, StarterKit],
+    content: `
+      <h2>
+        Hi there,
+      </h2>
+      <p>
+        this is a <em>basic</em> example of <strong>Tiptap</strong>. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:
+      </p>
+      <ul>
+        <li>
+          That’s a bullet list with one …
+        </li>
+        <li>
+          … or two list items.
+        </li>
+      </ul>
+      <p>
+        Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:
+      </p>
+      <pre><code class="language-css">body {
+  display: none;
+}</code></pre>
+      <p>
+        I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.
+      </p>
+      <blockquote>
+        Wow, that’s amazing. Good work, boy! 👏
+        <br />
+        — Mom
+      </blockquote>
+    `,
+  })
+
+  return (
+    <>
+      <MenuBar editor={editor} />
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Commands/Cut/React/styles.scss b/demos/src/Commands/Cut/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/Commands/Cut/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Commands/InsertContent/React/index.html b/demos/src/Commands/InsertContent/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Commands/InsertContent/React/index.jsx b/demos/src/Commands/InsertContent/React/index.jsx
new file mode 100644
index 0000000..7d70a84
--- /dev/null
+++ b/demos/src/Commands/InsertContent/React/index.jsx
@@ -0,0 +1,80 @@
+import './styles.scss'
+
+import { Image } from '@tiptap/extension-image'
+import Link from '@tiptap/extension-link'
+import { Color, TextStyle } from '@tiptap/extension-text-style'
+import { EditorProvider, useCurrentEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useCallback } from 'react'
+
+const htmlContent = `
+  <h1><a href="https://tiptap.dev/">Tiptap</a></h1>
+  <p><strong>Hello World</strong></p>
+  <p>This is a paragraph<br />with a break.</p>
+  <p>And this is some additional string content.</p>
+`
+
+const textContent = `Hello World
+This is content with a new line. Is this working?
+
+Lets see if multiple new lines are inserted correctly
+
+And more lines`
+
+const MenuBar = () => {
+  const { editor } = useCurrentEditor()
+
+  const insertImage = useCallback(() => {
+    const url = prompt('Enter an image URL')
+
+    editor.chain().insertContent(`<img src="${url}" alt="Example image" />`).focus().run()
+  }, [editor])
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className="control-group">
+      <div className="button-group">
+        <button
+          data-test-id="html-content"
+          onClick={() => editor.chain().insertContent(htmlContent).focus().run()}
+        >
+          Insert HTML content
+        </button>
+        <button
+          data-test-id="html-content-spans"
+          onClick={() =>
+            editor.chain().insertContent('<p><b>Hello</b> <i>World</i></p>').focus().run()
+          }
+        >
+          Insert HTML with span tags content
+        </button>
+        <button
+          data-test-id="text-content"
+          onClick={() => editor.chain().insertContent(textContent).focus().run()}
+        >
+          Insert text content
+        </button>
+        <button data-test-id="image-content" onClick={insertImage}>
+          Insert image
+        </button>
+      </div>
+    </div>
+  )
+}
+
+const extensions = [Image, Color, TextStyle, Link, StarterKit]
+
+const content = ''
+
+export default () => {
+  return (
+    <EditorProvider
+      slotBefore={<MenuBar />}
+      extensions={extensions}
+      content={content}
+    ></EditorProvider>
+  )
+}
diff --git a/demos/src/Commands/InsertContent/React/styles.scss b/demos/src/Commands/InsertContent/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/Commands/InsertContent/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Commands/InsertContentApplyingRules/React/index.html b/demos/src/Commands/InsertContentApplyingRules/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Commands/InsertContentApplyingRules/React/index.jsx b/demos/src/Commands/InsertContentApplyingRules/React/index.jsx
new file mode 100644
index 0000000..3d044ac
--- /dev/null
+++ b/demos/src/Commands/InsertContentApplyingRules/React/index.jsx
@@ -0,0 +1,178 @@
+import './styles.scss'
+
+import { EditorProvider, useCurrentEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useState } from 'react'
+
+const MenuBar = () => {
+  const { editor } = useCurrentEditor()
+  const [useInputRules, setUseInputRules] = useState(true)
+  const [usePasteRules, setUsePasteRules] = useState(false)
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className="control-group">
+      <div>
+        <label>
+          <input
+            type="checkbox"
+            checked={useInputRules}
+            onChange={() => setUseInputRules(prev => !prev)}
+          />
+          Apply input rules
+        </label>
+        <label>
+          <input
+            type="checkbox"
+            checked={usePasteRules}
+            onChange={() => setUsePasteRules(prev => !prev)}
+          />
+          Apply paste rules
+        </label>
+      </div>
+
+      <div className="button-group">
+        <button
+          onClick={() => {
+            editor
+              .chain()
+              .insertContent('-', {
+                applyInputRules: useInputRules,
+                applyPasteRules: usePasteRules,
+              })
+              .focus()
+              .run()
+          }}
+          data-test-1
+        >
+          Insert "-"
+        </button>
+        <button
+          onClick={() => {
+            editor
+              .chain()
+              .insertContent(' ', {
+                applyInputRules: useInputRules,
+                applyPasteRules: usePasteRules,
+              })
+              .focus()
+              .run()
+          }}
+          data-test-2
+        >
+          Insert " "
+        </button>
+        <button
+          onClick={() => {
+            editor
+              .chain()
+              .insertContent('A', {
+                applyInputRules: useInputRules,
+                applyPasteRules: usePasteRules,
+              })
+              .focus()
+              .run()
+          }}
+          data-test-3
+        >
+          Insert "A"
+        </button>
+
+        <br />
+
+        <button
+          onClick={() => {
+            editor
+              .chain()
+              .insertContent('*this is', {
+                applyInputRules: useInputRules,
+                applyPasteRules: usePasteRules,
+              })
+              .focus()
+              .run()
+          }}
+          data-test-4
+        >
+          Insert "*this is"
+        </button>
+        <button
+          onClick={() => {
+            editor
+              .chain()
+              .insertContent(' a test*', {
+                applyInputRules: useInputRules,
+                applyPasteRules: usePasteRules,
+              })
+              .focus()
+              .run()
+          }}
+          data-test-5
+        >
+          Insert " a test*"
+        </button>
+        <button
+          onClick={() => {
+            editor
+              .chain()
+              .insertContent(' a test*, whooho', {
+                applyInputRules: useInputRules,
+                applyPasteRules: usePasteRules,
+              })
+              .focus()
+              .run()
+          }}
+          data-test-6
+        >
+          Insert " a test*, whooho."
+        </button>
+        <button
+          onClick={() => {
+            editor
+              .chain()
+              .insertContent('*this is a test*, whooho.', {
+                applyInputRules: useInputRules,
+                applyPasteRules: usePasteRules,
+              })
+              .focus()
+              .run()
+          }}
+          data-test-7
+        >
+          Insert "*this is a test*, whooho."
+        </button>
+        <button
+          onClick={() => {
+            editor
+              .chain()
+              .insertContent('*this is a test*', {
+                applyInputRules: useInputRules,
+                applyPasteRules: usePasteRules,
+              })
+              .focus()
+              .run()
+          }}
+          data-test-8
+        >
+          Insert "*this is a test*"
+        </button>
+      </div>
+    </div>
+  )
+}
+
+const extensions = [StarterKit]
+
+const content = ''
+
+export default () => {
+  return (
+    <EditorProvider
+      slotBefore={<MenuBar />}
+      extensions={extensions}
+      content={content}
+    ></EditorProvider>
+  )
+}
diff --git a/demos/src/Commands/InsertContentApplyingRules/React/styles.scss b/demos/src/Commands/InsertContentApplyingRules/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/Commands/InsertContentApplyingRules/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Commands/SetContent/React/index.html b/demos/src/Commands/SetContent/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Commands/SetContent/React/index.jsx b/demos/src/Commands/SetContent/React/index.jsx
new file mode 100644
index 0000000..7cda592
--- /dev/null
+++ b/demos/src/Commands/SetContent/React/index.jsx
@@ -0,0 +1,15 @@
+import './styles.scss'
+
+import Mentions from '@tiptap/extension-mention'
+import { Color, TextStyle } from '@tiptap/extension-text-style'
+import { EditorProvider } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+const extensions = [Color, TextStyle, StarterKit, Mentions]
+
+const content = ''
+
+export default () => {
+  return <EditorProvider extensions={extensions} content={content}></EditorProvider>
+}
diff --git a/demos/src/Commands/SetContent/React/styles.scss b/demos/src/Commands/SetContent/React/styles.scss
new file mode 100644
index 0000000..88bedde
--- /dev/null
+++ b/demos/src/Commands/SetContent/React/styles.scss
@@ -0,0 +1,56 @@
+/* Basic editor styles */
+.tiptap {
+  > * + * {
+    margin-top: 0.75em;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+  }
+
+  code {
+    background-color: rgba(#616161, 0.1);
+    color: #616161;
+  }
+
+  pre {
+    background: #0d0d0d;
+    color: #fff;
+    font-family: 'JetBrainsMono', monospace;
+    padding: 0.75rem 1rem;
+    border-radius: 0.5rem;
+
+    code {
+      color: inherit;
+      padding: 0;
+      background: none;
+      font-size: 0.8rem;
+    }
+  }
+
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  blockquote {
+    padding-left: 1rem;
+    border-left: 2px solid rgba(#0d0d0d, 0.1);
+  }
+
+  hr {
+    border: none;
+    border-top: 2px solid rgba(#0d0d0d, 0.1);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Demos/CollaborationSplitPane/React/Editor.jsx b/demos/src/Demos/CollaborationSplitPane/React/Editor.jsx
new file mode 100644
index 0000000..c8c9d99
--- /dev/null
+++ b/demos/src/Demos/CollaborationSplitPane/React/Editor.jsx
@@ -0,0 +1,233 @@
+import Collaboration from '@tiptap/extension-collaboration'
+import CollaborationCaret from '@tiptap/extension-collaboration-caret'
+import Highlight from '@tiptap/extension-highlight'
+import { TaskItem, TaskList } from '@tiptap/extension-list'
+import { CharacterCount } from '@tiptap/extensions'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useCallback, useEffect, useState } from 'react'
+
+const colors = [
+  '#958DF1',
+  '#F98181',
+  '#FBBC88',
+  '#FAF594',
+  '#70CFF8',
+  '#94FADB',
+  '#B9F18D',
+  '#C3E2C2',
+  '#EAECCC',
+  '#AFC8AD',
+  '#EEC759',
+  '#9BB8CD',
+  '#FF90BC',
+  '#FFC0D9',
+  '#DC8686',
+  '#7ED7C1',
+  '#F3EEEA',
+  '#89B9AD',
+  '#D0BFFF',
+  '#FFF8C9',
+  '#CBFFA9',
+  '#9BABB8',
+  '#E3F4F4',
+]
+const names = [
+  'Lea Thompson',
+  'Cyndi Lauper',
+  'Tom Cruise',
+  'Madonna',
+  'Jerry Hall',
+  'Joan Collins',
+  'Winona Ryder',
+  'Christina Applegate',
+  'Alyssa Milano',
+  'Molly Ringwald',
+  'Ally Sheedy',
+  'Debbie Harry',
+  'Olivia Newton-John',
+  'Elton John',
+  'Michael J. Fox',
+  'Axl Rose',
+  'Emilio Estevez',
+  'Ralph Macchio',
+  'Rob Lowe',
+  'Jennifer Grey',
+  'Mickey Rourke',
+  'John Cusack',
+  'Matthew Broderick',
+  'Justine Bateman',
+  'Lisa Bonet',
+]
+
+const defaultContent = `
+  <p>Hi 👋, this is a collaborative document.</p>
+  <p>Feel free to edit and collaborate in real-time!</p>
+`
+
+const getRandomElement = list => list[Math.floor(Math.random() * list.length)]
+
+const getRandomColor = () => getRandomElement(colors)
+const getRandomName = () => getRandomElement(names)
+
+const getInitialUser = () => {
+  return {
+    name: getRandomName(),
+    color: getRandomColor(),
+  }
+}
+
+const Editor = ({ ydoc, provider, room }) => {
+  const [status, setStatus] = useState('connecting')
+  const [currentUser, setCurrentUser] = useState(getInitialUser)
+  const [userCount, setUserCount] = useState(0)
+
+  const editor = useEditor({
+    enableContentCheck: true,
+    onContentError: ({ disableCollaboration }) => {
+      disableCollaboration()
+    },
+    onCreate: ({ editor: currentEditor }) => {
+      provider.on('synced', () => {
+        if (currentEditor.isEmpty) {
+          currentEditor.commands.setContent(defaultContent)
+        }
+      })
+    },
+    extensions: [
+      StarterKit.configure({
+        undoRedo: false,
+      }),
+      Highlight,
+      TaskList,
+      TaskItem,
+      CharacterCount.extend().configure({
+        limit: 10000,
+      }),
+      Collaboration.extend().configure({
+        document: ydoc,
+      }),
+      CollaborationCaret.extend().configure({
+        provider,
+      }),
+    ],
+  })
+
+  const { isBold, isItalic, isStrike, isBulletList, isCode } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isBold: ctx.editor.isActive('bold') ?? false,
+      isItalic: ctx.editor.isActive('italic') ?? false,
+      isStrike: ctx.editor.isActive('strike') ?? false,
+      isBulletList: ctx.editor.isActive('bulletList') ?? false,
+      isCode: ctx.editor.isActive('code') ?? false,
+    }),
+  })
+
+  useEffect(() => {
+    // Update status changes
+    const statusHandler = event => {
+      setStatus(event.status)
+    }
+
+    provider.on('status', statusHandler)
+
+    return () => {
+      provider.off('status', statusHandler)
+    }
+  }, [provider])
+
+  useEffect(() => {
+    if (!editor) {
+      return undefined
+    }
+
+    const updateUserCount = () => {
+      setUserCount(editor.storage.collaborationCaret.users.length)
+    }
+
+    updateUserCount()
+    provider.awareness.on('update', updateUserCount)
+
+    return () => {
+      provider.awareness.off('update', updateUserCount)
+    }
+  }, [editor, provider])
+
+  // Save current user to localStorage and emit to editor
+  useEffect(() => {
+    if (editor && currentUser) {
+      localStorage.setItem('currentUser', JSON.stringify(currentUser))
+      editor.chain().focus().updateUser(currentUser).run()
+    }
+  }, [editor, currentUser])
+
+  const setName = useCallback(() => {
+    const name = (window.prompt('Name', currentUser.name) || '').trim().substring(0, 32)
+
+    if (name) {
+      return setCurrentUser({ ...currentUser, name })
+    }
+  }, [currentUser])
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className="column-half">
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleBold().run()}
+            className={isBold ? 'is-active' : ''}
+          >
+            Bold
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleItalic().run()}
+            className={isItalic ? 'is-active' : ''}
+          >
+            Italic
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleStrike().run()}
+            className={isStrike ? 'is-active' : ''}
+          >
+            Strike
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleBulletList().run()}
+            className={isBulletList ? 'is-active' : ''}
+          >
+            Bullet list
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleCode().run()}
+            className={isCode ? 'is-active' : ''}
+          >
+            Code
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} className="main-group" />
+
+      <div
+        className="collab-status-group"
+        data-state={status === 'connected' ? 'online' : 'offline'}
+      >
+        <label>
+          {status === 'connected'
+            ? `${userCount} user${userCount === 1 ? '' : 's'} online in ${room}`
+            : 'offline'}
+        </label>
+        <button style={{ '--color': currentUser.color }} onClick={setName}>
+          ✎ {currentUser.name}
+        </button>
+      </div>
+    </div>
+  )
+}
+
+export default Editor
diff --git a/demos/src/Demos/CollaborationSplitPane/React/index.html b/demos/src/Demos/CollaborationSplitPane/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Demos/CollaborationSplitPane/React/index.jsx b/demos/src/Demos/CollaborationSplitPane/React/index.jsx
new file mode 100644
index 0000000..4464403
--- /dev/null
+++ b/demos/src/Demos/CollaborationSplitPane/React/index.jsx
@@ -0,0 +1,39 @@
+import './styles.scss'
+
+import { TiptapCollabProvider } from '@hocuspocus/provider'
+import * as Y from 'yjs'
+
+import Editor from './Editor.jsx'
+
+const appId = '7j9y6m10'
+const room = `room.${new Date()
+  .getFullYear()
+  .toString()
+  .slice(-2)}${new Date().getMonth() + 1}${new Date().getDate()}-ok`
+
+// ydoc and provider for Editor A
+const ydocA = new Y.Doc()
+const providerA = new TiptapCollabProvider({
+  appId,
+  name: room,
+  document: ydocA,
+})
+
+// ydoc and provider for Editor B
+const ydocB = new Y.Doc()
+const providerB = new TiptapCollabProvider({
+  appId,
+  name: room,
+  document: ydocB,
+})
+
+const App = () => {
+  return (
+    <div className="col-group">
+      <Editor provider={providerA} ydoc={ydocA} room={room} />
+      <Editor provider={providerB} ydoc={ydocB} room={room} />
+    </div>
+  )
+}
+
+export default App
diff --git a/demos/src/Demos/CollaborationSplitPane/React/styles.scss b/demos/src/Demos/CollaborationSplitPane/React/styles.scss
new file mode 100644
index 0000000..fcb8e2c
--- /dev/null
+++ b/demos/src/Demos/CollaborationSplitPane/React/styles.scss
@@ -0,0 +1,280 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Highlight specific styles */
+  mark {
+    background-color: #faf594;
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    padding: 0.1rem 0.3rem;
+  }
+
+  /* Task list specific styles */
+  ul[data-type='taskList'] {
+    list-style: none;
+    margin-left: 0;
+    padding: 0;
+
+    li {
+      align-items: flex-start;
+      display: flex;
+
+      > label {
+        flex: 0 0 auto;
+        margin-right: 0.5rem;
+        user-select: none;
+      }
+
+      > div {
+        flex: 1 1 auto;
+      }
+    }
+
+    input[type='checkbox'] {
+      cursor: pointer;
+    }
+
+    ul[data-type='taskList'] {
+      margin: 0;
+    }
+  }
+
+  p {
+    word-break: break-all;
+  }
+
+  /* Give a remote user a caret */
+  .collaboration-carets__caret {
+    border-left: 1px solid #0d0d0d;
+    border-right: 1px solid #0d0d0d;
+    margin-left: -1px;
+    margin-right: -1px;
+    pointer-events: none;
+    position: relative;
+    word-break: normal;
+  }
+
+  /* Render the username above the caret */
+  .collaboration-carets__label {
+    border-radius: 3px 3px 3px 0;
+    color: #0d0d0d;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 600;
+    left: -1px;
+    line-height: normal;
+    padding: 0.1rem 0.3rem;
+    position: absolute;
+    top: -1.4em;
+    user-select: none;
+    white-space: nowrap;
+  }
+}
+
+.col-group {
+  display: flex;
+  flex-direction: row;
+  height: 100vh;
+
+  @media (max-width: 540px) {
+    flex-direction: column;
+  }
+}
+
+/* Column-half */
+body {
+  overflow: hidden;
+}
+
+.column-half {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: auto;
+
+  &:last-child {
+    border-left: 1px solid var(--gray-3);
+
+    @media (max-width: 540px) {
+      border-left: none;
+      border-top: 1px solid var(--gray-3);
+    }
+  }
+
+  & > .main-group {
+    flex-grow: 1;
+  }
+}
+
+/* Collaboration status */
+.collab-status-group {
+  align-items: center;
+  background-color: var(--white);
+  border-top: 1px solid var(--gray-3);
+  bottom: 0;
+  color: var(--gray-5);
+  display: flex;
+  flex-direction: row;
+  font-size: 0.75rem;
+  font-weight: 400;
+  gap: 1rem;
+  justify-content: space-between;
+  padding: 0.375rem 0.5rem 0.375rem 1rem;
+  position: sticky;
+  width: 100%;
+  z-index: 100;
+
+  button {
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    align-self: stretch;
+    background: none;
+    display: -webkit-box;
+    flex-shrink: 1;
+    font-size: 0.75rem;
+    max-width: 100%;
+    padding: 0.25rem 0.375rem;
+    overflow: hidden;
+    position: relative;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    &::before {
+      background-color: var(--color);
+      border-radius: 0.375rem;
+      content: '';
+      height: 100%;
+      left: 0;
+      opacity: 0.5;
+      position: absolute;
+      top: 0;
+      transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+      width: 100%;
+      z-index: -1;
+    }
+
+    &:hover::before {
+      opacity: 1;
+    }
+  }
+
+  label {
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    flex-shrink: 0;
+    gap: 0.375rem;
+    line-height: 1.1;
+
+    &::before {
+      border-radius: 50%;
+      content: ' ';
+      height: 0.35rem;
+      width: 0.35rem;
+    }
+  }
+
+  &[data-state='online'] {
+    label {
+      &::before {
+        background-color: var(--green);
+      }
+    }
+  }
+
+  &[data-state='offline'] {
+    label {
+      &::before {
+        background-color: var(--red);
+      }
+    }
+  }
+}
diff --git a/demos/src/Demos/CollaborationSplitPane/index.spec.ts b/demos/src/Demos/CollaborationSplitPane/index.spec.ts
new file mode 100644
index 0000000..bbbc5cd
--- /dev/null
+++ b/demos/src/Demos/CollaborationSplitPane/index.spec.ts
@@ -0,0 +1,41 @@
+import { expect, test } from '@playwright/test'
+
+const demoName = 'CollaborationSplitPane'
+const frameworkPaths = ['React']
+const demoPath = '/src/Demos'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('should have a working tiptap instance', async ({ page }) => {
+        const editor = page.locator('.tiptap').first()
+        await editor.waitFor()
+
+        const hasEditor = await editor.evaluate((el: any) => !!el.editor)
+
+        expect(hasEditor).toBe(true)
+      })
+
+      test('should have a ydoc', async ({ page }) => {
+        const editor = page.locator('.tiptap').first()
+        await editor.waitFor()
+
+        const hasYDoc = await editor.evaluate((el: any) => {
+          const extension = el.editor.extensionManager.extensions.find(
+            (a: any) => a.name === 'collaboration',
+          )
+
+          return !!extension?.options.document
+        })
+
+        expect(hasYDoc).toBe(true)
+      })
+    })
+  })
+})
diff --git a/demos/src/Demos/SingleRoomCollab/React/index.html b/demos/src/Demos/SingleRoomCollab/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Demos/SingleRoomCollab/React/index.jsx b/demos/src/Demos/SingleRoomCollab/React/index.jsx
new file mode 100644
index 0000000..f470dba
--- /dev/null
+++ b/demos/src/Demos/SingleRoomCollab/React/index.jsx
@@ -0,0 +1,147 @@
+import './styles.scss'
+
+import { TiptapCollabProvider } from '@hocuspocus/provider'
+import Collaboration from '@tiptap/extension-collaboration'
+import CollaborationCaret from '@tiptap/extension-collaboration-caret'
+import { CharacterCount } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useCallback, useEffect, useState } from 'react'
+import * as Y from 'yjs'
+
+const room = 'room-1'
+const colors = ['#958DF1', '#F98181', '#FBBC88', '#FAF594', '#70CFF8', '#94FADB', '#B9F18D']
+const names = [
+  'Lea Thompson',
+  'Cyndi Lauper',
+  'Tom Cruise',
+  'Madonna',
+  'Jerry Hall',
+  'Joan Collins',
+  'Winona Ryder',
+  'Christina Applegate',
+  'Alyssa Milano',
+  'Molly Ringwald',
+  'Ally Sheedy',
+  'Debbie Harry',
+  'Olivia Newton-John',
+  'Elton John',
+  'Michael J. Fox',
+  'Axl Rose',
+  'Emilio Estevez',
+  'Ralph Macchio',
+  'Rob Lowe',
+  'Jennifer Grey',
+  'Mickey Rourke',
+  'John Cusack',
+  'Matthew Broderick',
+  'Justine Bateman',
+  'Lisa Bonet',
+]
+
+const getRandomElement = list => list[Math.floor(Math.random() * list.length)]
+
+const getRandomColor = () => getRandomElement(colors)
+const getRandomName = () => getRandomElement(names)
+
+const ydoc = new Y.Doc()
+const websocketProvider = new TiptapCollabProvider({
+  appId: '7j9y6m10',
+  name: room,
+  document: ydoc,
+})
+
+const getInitialUser = () => {
+  return (
+    JSON.parse(localStorage.getItem('currentUser')) || {
+      name: getRandomName(),
+      color: getRandomColor(),
+    }
+  )
+}
+
+export default () => {
+  const [status, setStatus] = useState('connecting')
+  const [currentUser, setCurrentUser] = useState(getInitialUser)
+  const [userCount, setUserCount] = useState(0)
+
+  const editor = useEditor({
+    extensions: [
+      StarterKit.configure({
+        undoRedo: false,
+      }),
+      CharacterCount.configure({
+        limit: 10000,
+      }),
+      Collaboration.configure({
+        document: ydoc,
+      }),
+      CollaborationCaret.configure({
+        provider: websocketProvider,
+      }),
+    ],
+  })
+
+  useEffect(() => {
+    // Update status changes
+    websocketProvider.on('status', event => {
+      setStatus(event.status)
+    })
+  }, [])
+
+  useEffect(() => {
+    if (!editor) {
+      return undefined
+    }
+
+    const updateUserCount = () => {
+      setUserCount(editor.storage.collaborationCaret.users.length)
+    }
+
+    updateUserCount()
+    websocketProvider.awareness.on('update', updateUserCount)
+
+    return () => {
+      websocketProvider.awareness.off('update', updateUserCount)
+    }
+  }, [editor])
+
+  // Save current user to localStorage and emit to editor
+  useEffect(() => {
+    if (editor && currentUser) {
+      localStorage.setItem('currentUser', JSON.stringify(currentUser))
+      editor.chain().focus().updateUser(currentUser).run()
+    }
+  }, [editor, currentUser])
+
+  const setName = useCallback(() => {
+    const name = (window.prompt('Name') || '').trim().substring(0, 32)
+
+    if (name) {
+      return setCurrentUser({ ...currentUser, name })
+    }
+  }, [currentUser])
+
+  return (
+    <div className="editor">
+      <div className="editor__header">
+        <div className="dots">
+          <span className="dot"></span>
+          <span className="dot"></span>
+          <span className="dot"></span>
+        </div>
+        <div className="editor__users">
+          <div className={`editor__status editor__status--${status}`}>
+            {status === 'connected'
+              ? `${userCount} user${userCount === 1 ? '' : 's'} online in ${room}`
+              : 'offline'}
+          </div>
+          <div className="editor__name">
+            <button onClick={setName}>{currentUser.name}</button>
+          </div>
+        </div>
+      </div>
+      <EditorContent className="editor__content" editor={editor} />
+    </div>
+  )
+}
diff --git a/demos/src/Demos/SingleRoomCollab/React/styles.scss b/demos/src/Demos/SingleRoomCollab/React/styles.scss
new file mode 100644
index 0000000..39d96f8
--- /dev/null
+++ b/demos/src/Demos/SingleRoomCollab/React/styles.scss
@@ -0,0 +1,199 @@
+/* Basic editor styles */
+.tiptap {
+  > * + * {
+    margin-top: 0.75em;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+  }
+
+  code {
+    background-color: rgba(#616161, 0.1);
+    color: #616161;
+  }
+
+  pre {
+    background: #0d0d0d;
+    border-radius: 0.5rem;
+    color: #fff;
+    font-family: 'JetBrainsMono', monospace;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  mark {
+    background-color: #faf594;
+  }
+
+  img {
+    height: auto;
+    max-width: 100%;
+  }
+
+  hr {
+    margin: 1rem 0;
+  }
+
+  blockquote {
+    border-left: 2px solid rgba(#0d0d0d, 0.1);
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 2px solid rgba(#0d0d0d, 0.1);
+    margin: 2rem 0;
+  }
+
+  ul[data-type='taskList'] {
+    list-style: none;
+    padding: 0;
+
+    li {
+      align-items: center;
+      display: flex;
+
+      > label {
+        flex: 0 0 auto;
+        margin-right: 0.5rem;
+        user-select: none;
+      }
+
+      > div {
+        flex: 1 1 auto;
+      }
+    }
+  }
+}
+
+.editor {
+  background-color: #fff;
+  border: 2px solid #0d0d0d;
+  border-radius: 0.75rem;
+  box-shadow: 5px 5px #000;
+  color: #0d0d0d;
+  display: flex;
+  flex-direction: column;
+  max-height: 26rem;
+
+  &__header {
+    align-items: center;
+    border-bottom: 2px solid #0d0d0d;
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+    display: flex;
+    justify-content: space-between;
+    padding: 0.5rem 1rem;
+  }
+
+  &__users {
+    color: rgba(#000, 0.8);
+    display: flex;
+    font-size: 0.85rem;
+    gap: 1rem;
+  }
+
+  &__content {
+    flex: 1 1 auto;
+    overflow-x: hidden;
+    overflow-y: auto;
+    padding: 1.25rem 1rem;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  /* Some information about the status */
+  &__status {
+    align-items: center;
+    border-radius: 5px;
+    display: flex;
+
+    &::before {
+      background: rgba(#0d0d0d, 0.5);
+      border-radius: 50%;
+      content: ' ';
+      display: inline-block;
+      flex: 0 0 auto;
+      height: 0.5rem;
+      margin-right: 0.5rem;
+      width: 0.5rem;
+    }
+
+    &--connecting::before {
+      background: #616161;
+    }
+
+    &--connected::before {
+      background: #b9f18d;
+    }
+  }
+
+  &__name button {
+    appearance: none;
+    background: transparent;
+    border: none;
+    color: inherit;
+    cursor: pointer;
+    font: inherit;
+    line-height: normal;
+    margin: 0;
+    padding: 0;
+    overflow: visible;
+    width: auto;
+  }
+}
+
+/* Give a remote user a caret */
+.collaboration-carets__caret {
+  border-left: 1px solid #0d0d0d;
+  border-right: 1px solid #0d0d0d;
+  margin-left: -1px;
+  margin-right: -1px;
+  pointer-events: none;
+  position: relative;
+  word-break: normal;
+}
+
+/* Render the username above the caret */
+.collaboration-carets__label {
+  border-radius: 3px 3px 3px 0;
+  color: #0d0d0d;
+  font-size: 0.75rem;
+  font-style: normal;
+  font-weight: 600;
+  left: -1px;
+  line-height: normal;
+  padding: 0.1rem 0.3rem;
+  position: absolute;
+  top: -1.4em;
+  user-select: none;
+  white-space: nowrap;
+}
+
+.dots {
+  display: flex;
+  gap: 6px;
+}
+
+.dot {
+  background: #000;
+  border-radius: 100%;
+  height: 0.625rem;
+  width: 0.625rem;
+}
diff --git a/demos/src/Demos/SingleRoomCollab/index.spec.ts b/demos/src/Demos/SingleRoomCollab/index.spec.ts
new file mode 100644
index 0000000..1a6bd5e
--- /dev/null
+++ b/demos/src/Demos/SingleRoomCollab/index.spec.ts
@@ -0,0 +1,26 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'SingleRoomCollab'
+const frameworkPaths = ['React']
+const demoPath = '/src/Demos'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('should have a working tiptap instance', async ({ page }) => {
+        const editor = await getEditor(page)
+        const hasEditor = await editor.evaluate((el: any) => !!el.editor)
+
+        expect(hasEditor).toBe(true)
+      })
+    })
+  })
+})
diff --git a/demos/src/Dev/.gitkeep b/demos/src/Dev/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Accessibility/React/InsertMenu.tsx b/demos/src/Examples/Accessibility/React/InsertMenu.tsx
new file mode 100644
index 0000000..1846cbd
--- /dev/null
+++ b/demos/src/Examples/Accessibility/React/InsertMenu.tsx
@@ -0,0 +1,89 @@
+import type { Editor } from '@tiptap/react'
+import { useEditorState } from '@tiptap/react'
+import { FloatingMenu } from '@tiptap/react/menus'
+import React, { useRef } from 'react'
+
+import { useMenubarNav } from './useMenubarNav.js'
+
+/**
+ * A floating menu for inserting new elements like lists, horizontal rules, etc.
+ */
+export function InsertMenu({ editor }: { editor: Editor }) {
+  const containerRef = useRef<HTMLDivElement>(null)
+
+  const { activeNodeType } = useEditorState({
+    editor,
+    selector: ctx => {
+      const activeNode = ctx.editor.state.selection.$from.node(1)
+
+      return {
+        activeNodeType: activeNode?.type.name ?? 'paragraph',
+      }
+    },
+  })
+
+  // Handle arrow navigation within a menu bar container, and allow to escape to the editor
+  const { getFocusableElements } = useMenubarNav({
+    editor,
+    ref: containerRef,
+    onEscape: e => {
+      e.preventDefault()
+      // On escape, focus the editor
+      editor.chain().focus().run()
+    },
+  })
+
+  return (
+    <FloatingMenu
+      editor={editor}
+      shouldShow={null}
+      aria-orientation="horizontal"
+      role="menubar"
+      aria-label="Insert Element menu"
+      className="floating-menu"
+      // Types are broken here, since we import jsx from vue-2
+      ref={containerRef as any}
+      onFocus={e => {
+        // The ref we have is to the container, not the menu itself
+        if (containerRef.current === e.target?.parentNode) {
+          // Focus the first enabled button-like when the menu bar is focused
+          getFocusableElements()?.[0]?.focus()
+        }
+      }}
+      tabIndex={0}
+    >
+      <button
+        onClick={() => editor.chain().focus().toggleBulletList().run()}
+        className={activeNodeType === 'bulletList' ? 'is-active' : ''}
+        aria-pressed={activeNodeType === 'bulletList'}
+        aria-label="Bullet List"
+        tabIndex={-1}
+      >
+        Bullet list
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleOrderedList().run()}
+        className={activeNodeType === 'orderedList' ? 'is-active' : ''}
+        aria-pressed={activeNodeType === 'orderedList'}
+        aria-label="Ordered List"
+        tabIndex={-1}
+      >
+        Ordered List
+      </button>
+      <button
+        onClick={() => editor.chain().focus().setHorizontalRule().run()}
+        aria-label="Horizontal rule"
+        tabIndex={-1}
+      >
+        Horizontal rule
+      </button>
+      <button
+        onClick={() => editor.chain().focus().setHardBreak().run()}
+        aria-label="Hard break"
+        tabIndex={-1}
+      >
+        Hard break
+      </button>
+    </FloatingMenu>
+  )
+}
diff --git a/demos/src/Examples/Accessibility/React/MenuBar.tsx b/demos/src/Examples/Accessibility/React/MenuBar.tsx
new file mode 100644
index 0000000..98d318a
--- /dev/null
+++ b/demos/src/Examples/Accessibility/React/MenuBar.tsx
@@ -0,0 +1,317 @@
+import type { Editor } from '@tiptap/core'
+import { useEditorState } from '@tiptap/react'
+import React, { useEffect, useRef, useState } from 'react'
+
+import { useMenubarNav } from './useMenubarNav.js'
+
+/**
+ * Handles the heading dropdown
+ */
+function NodeTypeDropdown({ editor }: { editor: Editor }) {
+  const dropdownRef = useRef<HTMLDivElement>(null)
+  const menuRef = useRef<HTMLDivElement>(null)
+  const [isOpen, setIsOpen] = useState(false)
+
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => {
+      const activeNode = ctx.editor.state.selection.$from.node(1)
+
+      return {
+        activeNodeType: activeNode?.type.name ?? 'paragraph',
+        isParagraph: ctx.editor.isActive('paragraph'),
+        isHeading1: ctx.editor.isActive('heading', { level: 1 }),
+        isHeading2: ctx.editor.isActive('heading', { level: 2 }),
+        isHeading3: ctx.editor.isActive('heading', { level: 3 }),
+        isHeading4: ctx.editor.isActive('heading', { level: 4 }),
+        isHeading5: ctx.editor.isActive('heading', { level: 5 }),
+        isHeading6: ctx.editor.isActive('heading', { level: 6 }),
+        isBulletList: ctx.editor.isActive('bulletList'),
+        isOrderedList: ctx.editor.isActive('orderedList'),
+        isCodeBlock: ctx.editor.isActive('codeBlock'),
+        isBlockquote: ctx.editor.isActive('blockquote'),
+      }
+    },
+  })
+
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {
+        setIsOpen(false)
+      }
+    }
+
+    document.addEventListener('click', handleClickOutside)
+    return () => {
+      document.removeEventListener('click', handleClickOutside)
+    }
+  }, [])
+
+  return (
+    <div
+      className="node-type-dropdown__container"
+      ref={menuRef}
+      onKeyDown={e => {
+        // Escape or tab should close the dropdown if it's open
+        if (isOpen && (e.key === 'Escape' || e.key === 'Tab')) {
+          setIsOpen(false)
+          if (e.key === 'Escape') {
+            // Prevent the editor from handling the escape key
+            e.preventDefault()
+          }
+        }
+      }}
+    >
+      <button
+        onClick={e => {
+          setIsOpen(open => !open)
+          e.stopPropagation()
+        }}
+        onKeyDown={e => {
+          if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault()
+            setIsOpen(open => !open)
+          }
+        }}
+        aria-haspopup="true"
+        aria-expanded={isOpen}
+        aria-controls="heading-dropdown"
+        className={`node-type-dropdown__trigger${isOpen ? ' is-active' : ''}`}
+        tabIndex={-1}
+      >
+        Node Type:{' '}
+        {editorState.activeNodeType.slice(0, 1).toUpperCase() + editorState.activeNodeType.slice(1)}
+      </button>
+      {isOpen && (
+        <div
+          ref={dropdownRef}
+          id="node-type-dropdown"
+          role="menu"
+          aria-orientation="vertical"
+          className="node-type-dropdown__items"
+        >
+          <button
+            onClick={() => {
+              editor.chain().focus().setParagraph().run()
+              setIsOpen(false)
+            }}
+            className={editorState.isParagraph ? 'is-active' : ''}
+            tabIndex={-1}
+            role="menuitem"
+            aria-label="Paragraph"
+            aria-pressed={editorState.isParagraph}
+            // This is the first element in the dropdown, so if it loses focus, close the dropdown
+            onBlur={e => {
+              // Is it not within the dropdown?
+              if (!dropdownRef.current?.contains(e.relatedTarget as Node)) {
+                e.preventDefault()
+                setIsOpen(false)
+              }
+            }}
+          >
+            Paragraph
+          </button>
+          <button
+            onClick={() => {
+              editor.chain().focus().toggleHeading({ level: 1 }).run()
+              setIsOpen(false)
+            }}
+            className={editorState.isHeading1 ? 'is-active' : ''}
+            aria-pressed={editorState.isHeading1}
+            tabIndex={-1}
+            role="menuitem"
+            aria-label="H1"
+          >
+            H1
+          </button>
+          <button
+            onClick={() => {
+              editor.chain().focus().toggleHeading({ level: 2 }).run()
+              setIsOpen(false)
+            }}
+            className={editorState.isHeading2 ? 'is-active' : ''}
+            aria-pressed={editorState.isHeading2}
+            tabIndex={-1}
+            role="menuitem"
+            aria-label="H2"
+          >
+            H2
+          </button>
+          <button
+            onClick={() => {
+              editor.chain().focus().toggleHeading({ level: 3 }).run()
+              setIsOpen(false)
+            }}
+            className={editorState.isHeading3 ? 'is-active' : ''}
+            aria-pressed={editorState.isHeading3}
+            tabIndex={-1}
+            role="menuitem"
+            aria-label="H3"
+          >
+            H3
+          </button>
+          <button
+            onClick={() => {
+              editor.chain().focus().toggleHeading({ level: 4 }).run()
+              setIsOpen(false)
+            }}
+            className={editorState.isHeading4 ? 'is-active' : ''}
+            aria-pressed={editorState.isHeading4}
+            tabIndex={-1}
+            role="menuitem"
+            aria-label="H4"
+          >
+            H4
+          </button>
+          <button
+            onClick={() => {
+              editor.chain().focus().toggleHeading({ level: 5 }).run()
+              setIsOpen(false)
+            }}
+            className={editorState.isHeading5 ? 'is-active' : ''}
+            aria-pressed={editorState.isHeading5}
+            tabIndex={-1}
+            role="menuitem"
+            aria-label="H5"
+          >
+            H5
+          </button>
+          <button
+            onClick={() => {
+              editor.chain().focus().toggleHeading({ level: 6 }).run()
+              setIsOpen(false)
+            }}
+            className={editorState.isHeading6 ? 'is-active' : ''}
+            aria-pressed={editorState.isHeading6}
+            tabIndex={-1}
+            role="menuitem"
+            aria-label="H6"
+          >
+            H6
+          </button>
+          <button
+            onClick={() => {
+              editor.chain().focus().toggleBulletList().run()
+              setIsOpen(false)
+            }}
+            className={editorState.isBulletList ? 'is-active' : ''}
+            aria-pressed={editorState.isBulletList}
+            tabIndex={-1}
+            role="menuitem"
+            aria-label="Bullet list"
+          >
+            Bullet list
+          </button>
+          <button
+            onClick={() => {
+              editor.chain().focus().toggleOrderedList().run()
+              setIsOpen(false)
+            }}
+            className={editorState.isOrderedList ? 'is-active' : ''}
+            aria-pressed={editorState.isOrderedList}
+            tabIndex={-1}
+            role="menuitem"
+            aria-label="Ordered List"
+          >
+            Ordered list
+          </button>
+          <button
+            onClick={() => {
+              editor.chain().focus().toggleCodeBlock().run()
+              setIsOpen(false)
+            }}
+            className={editorState.isCodeBlock ? 'is-active' : ''}
+            aria-pressed={editorState.isCodeBlock}
+            tabIndex={-1}
+            role="menuitem"
+            aria-label="Code block"
+          >
+            Code block
+          </button>
+          <button
+            onClick={() => {
+              editor.chain().focus().toggleBlockquote().run()
+              setIsOpen(false)
+            }}
+            className={editorState.isBlockquote ? 'is-active' : ''}
+            aria-pressed={editorState.isBlockquote}
+            tabIndex={-1}
+            role="menuitem"
+            aria-label="Blockquote"
+            onBlur={e => {
+              if (!dropdownRef.current?.contains(e.relatedTarget as Node)) {
+                e.preventDefault()
+                setIsOpen(false)
+              }
+            }}
+          >
+            Blockquote
+          </button>
+        </div>
+      )}
+    </div>
+  )
+}
+
+/**
+ * An accessible static top menu bar for the editor
+ */
+export function MenuBar({ editor }: { editor: Editor }) {
+  const containerRef = useRef<HTMLDivElement>(null)
+
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => {
+      return {
+        canUndo: ctx.editor.can().chain().focus().undo().run(),
+        canRedo: ctx.editor.can().chain().focus().redo().run(),
+      }
+    },
+  })
+
+  useMenubarNav({
+    ref: containerRef,
+    editor,
+    onKeydown: event => {
+      // Handle focus on alt + f10
+      if (event.altKey && event.key === 'F10') {
+        event.preventDefault()
+        containerRef.current?.querySelector('button')?.focus()
+      }
+    },
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div
+      className="control-group"
+      role="toolbar"
+      aria-orientation="horizontal"
+      aria-keyshortcuts="Alt+F10"
+      ref={containerRef}
+    >
+      <div className="button-group">
+        <NodeTypeDropdown editor={editor} />
+        <button
+          onClick={() => editor.chain().focus().undo().run()}
+          disabled={!editorState.canUndo}
+          tabIndex={-1}
+          aria-label="Undo"
+        >
+          Undo
+        </button>
+        <button
+          onClick={() => editor.chain().focus().redo().run()}
+          disabled={!editorState.canRedo}
+          tabIndex={-1}
+          aria-label="Redo"
+        >
+          Redo
+        </button>
+      </div>
+    </div>
+  )
+}
diff --git a/demos/src/Examples/Accessibility/React/TextMenu.tsx b/demos/src/Examples/Accessibility/React/TextMenu.tsx
new file mode 100644
index 0000000..1bc3b57
--- /dev/null
+++ b/demos/src/Examples/Accessibility/React/TextMenu.tsx
@@ -0,0 +1,118 @@
+import { Selection } from '@tiptap/pm/state'
+import type { Editor } from '@tiptap/react'
+import { useEditorState } from '@tiptap/react'
+import { BubbleMenu } from '@tiptap/react/menus'
+import React, { useRef } from 'react'
+
+import { useMenubarNav } from './useMenubarNav.js'
+
+/**
+ * Handles formatting text with marks like bold, italic, etc.
+ */
+export function TextMenu({ editor }: { editor: Editor }) {
+  const containerRef = useRef<HTMLDivElement>(null)
+
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => {
+      return {
+        isBold: ctx.editor.isActive('bold'),
+        canBold: ctx.editor.can().chain().focus().toggleBold().run(),
+        isItalic: ctx.editor.isActive('italic'),
+        canItalic: ctx.editor.can().chain().focus().toggleItalic().run(),
+        isStrike: ctx.editor.isActive('strike'),
+        canStrike: ctx.editor.can().chain().focus().toggleStrike().run(),
+        isCode: ctx.editor.isActive('code'),
+        canCode: ctx.editor.can().chain().focus().toggleCode().run(),
+        canClearMarks: ctx.editor.can().chain().focus().unsetAllMarks().run(),
+      }
+    },
+  })
+
+  // Handle arrow navigation within a menu bar container, and allow to escape to the editor
+  const { getFocusableElements } = useMenubarNav({
+    editor,
+    ref: containerRef,
+    onEscape: e => {
+      e.preventDefault()
+      // On escape, focus the editor & dismiss the menu by moving the selection to the end of the selection
+      editor
+        .chain()
+        .focus()
+        .command(({ tr }) => {
+          tr.setSelection(Selection.near(tr.selection.$to))
+          return true
+        })
+        .run()
+    },
+  })
+
+  return (
+    <BubbleMenu
+      editor={editor}
+      shouldShow={null}
+      aria-label="Text formatting menu"
+      aria-orientation="horizontal"
+      role="menubar"
+      className="bubble-menu"
+      // Types are broken here, since we import jsx from vue-2
+      ref={containerRef as any}
+      onFocus={e => {
+        // The ref we have is to the container, not the menu itself
+        if (containerRef.current === e.target?.parentNode) {
+          // Focus the first button when the menu bar is focused
+          getFocusableElements()?.[0]?.focus()
+        }
+      }}
+      tabIndex={0}
+    >
+      <button
+        onClick={() => editor.chain().focus().toggleBold().run()}
+        disabled={!editorState.canBold}
+        className={editorState.isBold ? 'is-active' : ''}
+        aria-pressed={editorState.isBold}
+        aria-label="Bold"
+        tabIndex={-1}
+      >
+        Bold
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleItalic().run()}
+        disabled={!editorState.canItalic}
+        className={editorState.isItalic ? 'is-active' : ''}
+        aria-pressed={editorState.isItalic}
+        aria-label="Italic"
+        tabIndex={-1}
+      >
+        Italic
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleStrike().run()}
+        disabled={!editorState.canStrike}
+        className={editorState.isStrike ? 'is-active' : ''}
+        aria-pressed={editorState.isStrike}
+        tabIndex={-1}
+      >
+        Strike
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleCode().run()}
+        disabled={!editorState.canCode}
+        className={editorState.isCode ? 'is-active' : ''}
+        aria-pressed={editorState.isCode}
+        aria-label="Code"
+        tabIndex={-1}
+      >
+        Code
+      </button>
+      <button
+        disabled={!editorState.canClearMarks}
+        onClick={() => editor.chain().focus().unsetAllMarks().run()}
+        aria-label="Clear Marks"
+        tabIndex={-1}
+      >
+        Clear marks
+      </button>
+    </BubbleMenu>
+  )
+}
diff --git a/demos/src/Examples/Accessibility/React/index.html b/demos/src/Examples/Accessibility/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Accessibility/React/index.tsx b/demos/src/Examples/Accessibility/React/index.tsx
new file mode 100644
index 0000000..b168c22
--- /dev/null
+++ b/demos/src/Examples/Accessibility/React/index.tsx
@@ -0,0 +1,42 @@
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import { InsertMenu } from './InsertMenu.jsx'
+import { MenuBar } from './MenuBar.jsx'
+import { TextMenu } from './TextMenu.jsx'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit],
+    content: `
+    <h2>Accessibility Demo</h2>
+    <p>Tab into the demo & navigate around with only your keyboard</p>
+    <p>Use <code>Alt + F10</code> to focus the menu bar</p>
+    `,
+    editorProps: {
+      attributes: {
+        // Make sure the editor is announced as a rich text editor
+        'aria-label': 'Rich Text Editor',
+        // editor accepts multiline input
+        'aria-multiline': 'true',
+        'aria-readonly': 'false',
+      },
+    },
+  })
+
+  return (
+    <div role="application" className="editor-application">
+      {/* The static menu bar */}
+      <MenuBar editor={editor} />
+      {/* The editor content */}
+      <EditorContent editor={editor} />
+      {/* Handles marks: bold, italic, etc. using a bubble menu */}
+      <TextMenu editor={editor} />
+      {/* Handles nodes: headings, lists, etc. using a floating menu */}
+      <InsertMenu editor={editor} />
+    </div>
+  )
+}
diff --git a/demos/src/Examples/Accessibility/React/styles.scss b/demos/src/Examples/Accessibility/React/styles.scss
new file mode 100644
index 0000000..7c73666
--- /dev/null
+++ b/demos/src/Examples/Accessibility/React/styles.scss
@@ -0,0 +1,219 @@
+.tiptap {
+  /**
+    * This fixes a bug with voiceover where it speaks text that runs from one element to another as one word like so:
+    *
+    * <h1>Heading</h1>
+    * <p>Paragraph</p>
+    *
+    * Voiceover would read this as "HeadingParagraph" instead of "Heading Paragraph"
+    * So, we add a zero-width space after each block element to fix this.
+    */
+  h1::after,
+  h2::after,
+  h3::after,
+  h4::after,
+  h5::after,
+  h6::after,
+  p::after {
+    content: '\200B';
+  }
+}
+
+.node-type-dropdown__container {
+  position: relative;
+}
+
+.node-type-dropdown__items {
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  left: 0;
+  right: 0;
+  gap: 0.25rem;
+  padding: 0.25rem 0;
+  background-color: var(--white);
+  z-index: 1000;
+
+  button {
+    background-color: unset;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--purple);
+
+      &:hover {
+        background-color: var(--purple-contrast);
+      }
+    }
+  }
+}
+
+/* Bubble menu styles */
+.bubble-menu {
+  background-color: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  padding: 0.2rem;
+
+  button {
+    background-color: unset;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--purple);
+
+      &:hover {
+        background-color: var(--purple-contrast);
+      }
+    }
+  }
+}
+
+/* Floating menu styles */
+.floating-menu {
+  display: flex;
+  background-color: var(--gray-3);
+  padding: 0.1rem;
+  border-radius: 0.5rem;
+
+  button {
+    background-color: unset;
+    padding: 0.275rem 0.425rem;
+    border-radius: 0.3rem;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--white);
+      color: var(--purple);
+
+      &:hover {
+        color: var(--purple-contrast);
+      }
+    }
+  }
+}
+
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+  &:focus {
+    outline: 1px solid var(--purple);
+    outline-offset: 4px;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Link styles */
+  a {
+    color: var(--purple);
+    cursor: pointer;
+
+    &:hover {
+      color: var(--purple-contrast);
+    }
+  }
+}
+
+.is-empty::before {
+  color: var(--gray-4);
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  pointer-events: none;
+}
diff --git a/demos/src/Examples/Accessibility/React/useMenubarNav.ts b/demos/src/Examples/Accessibility/React/useMenubarNav.ts
new file mode 100644
index 0000000..b6b4406
--- /dev/null
+++ b/demos/src/Examples/Accessibility/React/useMenubarNav.ts
@@ -0,0 +1,127 @@
+import type { Editor } from '@tiptap/core'
+import type React from 'react'
+import { useCallback, useEffect, useRef } from 'react'
+
+/**
+ * Handle arrow navigation within a menu bar container, and allow to escape to the editor
+ */
+export function useMenubarNav({
+  ref: containerRef,
+  editor,
+  onEscape = (e, ctx) => {
+    e.preventDefault()
+    ctx.editor.commands.focus()
+  },
+  onKeydown = () => {
+    // Do nothing
+  },
+}: {
+  /**
+   * Ref to the menu bar container
+   */
+  ref: React.RefObject<HTMLElement>
+  /**
+   * The editor instance
+   */
+  editor: Editor
+  /**
+   * Callback when the user presses the escape key
+   */
+  onEscape?: (
+    event: KeyboardEvent,
+    ctx: { editor: Editor; ref: React.RefObject<HTMLElement> },
+  ) => void
+  /**
+   * Callback when a keyboard event occurs
+   * @note Call `event.preventDefault()` to prevent the default behavior
+   */
+  onKeydown?: (
+    event: KeyboardEvent,
+    ctx: { editor: Editor; ref: React.RefObject<HTMLElement> },
+  ) => void
+}) {
+  const callbacks = useRef({
+    onEscape,
+    onKeydown,
+  })
+
+  // Always take the latest callback
+  callbacks.current = {
+    onEscape,
+    onKeydown,
+  }
+
+  const getFocusableElements = useCallback(() => {
+    if (!containerRef.current) {
+      return []
+    }
+
+    return Array.from(
+      containerRef.current.querySelectorAll<HTMLElement>('button, [role="button"], [tabindex="0"]'),
+    ).filter(el => !el.hasAttribute('disabled'))
+  }, [containerRef])
+
+  useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (!containerRef.current) {
+        return
+      }
+
+      callbacks.current.onKeydown(event, { editor, ref: containerRef })
+      if (event.defaultPrevented) {
+        return
+      }
+
+      const elements = getFocusableElements()
+      const isWithinContainer = containerRef.current.contains(event.target as HTMLElement)
+
+      if (isWithinContainer) {
+        // Allow to escape to the editor
+        if (event.key === 'Escape') {
+          callbacks.current.onEscape(event, { editor, ref: containerRef })
+          if (event.defaultPrevented) {
+            return true
+          }
+        }
+
+        // Move to the first element in the menu bar
+        if (event.key === 'Home') {
+          event.preventDefault()
+          elements[0].focus()
+          return true
+        }
+
+        // Move to the last element in the menu bar
+        if (event.key === 'End') {
+          event.preventDefault()
+          elements[elements.length - 1].focus()
+          return true
+        }
+
+        // Move forward in the menu bar
+        if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {
+          const element = elements.indexOf(event.target as HTMLElement)
+
+          elements[(element + 1) % elements.length].focus()
+          event.preventDefault()
+        }
+
+        // Move backward in the menu bar
+        if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {
+          const element = elements.indexOf(event.target as HTMLElement)
+
+          elements[(element - 1 + elements.length) % elements.length].focus()
+          event.preventDefault()
+        }
+      }
+    }
+
+    window.addEventListener('keydown', handleKeyDown)
+
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown)
+    }
+  }, [containerRef, editor, getFocusableElements])
+
+  return { getFocusableElements }
+}
diff --git a/demos/src/Examples/AutolinkValidation/React/index.html b/demos/src/Examples/AutolinkValidation/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/AutolinkValidation/React/index.jsx b/demos/src/Examples/AutolinkValidation/React/index.jsx
new file mode 100644
index 0000000..e34370a
--- /dev/null
+++ b/demos/src/Examples/AutolinkValidation/React/index.jsx
@@ -0,0 +1,83 @@
+import './styles.scss'
+
+import Link from '@tiptap/extension-link'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Link.configure({
+        validate: link => /^https?:\/\//.test(link),
+      }),
+    ],
+    content: `
+      <p>Hey! Try to type in url with and without a http/s protocol. - Links without a protocol should not get auto linked</p>
+    `,
+    editorProps: {
+      attributes: {
+        spellcheck: 'false',
+      },
+    },
+    shouldRerenderOnTransaction: true,
+  })
+
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => {
+      return {
+        isLink: ctx.editor.isActive('link'),
+      }
+    },
+  })
+
+  const setLink = React.useCallback(() => {
+    const previousUrl = editor.getAttributes('link').href
+    const url = window.prompt('URL', previousUrl)
+
+    // cancelled
+    if (url === null) {
+      return
+    }
+
+    // empty
+    if (url === '') {
+      editor.chain().focus().extendMarkRange('link').unsetLink().run()
+
+      return
+    }
+
+    // update link
+    editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()
+  }, [editor])
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={setLink}
+            className={editorState.isLink ? 'is-active' : ''}
+            data-testid="setLink"
+          >
+            Set link
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetLink().run()}
+            disabled={!editorState.isLink}
+            data-testid="unsetLink"
+          >
+            Unset link
+          </button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/AutolinkValidation/React/styles.scss b/demos/src/Examples/AutolinkValidation/React/styles.scss
new file mode 100644
index 0000000..1db630c
--- /dev/null
+++ b/demos/src/Examples/AutolinkValidation/React/styles.scss
@@ -0,0 +1,101 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Link styles */
+  a {
+    color: var(--purple);
+    cursor: pointer;
+
+    &:hover {
+      color: var(--purple-contrast);
+    }
+  }
+}
diff --git a/demos/src/Examples/AutolinkValidation/Vue/index.html b/demos/src/Examples/AutolinkValidation/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/AutolinkValidation/Vue/index.vue b/demos/src/Examples/AutolinkValidation/Vue/index.vue
new file mode 100644
index 0000000..5aaa9de
--- /dev/null
+++ b/demos/src/Examples/AutolinkValidation/Vue/index.vue
@@ -0,0 +1,101 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Link from '@tiptap/extension-link'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit,
+        Link.configure({
+          validate: link => /^https?:\/\//.test(link),
+        }),
+      ],
+      content: `
+        <p>Hey! Try to type in url with and without a http/s protocol. - Links without a protocol should not get auto linked</p>
+      `,
+      editorProps: {
+        attributes: {
+          spellcheck: 'false',
+        },
+      },
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  > * + * {
+    margin-top: 0.75em;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+  }
+
+  code {
+    background-color: rgba(#616161, 0.1);
+    color: #616161;
+  }
+
+  pre {
+    background: #0d0d0d;
+    color: #fff;
+    font-family: 'JetBrainsMono', monospace;
+    padding: 0.75rem 1rem;
+    border-radius: 0.5rem;
+
+    code {
+      color: inherit;
+      padding: 0;
+      background: none;
+      font-size: 0.8rem;
+    }
+  }
+
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  hr {
+    margin: 1rem 0;
+  }
+
+  blockquote {
+    padding-left: 1rem;
+    border-left: 2px solid rgba(#0d0d0d, 0.1);
+  }
+}
+</style>
diff --git a/demos/src/Examples/AutolinkValidation/index.spec.ts b/demos/src/Examples/AutolinkValidation/index.spec.ts
new file mode 100644
index 0000000..83d0b60
--- /dev/null
+++ b/demos/src/Examples/AutolinkValidation/index.spec.ts
@@ -0,0 +1,151 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'AutolinkValidation'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+const validLinks: [string, string][] = [
+  ['https://tiptap.dev ', 'https://tiptap.dev'],
+  ['http://tiptap.dev ', 'http://tiptap.dev'],
+  ['https://www.tiptap.dev/ ', 'https://www.tiptap.dev/'],
+  ['http://www.tiptap.dev/ ', 'http://www.tiptap.dev/'],
+  ['[http://www.example.com/] ', 'http://www.example.com/'],
+  ['(http://www.example.com/) ', 'http://www.example.com/'],
+]
+
+const invalidLinks = ['tiptap.dev', 'www.tiptap.dev', 'https://tiptap.dev']
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.commands.clearContent()
+        })
+      })
+
+      validLinks.forEach(([rawTextInput, textThatShouldBeLinked]) => {
+        test(`should autolink ${rawTextInput}`, async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type(rawTextInput)
+
+          await expect(page.locator('.tiptap a').first()).toContainText(textThatShouldBeLinked)
+        })
+      })
+
+      invalidLinks.forEach(rawTextInput => {
+        test(`should not autolink ${rawTextInput}`, async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type(rawTextInput)
+
+          await expect(page.locator('.tiptap a')).toHaveCount(0)
+        })
+      })
+
+      if (frameworkPath === 'React') {
+        test('should not relink unset links after entering second link', async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type('https://tiptap.dev ')
+          await editor.press('Home')
+
+          await expect(page.locator('.tiptap')).toHaveText('https://tiptap.dev ')
+
+          await page.locator('[data-testid=unsetLink]').click()
+          await expect(page.locator('.tiptap a')).toHaveCount(0)
+
+          await editor.press('End')
+          await editor.type('http://www.example.com/ ')
+
+          await expect(page.locator('.tiptap a')).toHaveCount(1)
+          await expect(page.locator('.tiptap a').first()).toHaveAttribute(
+            'href',
+            'http://www.example.com/',
+          )
+        })
+
+        test('should not relink unset links after hitting next paragraph', async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type('https://tiptap.dev ')
+          await editor.press('Home')
+          await expect(page.locator('.tiptap')).toHaveText('https://tiptap.dev ')
+
+          await page.locator('[data-testid=unsetLink]').click()
+          await expect(page.locator('.tiptap a')).toHaveCount(0)
+
+          await editor.press('End')
+          await editor.type(
+            'typing other text should prevent the link from relinking when hitting enter',
+          )
+          await editor.press('Enter')
+
+          await expect(page.locator('.tiptap a')).toHaveCount(0)
+        })
+
+        test('should not relink unset links after modifying', async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type('https://tiptap.dev ')
+          await editor.press('Home')
+          await expect(page.locator('.tiptap')).toHaveText('https://tiptap.dev ')
+
+          await page.locator('[data-testid=unsetLink]').click()
+          await expect(page.locator('.tiptap a')).toHaveCount(0)
+
+          await editor.press('Home')
+          await Array.from({ length: 'https://'.length }).reduce<Promise<void>>(
+            previousPromise => previousPromise.then(() => editor.press('ArrowRight')),
+            Promise.resolve(),
+          )
+          await editor.type('blah')
+
+          await expect(page.locator('.tiptap')).toHaveText('https://blahtiptap.dev ')
+          await expect(page.locator('.tiptap a')).toHaveCount(0)
+        })
+
+        test('should autolink after hitting enter (new paragraph)', async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type('https://tiptap.dev')
+          await editor.press('Enter')
+
+          await expect(page.locator('.tiptap a')).toHaveCount(1)
+          await expect(page.locator('.tiptap a').first()).toHaveAttribute(
+            'href',
+            'https://tiptap.dev',
+          )
+        })
+
+        test('should autolink after hitting shift-enter (hardbreak)', async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type('https://tiptap.dev')
+          await editor.press('Shift+Enter')
+
+          await expect(page.locator('.tiptap a')).toHaveCount(1)
+          await expect(page.locator('.tiptap a').first()).toHaveAttribute(
+            'href',
+            'https://tiptap.dev',
+          )
+        })
+      }
+    })
+  })
+})
diff --git a/demos/src/Examples/Book/React/index.html b/demos/src/Examples/Book/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Book/React/index.jsx b/demos/src/Examples/Book/React/index.jsx
new file mode 100644
index 0000000..99350d2
--- /dev/null
+++ b/demos/src/Examples/Book/React/index.jsx
@@ -0,0 +1,157 @@
+import './styles.scss'
+
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import { content } from '../content.js'
+
+const menuBarStateSelector = ctx => ({
+  isBold: ctx.editor.isActive('bold') ?? false,
+  isItalic: ctx.editor.isActive('italic') ?? false,
+  isStrike: ctx.editor.isActive('strike') ?? false,
+  isCode: ctx.editor.isActive('code') ?? false,
+  isParagraph: ctx.editor.isActive('paragraph') ?? false,
+  isHeading1: ctx.editor.isActive('heading', { level: 1 }) ?? false,
+  isHeading2: ctx.editor.isActive('heading', { level: 2 }) ?? false,
+  isHeading3: ctx.editor.isActive('heading', { level: 3 }) ?? false,
+  isHeading4: ctx.editor.isActive('heading', { level: 4 }) ?? false,
+  isHeading5: ctx.editor.isActive('heading', { level: 5 }) ?? false,
+  isHeading6: ctx.editor.isActive('heading', { level: 6 }) ?? false,
+  isBulletList: ctx.editor.isActive('bulletList') ?? false,
+  isOrderedList: ctx.editor.isActive('orderedList') ?? false,
+  isCodeBlock: ctx.editor.isActive('codeBlock') ?? false,
+  isBlockquote: ctx.editor.isActive('blockquote') ?? false,
+})
+
+const MenuBar = ({ editor }) => {
+  const editorState = useEditorState({ editor, selector: menuBarStateSelector })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className="control-group">
+      <div className="button-group">
+        <button
+          onClick={() => editor.chain().focus().toggleBold().run()}
+          className={editorState.isBold ? 'is-active' : ''}
+        >
+          Bold
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleItalic().run()}
+          className={editorState.isItalic ? 'is-active' : ''}
+        >
+          Italic
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleStrike().run()}
+          className={editorState.isStrike ? 'is-active' : ''}
+        >
+          Strike
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleCode().run()}
+          className={editorState.isCode ? 'is-active' : ''}
+        >
+          Code
+        </button>
+        <button onClick={() => editor.chain().focus().unsetAllMarks().run()}>Clear marks</button>
+        <button onClick={() => editor.chain().focus().clearNodes().run()}>Clear nodes</button>
+        <button
+          onClick={() => editor.chain().focus().setParagraph().run()}
+          className={editorState.isParagraph ? 'is-active' : ''}
+        >
+          Paragraph
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+          className={editorState.isHeading1 ? 'is-active' : ''}
+        >
+          H1
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+          className={editorState.isHeading2 ? 'is-active' : ''}
+        >
+          H2
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}
+          className={editorState.isHeading3 ? 'is-active' : ''}
+        >
+          H3
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 4 }).run()}
+          className={editorState.isHeading4 ? 'is-active' : ''}
+        >
+          H4
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 5 }).run()}
+          className={editorState.isHeading5 ? 'is-active' : ''}
+        >
+          H5
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 6 }).run()}
+          className={editorState.isHeading6 ? 'is-active' : ''}
+        >
+          H6
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleBulletList().run()}
+          className={editorState.isBulletList ? 'is-active' : ''}
+        >
+          Bullet list
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleOrderedList().run()}
+          className={editorState.isOrderedList ? 'is-active' : ''}
+        >
+          Ordered list
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleCodeBlock().run()}
+          className={editorState.isCodeBlock ? 'is-active' : ''}
+        >
+          Code block
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleBlockquote().run()}
+          className={editorState.isBlockquote ? 'is-active' : ''}
+        >
+          Blockquote
+        </button>
+        <button onClick={() => editor.chain().focus().setHorizontalRule().run()}>
+          Horizontal rule
+        </button>
+        <button onClick={() => editor.chain().focus().setHardBreak().run()}>Hard break</button>
+        <button onClick={() => editor.chain().focus().undo().run()}>Undo</button>
+        <button onClick={() => editor.chain().focus().redo().run()}>Redo</button>
+      </div>
+    </div>
+  )
+}
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit],
+    content,
+    editorProps: {
+      attributes: {
+        spellcheck: 'false',
+      },
+    },
+  })
+
+  return (
+    <>
+      <MenuBar editor={editor} />
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/Book/React/styles.scss b/demos/src/Examples/Book/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/Examples/Book/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Examples/Book/Vue/index.html b/demos/src/Examples/Book/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Book/Vue/index.vue b/demos/src/Examples/Book/Vue/index.vue
new file mode 100644
index 0000000..14118c9
--- /dev/null
+++ b/demos/src/Examples/Book/Vue/index.vue
@@ -0,0 +1,234 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleBold().run()"
+          :class="{ 'is-active': editor.isActive('bold') }"
+        >
+          Bold
+        </button>
+        <button
+          @click="editor.chain().focus().toggleItalic().run()"
+          :class="{ 'is-active': editor.isActive('italic') }"
+        >
+          Italic
+        </button>
+        <button
+          @click="editor.chain().focus().toggleStrike().run()"
+          :class="{ 'is-active': editor.isActive('strike') }"
+        >
+          Strike
+        </button>
+        <button
+          @click="editor.chain().focus().toggleCode().run()"
+          :class="{ 'is-active': editor.isActive('code') }"
+        >
+          Code
+        </button>
+        <button @click="editor.chain().focus().unsetAllMarks().run()">Clear marks</button>
+        <button @click="editor.chain().focus().clearNodes().run()">Clear nodes</button>
+        <button
+          @click="editor.chain().focus().setParagraph().run()"
+          :class="{ 'is-active': editor.isActive('paragraph') }"
+        >
+          Paragraph
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }"
+        >
+          H1
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }"
+        >
+          H2
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }"
+        >
+          H3
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 4 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 4 }) }"
+        >
+          H4
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 5 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 5 }) }"
+        >
+          H5
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 6 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 6 }) }"
+        >
+          H6
+        </button>
+        <button
+          @click="editor.chain().focus().toggleBulletList().run()"
+          :class="{ 'is-active': editor.isActive('bulletList') }"
+        >
+          Bullet list
+        </button>
+        <button
+          @click="editor.chain().focus().toggleOrderedList().run()"
+          :class="{ 'is-active': editor.isActive('orderedList') }"
+        >
+          Ordered list
+        </button>
+        <button
+          @click="editor.chain().focus().toggleCodeBlock().run()"
+          :class="{ 'is-active': editor.isActive('codeBlock') }"
+        >
+          Code block
+        </button>
+        <button
+          @click="editor.chain().focus().toggleBlockquote().run()"
+          :class="{ 'is-active': editor.isActive('blockquote') }"
+        >
+          Blockquote
+        </button>
+        <button @click="editor.chain().focus().setHorizontalRule().run()">Horizontal rule</button>
+        <button @click="editor.chain().focus().setHardBreak().run()">Hard break</button>
+        <button @click="editor.chain().focus().undo().run()">Undo</button>
+        <button @click="editor.chain().focus().redo().run()">Redo</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import { content } from '../content.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit],
+      content,
+      editorProps: {
+        attributes: {
+          spellcheck: 'false',
+        },
+      },
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Examples/CSSModules/React/index.html b/demos/src/Examples/CSSModules/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/CSSModules/React/index.jsx b/demos/src/Examples/CSSModules/React/index.jsx
new file mode 100644
index 0000000..20fbdb6
--- /dev/null
+++ b/demos/src/Examples/CSSModules/React/index.jsx
@@ -0,0 +1,179 @@
+import './styles.scss'
+
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import styles from './index.module.css'
+
+const menuBarStateSelector = ctx => ({
+  isBold: ctx.editor.isActive('bold') ?? false,
+  isItalic: ctx.editor.isActive('italic') ?? false,
+  isStrike: ctx.editor.isActive('strike') ?? false,
+  isCode: ctx.editor.isActive('code') ?? false,
+  isParagraph: ctx.editor.isActive('paragraph') ?? false,
+  isHeading1: ctx.editor.isActive('heading', { level: 1 }) ?? false,
+  isHeading2: ctx.editor.isActive('heading', { level: 2 }) ?? false,
+  isHeading3: ctx.editor.isActive('heading', { level: 3 }) ?? false,
+  isHeading4: ctx.editor.isActive('heading', { level: 4 }) ?? false,
+  isHeading5: ctx.editor.isActive('heading', { level: 5 }) ?? false,
+  isHeading6: ctx.editor.isActive('heading', { level: 6 }) ?? false,
+  isBulletList: ctx.editor.isActive('bulletList') ?? false,
+  isOrderedList: ctx.editor.isActive('orderedList') ?? false,
+  isCodeBlock: ctx.editor.isActive('codeBlock') ?? false,
+  isBlockquote: ctx.editor.isActive('blockquote') ?? false,
+})
+
+const MenuBar = ({ editor }) => {
+  const editorState = useEditorState({ editor, selector: menuBarStateSelector })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className={`toolbar ${styles.toolbar}`}>
+      <button
+        onClick={() => editor.chain().focus().toggleBold().run()}
+        className={editorState.isBold ? 'is-active' : ''}
+      >
+        Bold
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleItalic().run()}
+        className={editorState.isItalic ? 'is-active' : ''}
+      >
+        Italic
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleStrike().run()}
+        className={editorState.isStrike ? 'is-active' : ''}
+      >
+        Strike
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleCode().run()}
+        className={editorState.isCode ? 'is-active' : ''}
+      >
+        Code
+      </button>
+      <button onClick={() => editor.chain().focus().unsetAllMarks().run()}>Clear marks</button>
+      <button onClick={() => editor.chain().focus().clearNodes().run()}>Clear nodes</button>
+      <button
+        onClick={() => editor.chain().focus().setParagraph().run()}
+        className={editorState.isParagraph ? 'is-active' : ''}
+      >
+        Paragraph
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+        className={editorState.isHeading1 ? 'is-active' : ''}
+      >
+        H1
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+        className={editorState.isHeading2 ? 'is-active' : ''}
+      >
+        H2
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}
+        className={editorState.isHeading3 ? 'is-active' : ''}
+      >
+        H3
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleHeading({ level: 4 }).run()}
+        className={editorState.isHeading4 ? 'is-active' : ''}
+      >
+        H4
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleHeading({ level: 5 }).run()}
+        className={editorState.isHeading5 ? 'is-active' : ''}
+      >
+        H5
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleHeading({ level: 6 }).run()}
+        className={editorState.isHeading6 ? 'is-active' : ''}
+      >
+        H6
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleBulletList().run()}
+        className={editorState.isBulletList ? 'is-active' : ''}
+      >
+        Bullet list
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleOrderedList().run()}
+        className={editorState.isOrderedList ? 'is-active' : ''}
+      >
+        Ordered list
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleCodeBlock().run()}
+        className={editorState.isCodeBlock ? 'is-active' : ''}
+      >
+        Code block
+      </button>
+      <button
+        onClick={() => editor.chain().focus().toggleBlockquote().run()}
+        className={editorState.isBlockquote ? 'is-active' : ''}
+      >
+        Blockquote
+      </button>
+      <button onClick={() => editor.chain().focus().setHorizontalRule().run()}>
+        Horizontal rule
+      </button>
+      <button onClick={() => editor.chain().focus().setHardBreak().run()}>Hard break</button>
+      <button onClick={() => editor.chain().focus().undo().run()}>Undo</button>
+      <button onClick={() => editor.chain().focus().redo().run()}>Redo</button>
+    </div>
+  )
+}
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit],
+    content: `
+      <h2>
+        Hi there,
+      </h2>
+      <p>
+        this is a <em>basic</em> example of <strong>Tiptap</strong>. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:
+      </p>
+      <ul>
+        <li>
+          That’s a bullet list with one …
+        </li>
+        <li>
+          … or two list items.
+        </li>
+      </ul>
+      <p>
+        Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:
+      </p>
+      <pre><code class="language-css">body {
+  display: none;
+}</code></pre>
+      <p>
+        I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.
+      </p>
+      <blockquote>
+        Wow, that’s amazing. Good work, boy! 👏
+        <br />
+        — Mom
+      </blockquote>
+    `,
+  })
+
+  return (
+    <>
+      <MenuBar editor={editor} />
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/CSSModules/React/index.module.css b/demos/src/Examples/CSSModules/React/index.module.css
new file mode 100644
index 0000000..8936631
--- /dev/null
+++ b/demos/src/Examples/CSSModules/React/index.module.css
@@ -0,0 +1,4 @@
+.toolbar {
+  background-color: red;
+  padding: 16px;
+}
diff --git a/demos/src/Examples/CSSModules/React/styles.scss b/demos/src/Examples/CSSModules/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/Examples/CSSModules/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Examples/CSSModules/Vue/index.html b/demos/src/Examples/CSSModules/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/CSSModules/Vue/index.module.css b/demos/src/Examples/CSSModules/Vue/index.module.css
new file mode 100644
index 0000000..8936631
--- /dev/null
+++ b/demos/src/Examples/CSSModules/Vue/index.module.css
@@ -0,0 +1,4 @@
+.toolbar {
+  background-color: red;
+  padding: 16px;
+}
diff --git a/demos/src/Examples/CSSModules/Vue/index.vue b/demos/src/Examples/CSSModules/Vue/index.vue
new file mode 100644
index 0000000..2c56d02
--- /dev/null
+++ b/demos/src/Examples/CSSModules/Vue/index.vue
@@ -0,0 +1,255 @@
+<template>
+  <div v-if="editor" class="toolbar" :class="styles.toolbar">
+    <button
+      @click="editor.chain().focus().toggleBold().run()"
+      :class="{ 'is-active': editor.isActive('bold') }"
+    >
+      Bold
+    </button>
+    <button
+      @click="editor.chain().focus().toggleItalic().run()"
+      :class="{ 'is-active': editor.isActive('italic') }"
+    >
+      Italic
+    </button>
+    <button
+      @click="editor.chain().focus().toggleStrike().run()"
+      :class="{ 'is-active': editor.isActive('strike') }"
+    >
+      Strike
+    </button>
+    <button
+      @click="editor.chain().focus().toggleCode().run()"
+      :class="{ 'is-active': editor.isActive('code') }"
+    >
+      Code
+    </button>
+    <button @click="editor.chain().focus().unsetAllMarks().run()">Clear marks</button>
+    <button @click="editor.chain().focus().clearNodes().run()">Clear nodes</button>
+    <button
+      @click="editor.chain().focus().setParagraph().run()"
+      :class="{ 'is-active': editor.isActive('paragraph') }"
+    >
+      Paragraph
+    </button>
+    <button
+      @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
+      :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }"
+    >
+      H1
+    </button>
+    <button
+      @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
+      :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }"
+    >
+      H2
+    </button>
+    <button
+      @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
+      :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }"
+    >
+      H3
+    </button>
+    <button
+      @click="editor.chain().focus().toggleHeading({ level: 4 }).run()"
+      :class="{ 'is-active': editor.isActive('heading', { level: 4 }) }"
+    >
+      H4
+    </button>
+    <button
+      @click="editor.chain().focus().toggleHeading({ level: 5 }).run()"
+      :class="{ 'is-active': editor.isActive('heading', { level: 5 }) }"
+    >
+      H5
+    </button>
+    <button
+      @click="editor.chain().focus().toggleHeading({ level: 6 }).run()"
+      :class="{ 'is-active': editor.isActive('heading', { level: 6 }) }"
+    >
+      H6
+    </button>
+    <button
+      @click="editor.chain().focus().toggleBulletList().run()"
+      :class="{ 'is-active': editor.isActive('bulletList') }"
+    >
+      Bullet list
+    </button>
+    <button
+      @click="editor.chain().focus().toggleOrderedList().run()"
+      :class="{ 'is-active': editor.isActive('orderedList') }"
+    >
+      Ordered list
+    </button>
+    <button
+      @click="editor.chain().focus().toggleCodeBlock().run()"
+      :class="{ 'is-active': editor.isActive('codeBlock') }"
+    >
+      Code block
+    </button>
+    <button
+      @click="editor.chain().focus().toggleBlockquote().run()"
+      :class="{ 'is-active': editor.isActive('blockquote') }"
+    >
+      Blockquote
+    </button>
+    <button @click="editor.chain().focus().setHorizontalRule().run()">Horizontal rule</button>
+    <button @click="editor.chain().focus().setHardBreak().run()">Hard break</button>
+    <button @click="editor.chain().focus().undo().run()">Undo</button>
+    <button @click="editor.chain().focus().redo().run()">Redo</button>
+  </div>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import styles from './index.module.css'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      styles,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit],
+      content: `
+        <h1 class="test">
+          This is a red headline
+        </h1>
+        <p>
+          this is a <em>basic</em> example of <strong>Tiptap</strong>. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:
+        </p>
+        <ul>
+          <li>
+            That’s a bullet list with one …
+          </li>
+          <li>
+            … or two list items.
+          </li>
+        </ul>
+        <p>
+          Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:
+        </p>
+        <pre><code class="language-css">body {
+  display: none;
+}</code></pre>
+        <p>
+          I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.
+        </p>
+        <blockquote>
+          Wow, that’s amazing. Good work, boy! 👏
+          <br />
+          — Mom
+        </blockquote>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Examples/CSSModules/index.spec.ts b/demos/src/Examples/CSSModules/index.spec.ts
new file mode 100644
index 0000000..62f076e
--- /dev/null
+++ b/demos/src/Examples/CSSModules/index.spec.ts
@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test'
+
+const demoName = 'CSSModules'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('should apply the toolbar styles from the CSS module', async ({ page }) => {
+        const toolbar = page.locator('.toolbar')
+
+        await expect(toolbar).toBeVisible()
+        await expect(toolbar).toHaveCSS('background-color', 'rgb(255, 0, 0)')
+        await expect(toolbar).toHaveCSS('padding', '16px')
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/CodeBlockLanguage/React/CodeBlockComponent.jsx b/demos/src/Examples/CodeBlockLanguage/React/CodeBlockComponent.jsx
new file mode 100644
index 0000000..0b68a52
--- /dev/null
+++ b/demos/src/Examples/CodeBlockLanguage/React/CodeBlockComponent.jsx
@@ -0,0 +1,31 @@
+import './CodeBlockComponent.scss'
+
+import { NodeViewContent, NodeViewWrapper } from '@tiptap/react'
+import React from 'react'
+
+export default ({
+  node: {
+    attrs: { language: defaultLanguage },
+  },
+  updateAttributes,
+  extension,
+}) => (
+  <NodeViewWrapper className="code-block">
+    <select
+      contentEditable={false}
+      defaultValue={defaultLanguage}
+      onChange={event => updateAttributes({ language: event.target.value })}
+    >
+      <option value="null">auto</option>
+      <option disabled>—</option>
+      {extension.options.lowlight.listLanguages().map((lang, index) => (
+        <option key={index} value={lang}>
+          {lang}
+        </option>
+      ))}
+    </select>
+    <pre>
+      <NodeViewContent as="code" />
+    </pre>
+  </NodeViewWrapper>
+)
diff --git a/demos/src/Examples/CodeBlockLanguage/React/CodeBlockComponent.scss b/demos/src/Examples/CodeBlockLanguage/React/CodeBlockComponent.scss
new file mode 100644
index 0000000..d5f5ed3
--- /dev/null
+++ b/demos/src/Examples/CodeBlockLanguage/React/CodeBlockComponent.scss
@@ -0,0 +1,13 @@
+.tiptap {
+  .code-block {
+    position: relative;
+
+    select {
+      position: absolute;
+      background-color: var(--white);
+      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="Black" d="M7 10l5 5 5-5z"/></svg>');
+      right: 0.5rem;
+      top: 0.5rem;
+    }
+  }
+}
diff --git a/demos/src/Examples/CodeBlockLanguage/React/index.html b/demos/src/Examples/CodeBlockLanguage/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/CodeBlockLanguage/React/index.jsx b/demos/src/Examples/CodeBlockLanguage/React/index.jsx
new file mode 100644
index 0000000..5cb1b32
--- /dev/null
+++ b/demos/src/Examples/CodeBlockLanguage/React/index.jsx
@@ -0,0 +1,93 @@
+import './styles.scss'
+
+import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, ReactNodeViewRenderer, useEditor, useEditorState } from '@tiptap/react'
+import css from 'highlight.js/lib/languages/css'
+import js from 'highlight.js/lib/languages/javascript'
+import ts from 'highlight.js/lib/languages/typescript'
+import html from 'highlight.js/lib/languages/xml'
+// load all languages with "all" or common languages with "common"
+import { all, createLowlight } from 'lowlight'
+import React from 'react'
+
+// oxlint-disable-next-line
+import CodeBlockComponent from './CodeBlockComponent'
+
+// create a lowlight instance
+const lowlight = createLowlight(all)
+
+// you can also register individual languages
+lowlight.register('html', html)
+lowlight.register('css', css)
+lowlight.register('js', js)
+lowlight.register('ts', ts)
+
+const MenuBar = ({ editor }) => {
+  const { isCodeBlock } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isCodeBlock: ctx.editor.isActive('codeBlock') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className="control-group">
+      <div className="button-group">
+        <button
+          onClick={() => editor.chain().focus().toggleCodeBlock().run()}
+          className={isCodeBlock ? 'is-active' : ''}
+        >
+          Toggle code block
+        </button>
+      </div>
+    </div>
+  )
+}
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      CodeBlockLowlight.extend({
+        addNodeView() {
+          return ReactNodeViewRenderer(CodeBlockComponent)
+        },
+      }).configure({ lowlight }),
+    ],
+    content: `
+        <p>
+          That's a boring paragraph followed by a fenced code block:
+        </p>
+        <pre><code class="language-javascript">for (var i=1; i <= 20; i++)
+{
+  if (i % 15 == 0)
+    console.log("FizzBuzz");
+  else if (i % 3 == 0)
+    console.log("Fizz");
+  else if (i % 5 == 0)
+    console.log("Buzz");
+  else
+    console.log(i);
+}</code></pre>
+        <p>
+          Press Command/Ctrl + Enter to leave the fenced code block and continue typing in boring paragraphs.
+        </p>
+      `,
+  })
+
+  return (
+    <>
+      <MenuBar editor={editor} />
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/CodeBlockLanguage/React/styles.scss b/demos/src/Examples/CodeBlockLanguage/React/styles.scss
new file mode 100644
index 0000000..a848474
--- /dev/null
+++ b/demos/src/Examples/CodeBlockLanguage/React/styles.scss
@@ -0,0 +1,75 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+
+    /* Code styling */
+    .hljs-comment,
+    .hljs-quote {
+      color: #616161;
+    }
+
+    .hljs-variable,
+    .hljs-template-variable,
+    .hljs-attribute,
+    .hljs-tag,
+    .hljs-name,
+    .hljs-regexp,
+    .hljs-link,
+    .hljs-name,
+    .hljs-selector-id,
+    .hljs-selector-class {
+      color: #f98181;
+    }
+
+    .hljs-number,
+    .hljs-meta,
+    .hljs-built_in,
+    .hljs-builtin-name,
+    .hljs-literal,
+    .hljs-type,
+    .hljs-params {
+      color: #fbbc88;
+    }
+
+    .hljs-string,
+    .hljs-symbol,
+    .hljs-bullet {
+      color: #b9f18d;
+    }
+
+    .hljs-title,
+    .hljs-section {
+      color: #faf594;
+    }
+
+    .hljs-keyword,
+    .hljs-selector-tag {
+      color: #70cff8;
+    }
+
+    .hljs-emphasis {
+      font-style: italic;
+    }
+
+    .hljs-strong {
+      font-weight: 700;
+    }
+  }
+}
diff --git a/demos/src/Examples/CodeBlockLanguage/Vue/CodeBlockComponent.vue b/demos/src/Examples/CodeBlockLanguage/Vue/CodeBlockComponent.vue
new file mode 100644
index 0000000..d6d8f8f
--- /dev/null
+++ b/demos/src/Examples/CodeBlockLanguage/Vue/CodeBlockComponent.vue
@@ -0,0 +1,58 @@
+<template>
+  <node-view-wrapper class="code-block">
+    <select contenteditable="false" v-model="selectedLanguage">
+      <option :value="null">auto</option>
+      <option disabled>—</option>
+      <option v-for="(language, index) in languages" :value="language" :key="index">
+        {{ language }}
+      </option>
+    </select>
+    <pre><code><node-view-content /></code></pre>
+  </node-view-wrapper>
+</template>
+
+<script>
+import { NodeViewContent, nodeViewProps, NodeViewWrapper } from '@tiptap/vue'
+
+export default {
+  components: {
+    NodeViewWrapper,
+    NodeViewContent,
+  },
+
+  props: nodeViewProps,
+
+  data() {
+    return {
+      languages: this.extension.options.lowlight.listLanguages(),
+    }
+  },
+
+  computed: {
+    selectedLanguage: {
+      get() {
+        return this.node.attrs.language
+      },
+      set(language) {
+        this.updateAttributes({ language })
+      },
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+.tiptap {
+  .code-block {
+    position: relative;
+
+    select {
+      position: absolute;
+      background-color: var(--white);
+      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="Black" d="M7 10l5 5 5-5z"/></svg>');
+      right: 0.5rem;
+      top: 0.5rem;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/CodeBlockLanguage/Vue/index.html b/demos/src/Examples/CodeBlockLanguage/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/CodeBlockLanguage/Vue/index.vue b/demos/src/Examples/CodeBlockLanguage/Vue/index.vue
new file mode 100644
index 0000000..b90cf00
--- /dev/null
+++ b/demos/src/Examples/CodeBlockLanguage/Vue/index.vue
@@ -0,0 +1,168 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-">
+        <button
+          @click="editor.chain().focus().toggleCodeBlock().run()"
+          :class="{ 'is-active': editor.isActive('codeBlock') }"
+        >
+          Toggle code block
+        </button>
+      </div>
+    </div>
+  </div>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent, VueNodeViewRenderer } from '@tiptap/vue'
+import css from 'highlight.js/lib/languages/css'
+import js from 'highlight.js/lib/languages/javascript'
+import ts from 'highlight.js/lib/languages/typescript'
+import html from 'highlight.js/lib/languages/xml'
+// load all languages with "all" or common languages with "common"
+import { all, createLowlight } from 'lowlight'
+
+import CodeBlockComponent from './CodeBlockComponent.vue'
+
+// create a lowlight instance
+const lowlight = createLowlight(all)
+
+// you can also register languages
+lowlight.register('html', html)
+lowlight.register('css', css)
+lowlight.register('js', js)
+lowlight.register('ts', ts)
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        CodeBlockLowlight.extend({
+          addNodeView() {
+            return VueNodeViewRenderer(CodeBlockComponent)
+          },
+        }).configure({ lowlight }),
+      ],
+      content: `
+        <p>
+          That's a boring paragraph followed by a fenced code block:
+        </p>
+        <pre><code class="language-javascript">for (var i=1; i <= 20; i++)
+{
+  if (i % 15 == 0)
+    console.log("FizzBuzz");
+  else if (i % 3 == 0)
+    console.log("Fizz");
+  else if (i % 5 == 0)
+    console.log("Buzz");
+  else
+    console.log(i);
+}</code></pre>
+        <p>
+          Press Command/Ctrl + Enter to leave the fenced code block and continue typing in boring paragraphs.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+
+    /* Code styling */
+    .hljs-comment,
+    .hljs-quote {
+      color: #616161;
+    }
+
+    .hljs-variable,
+    .hljs-template-variable,
+    .hljs-attribute,
+    .hljs-tag,
+    .hljs-name,
+    .hljs-regexp,
+    .hljs-link,
+    .hljs-name,
+    .hljs-selector-id,
+    .hljs-selector-class {
+      color: #f98181;
+    }
+
+    .hljs-number,
+    .hljs-meta,
+    .hljs-built_in,
+    .hljs-builtin-name,
+    .hljs-literal,
+    .hljs-type,
+    .hljs-params {
+      color: #fbbc88;
+    }
+
+    .hljs-string,
+    .hljs-symbol,
+    .hljs-bullet {
+      color: #b9f18d;
+    }
+
+    .hljs-title,
+    .hljs-section {
+      color: #faf594;
+    }
+
+    .hljs-keyword,
+    .hljs-selector-tag {
+      color: #70cff8;
+    }
+
+    .hljs-emphasis {
+      font-style: italic;
+    }
+
+    .hljs-strong {
+      font-weight: 700;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/CollaborativeEditing/React/MenuBar.jsx b/demos/src/Examples/CollaborativeEditing/React/MenuBar.jsx
new file mode 100644
index 0000000..f3d3294
--- /dev/null
+++ b/demos/src/Examples/CollaborativeEditing/React/MenuBar.jsx
@@ -0,0 +1,155 @@
+import './MenuBar.scss'
+
+import { useEditorState } from '@tiptap/react'
+import React, { Fragment } from 'react'
+
+import MenuItem from './MenuItem.jsx'
+
+export default ({ editor }) => {
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => ({
+      isBold: ctx.editor.isActive('bold') ?? false,
+      isItalic: ctx.editor.isActive('italic') ?? false,
+      isStrike: ctx.editor.isActive('strike') ?? false,
+      isCode: ctx.editor.isActive('code') ?? false,
+      isHighlight: ctx.editor.isActive('highlight') ?? false,
+      isHeading1: ctx.editor.isActive('heading', { level: 1 }) ?? false,
+      isHeading2: ctx.editor.isActive('heading', { level: 2 }) ?? false,
+      isParagraph: ctx.editor.isActive('paragraph') ?? false,
+      isBulletList: ctx.editor.isActive('bulletList') ?? false,
+      isOrderedList: ctx.editor.isActive('orderedList') ?? false,
+      isTaskList: ctx.editor.isActive('taskList') ?? false,
+      isCodeBlock: ctx.editor.isActive('codeBlock') ?? false,
+      isBlockquote: ctx.editor.isActive('blockquote') ?? false,
+    }),
+  })
+
+  const items = [
+    {
+      icon: 'bold',
+      title: 'Bold',
+      action: () => editor.chain().focus().toggleBold().run(),
+      isActive: () => editorState.isBold,
+    },
+    {
+      icon: 'italic',
+      title: 'Italic',
+      action: () => editor.chain().focus().toggleItalic().run(),
+      isActive: () => editorState.isItalic,
+    },
+    {
+      icon: 'strikethrough',
+      title: 'Strike',
+      action: () => editor.chain().focus().toggleStrike().run(),
+      isActive: () => editorState.isStrike,
+    },
+    {
+      icon: 'code-view',
+      title: 'Code',
+      action: () => editor.chain().focus().toggleCode().run(),
+      isActive: () => editorState.isCode,
+    },
+    {
+      icon: 'mark-pen-line',
+      title: 'Highlight',
+      action: () => editor.chain().focus().toggleHighlight().run(),
+      isActive: () => editorState.isHighlight,
+    },
+    {
+      type: 'divider',
+    },
+    {
+      icon: 'h-1',
+      title: 'Heading 1',
+      action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+      isActive: () => editorState.isHeading1,
+    },
+    {
+      icon: 'h-2',
+      title: 'Heading 2',
+      action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+      isActive: () => editorState.isHeading2,
+    },
+    {
+      icon: 'paragraph',
+      title: 'Paragraph',
+      action: () => editor.chain().focus().setParagraph().run(),
+      isActive: () => editorState.isParagraph,
+    },
+    {
+      icon: 'list-unordered',
+      title: 'Bullet list',
+      action: () => editor.chain().focus().toggleBulletList().run(),
+      isActive: () => editorState.isBulletList,
+    },
+    {
+      icon: 'list-ordered',
+      title: 'Ordered list',
+      action: () => editor.chain().focus().toggleOrderedList().run(),
+      isActive: () => editorState.isOrderedList,
+    },
+    {
+      icon: 'list-check-2',
+      title: 'Task list',
+      action: () => editor.chain().focus().toggleTaskList().run(),
+      isActive: () => editorState.isTaskList,
+    },
+    {
+      icon: 'code-box-line',
+      title: 'Code block',
+      action: () => editor.chain().focus().toggleCodeBlock().run(),
+      isActive: () => editorState.isCodeBlock,
+    },
+    {
+      type: 'divider',
+    },
+    {
+      icon: 'double-quotes-l',
+      title: 'Blockquote',
+      action: () => editor.chain().focus().toggleBlockquote().run(),
+      isActive: () => editorState.isBlockquote,
+    },
+    {
+      icon: 'separator',
+      title: 'Horizontal rule',
+      action: () => editor.chain().focus().setHorizontalRule().run(),
+    },
+    {
+      type: 'divider',
+    },
+    {
+      icon: 'text-wrap',
+      title: 'Hard break',
+      action: () => editor.chain().focus().setHardBreak().run(),
+    },
+    {
+      icon: 'format-clear',
+      title: 'Clear format',
+      action: () => editor.chain().focus().clearNodes().unsetAllMarks().run(),
+    },
+    {
+      type: 'divider',
+    },
+    {
+      icon: 'arrow-go-back-line',
+      title: 'Undo',
+      action: () => editor.chain().focus().undo().run(),
+    },
+    {
+      icon: 'arrow-go-forward-line',
+      title: 'Redo',
+      action: () => editor.chain().focus().redo().run(),
+    },
+  ]
+
+  return (
+    <div className="editor__header">
+      {items.map((item, index) => (
+        <Fragment key={index}>
+          {item.type === 'divider' ? <div className="divider" /> : <MenuItem {...item} />}
+        </Fragment>
+      ))}
+    </div>
+  )
+}
diff --git a/demos/src/Examples/CollaborativeEditing/React/MenuBar.scss b/demos/src/Examples/CollaborativeEditing/React/MenuBar.scss
new file mode 100644
index 0000000..9f0833d
--- /dev/null
+++ b/demos/src/Examples/CollaborativeEditing/React/MenuBar.scss
@@ -0,0 +1,7 @@
+.divider {
+  background-color: rgba(#fff, 0.25);
+  height: 1.25rem;
+  margin-left: 0.5rem;
+  margin-right: 0.75rem;
+  width: 1px;
+}
diff --git a/demos/src/Examples/CollaborativeEditing/React/MenuItem.jsx b/demos/src/Examples/CollaborativeEditing/React/MenuItem.jsx
new file mode 100644
index 0000000..c9df642
--- /dev/null
+++ b/demos/src/Examples/CollaborativeEditing/React/MenuItem.jsx
@@ -0,0 +1,16 @@
+import './MenuItem.scss'
+
+import React from 'react'
+import remixiconUrl from 'remixicon/fonts/remixicon.symbol.svg'
+
+export default ({ icon, title, action, isActive = null }) => (
+  <button
+    className={`menu-item${isActive && isActive() ? ' is-active' : ''}`}
+    onClick={action}
+    title={title}
+  >
+    <svg className="remix">
+      <use xlinkHref={`${remixiconUrl}#ri-${icon}`} />
+    </svg>
+  </button>
+)
diff --git a/demos/src/Examples/CollaborativeEditing/React/MenuItem.scss b/demos/src/Examples/CollaborativeEditing/React/MenuItem.scss
new file mode 100644
index 0000000..c2e2e18
--- /dev/null
+++ b/demos/src/Examples/CollaborativeEditing/React/MenuItem.scss
@@ -0,0 +1,22 @@
+.menu-item {
+  background-color: transparent;
+  border: none;
+  border-radius: 0.4rem;
+  color: #fff;
+  cursor: pointer;
+  height: 1.75rem;
+  margin-right: 0.25rem;
+  padding: 0.25rem;
+  width: 1.75rem;
+
+  svg {
+    fill: currentColor;
+    height: 100%;
+    width: 100%;
+  }
+
+  &:hover,
+  &.is-active {
+    background-color: #303030;
+  }
+}
diff --git a/demos/src/Examples/CollaborativeEditing/React/index.html b/demos/src/Examples/CollaborativeEditing/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/CollaborativeEditing/React/index.jsx b/demos/src/Examples/CollaborativeEditing/React/index.jsx
new file mode 100644
index 0000000..9b69282
--- /dev/null
+++ b/demos/src/Examples/CollaborativeEditing/React/index.jsx
@@ -0,0 +1,155 @@
+import './styles.scss'
+
+import { TiptapCollabProvider } from '@hocuspocus/provider'
+import Collaboration from '@tiptap/extension-collaboration'
+import CollaborationCaret from '@tiptap/extension-collaboration-caret'
+import Highlight from '@tiptap/extension-highlight'
+import { TaskItem, TaskList } from '@tiptap/extension-list'
+import { CharacterCount } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useCallback, useEffect, useState } from 'react'
+import * as Y from 'yjs'
+
+import { variables } from '../../../variables.js'
+import MenuBar from './MenuBar.jsx'
+
+const colors = ['#958DF1', '#F98181', '#FBBC88', '#FAF594', '#70CFF8', '#94FADB', '#B9F18D']
+const names = [
+  'Lea Thompson',
+  'Cyndi Lauper',
+  'Tom Cruise',
+  'Madonna',
+  'Jerry Hall',
+  'Joan Collins',
+  'Winona Ryder',
+  'Christina Applegate',
+  'Alyssa Milano',
+  'Molly Ringwald',
+  'Ally Sheedy',
+  'Debbie Harry',
+  'Olivia Newton-John',
+  'Elton John',
+  'Michael J. Fox',
+  'Axl Rose',
+  'Emilio Estevez',
+  'Ralph Macchio',
+  'Rob Lowe',
+  'Jennifer Grey',
+  'Mickey Rourke',
+  'John Cusack',
+  'Matthew Broderick',
+  'Justine Bateman',
+  'Lisa Bonet',
+]
+
+const getRandomElement = list => list[Math.floor(Math.random() * list.length)]
+
+const getRandomRoom = () => {
+  const roomNumbers = variables.collabRooms?.trim()?.split(',') ?? [10, 11, 12]
+
+  return getRandomElement(roomNumbers.map(number => `rooms.${number}`))
+}
+const getRandomColor = () => getRandomElement(colors)
+const getRandomName = () => getRandomElement(names)
+
+const room = getRandomRoom()
+
+const ydoc = new Y.Doc()
+const websocketProvider = new TiptapCollabProvider({
+  appId: '7j9y6m10',
+  name: room,
+  document: ydoc,
+})
+
+const getInitialUser = () => {
+  return (
+    JSON.parse(localStorage.getItem('currentUser')) || {
+      name: getRandomName(),
+      color: getRandomColor(),
+    }
+  )
+}
+
+export default () => {
+  const [status, setStatus] = useState('connecting')
+  const [currentUser, setCurrentUser] = useState(getInitialUser)
+  const [userCount, setUserCount] = useState(0)
+
+  const editor = useEditor({
+    extensions: [
+      StarterKit.configure({
+        undoRedo: false,
+      }),
+      Highlight,
+      TaskList,
+      TaskItem,
+      CharacterCount.configure({
+        limit: 10000,
+      }),
+      Collaboration.configure({
+        document: ydoc,
+      }),
+      CollaborationCaret.configure({
+        provider: websocketProvider,
+      }),
+    ],
+  })
+
+  useEffect(() => {
+    // Update status changes
+    websocketProvider.on('status', event => {
+      setStatus(event.status)
+    })
+  }, [])
+
+  useEffect(() => {
+    if (!editor) {
+      return undefined
+    }
+
+    const updateUserCount = () => {
+      setUserCount(editor.storage.collaborationCaret.users.length)
+    }
+
+    updateUserCount()
+    websocketProvider.awareness.on('update', updateUserCount)
+
+    return () => {
+      websocketProvider.awareness.off('update', updateUserCount)
+    }
+  }, [editor])
+
+  // Save current user to localStorage and emit to editor
+  useEffect(() => {
+    if (editor && currentUser) {
+      localStorage.setItem('currentUser', JSON.stringify(currentUser))
+      editor.chain().focus().updateUser(currentUser).run()
+    }
+  }, [editor, currentUser])
+
+  const setName = useCallback(() => {
+    const name = (window.prompt('Name') || '').trim().substring(0, 32)
+
+    if (name) {
+      return setCurrentUser({ ...currentUser, name })
+    }
+  }, [currentUser])
+
+  return (
+    <div className="editor">
+      {editor && <MenuBar editor={editor} />}
+      <EditorContent className="editor__content" editor={editor} />
+      <div className="editor__footer">
+        <div className={`editor__status editor__status--${status}`}>
+          {status === 'connected'
+            ? `${userCount} user${userCount === 1 ? '' : 's'} online in ${room}`
+            : 'offline'}
+        </div>
+        <div className="editor__name">
+          <button onClick={setName}>{currentUser.name}</button>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/demos/src/Examples/CollaborativeEditing/React/styles.scss b/demos/src/Examples/CollaborativeEditing/React/styles.scss
new file mode 100644
index 0000000..0826ea8
--- /dev/null
+++ b/demos/src/Examples/CollaborativeEditing/React/styles.scss
@@ -0,0 +1,199 @@
+/* Basic editor styles */
+.tiptap {
+  > * + * {
+    margin-top: 0.75em;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+  }
+
+  code {
+    background-color: rgba(#616161, 0.1);
+    color: #616161;
+  }
+
+  pre {
+    background: #0d0d0d;
+    border-radius: 0.5rem;
+    color: #fff;
+    font-family: 'JetBrainsMono', monospace;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  mark {
+    background-color: #faf594;
+  }
+
+  img {
+    height: auto;
+    max-width: 100%;
+  }
+
+  hr {
+    margin: 1rem 0;
+  }
+
+  blockquote {
+    border-left: 2px solid rgba(#0d0d0d, 0.1);
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 2px solid rgba(#0d0d0d, 0.1);
+    margin: 2rem 0;
+  }
+
+  ul[data-type='taskList'] {
+    list-style: none;
+    padding: 0;
+
+    li {
+      align-items: center;
+      display: flex;
+
+      > label {
+        flex: 0 0 auto;
+        margin-right: 0.5rem;
+        user-select: none;
+      }
+
+      > div {
+        flex: 1 1 auto;
+      }
+    }
+  }
+}
+
+.editor {
+  background-color: #fff;
+  border: 3px solid #0d0d0d;
+  border-radius: 0.75rem;
+  color: #0d0d0d;
+  display: flex;
+  flex-direction: column;
+  max-height: 26rem;
+
+  &__header {
+    align-items: center;
+    background: #0d0d0d;
+    border-bottom: 3px solid #0d0d0d;
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+    display: flex;
+    flex: 0 0 auto;
+    flex-wrap: wrap;
+    padding: 0.25rem;
+  }
+
+  &__content {
+    flex: 1 1 auto;
+    overflow-x: hidden;
+    overflow-y: auto;
+    padding: 1.25rem 1rem;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &__footer {
+    align-items: center;
+    border-top: 3px solid #0d0d0d;
+    color: #0d0d0d;
+    display: flex;
+    flex: 0 0 auto;
+    font-size: 12px;
+    flex-wrap: wrap;
+    font-weight: 600;
+    justify-content: space-between;
+    padding: 0.25rem 0.75rem;
+    white-space: nowrap;
+  }
+
+  /* Some information about the status */
+  &__status {
+    align-items: center;
+    border-radius: 5px;
+    display: flex;
+
+    &::before {
+      background: rgba(#0d0d0d, 0.5);
+      border-radius: 50%;
+      content: ' ';
+      display: inline-block;
+      flex: 0 0 auto;
+      height: 0.5rem;
+      margin-right: 0.5rem;
+      width: 0.5rem;
+    }
+
+    &--connecting::before {
+      background: #616161;
+    }
+
+    &--connected::before {
+      background: #b9f18d;
+    }
+  }
+
+  &__name {
+    button {
+      background: none;
+      border: none;
+      border-radius: 0.4rem;
+      color: #0d0d0d;
+      font: inherit;
+      font-size: 12px;
+      font-weight: 600;
+      padding: 0.25rem 0.5rem;
+
+      &:hover {
+        background-color: #0d0d0d;
+        color: #fff;
+      }
+    }
+  }
+}
+
+/* Give a remote user a caret */
+.collaboration-carets__caret {
+  border-left: 1px solid #0d0d0d;
+  border-right: 1px solid #0d0d0d;
+  margin-left: -1px;
+  margin-right: -1px;
+  pointer-events: none;
+  position: relative;
+  word-break: normal;
+}
+
+/* Render the username above the caret */
+.collaboration-carets__label {
+  border-radius: 3px 3px 3px 0;
+  color: #0d0d0d;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  left: -1px;
+  line-height: normal;
+  padding: 0.1rem 0.3rem;
+  position: absolute;
+  top: -1.4em;
+  user-select: none;
+  white-space: nowrap;
+}
diff --git a/demos/src/Examples/CollaborativeEditing/Vue/MenuBar.vue b/demos/src/Examples/CollaborativeEditing/Vue/MenuBar.vue
new file mode 100644
index 0000000..b3c72f9
--- /dev/null
+++ b/demos/src/Examples/CollaborativeEditing/Vue/MenuBar.vue
@@ -0,0 +1,157 @@
+<template>
+  <div>
+    <template v-for="(item, index) in items">
+      <div class="divider" v-if="item.type === 'divider'" :key="`divider${index}`" />
+      <menu-item v-else :key="index" v-bind="item" />
+    </template>
+  </div>
+</template>
+
+<script>
+import MenuItem from './MenuItem.vue'
+
+export default {
+  components: {
+    MenuItem,
+  },
+
+  props: {
+    editor: {
+      type: Object,
+      required: true,
+    },
+  },
+
+  data() {
+    return {
+      items: [
+        {
+          icon: 'bold',
+          title: 'Bold',
+          action: () => this.editor.chain().focus().toggleBold().run(),
+          isActive: () => this.editor.isActive('bold'),
+        },
+        {
+          icon: 'italic',
+          title: 'Italic',
+          action: () => this.editor.chain().focus().toggleItalic().run(),
+          isActive: () => this.editor.isActive('italic'),
+        },
+        {
+          icon: 'strikethrough',
+          title: 'Strike',
+          action: () => this.editor.chain().focus().toggleStrike().run(),
+          isActive: () => this.editor.isActive('strike'),
+        },
+        {
+          icon: 'code-view',
+          title: 'Code',
+          action: () => this.editor.chain().focus().toggleCode().run(),
+          isActive: () => this.editor.isActive('code'),
+        },
+        {
+          icon: 'mark-pen-line',
+          title: 'Highlight',
+          action: () => this.editor.chain().focus().toggleHighlight().run(),
+          isActive: () => this.editor.isActive('highlight'),
+        },
+        {
+          type: 'divider',
+        },
+        {
+          icon: 'h-1',
+          title: 'Heading 1',
+          action: () => this.editor.chain().focus().toggleHeading({ level: 1 }).run(),
+          isActive: () => this.editor.isActive('heading', { level: 1 }),
+        },
+        {
+          icon: 'h-2',
+          title: 'Heading 2',
+          action: () => this.editor.chain().focus().toggleHeading({ level: 2 }).run(),
+          isActive: () => this.editor.isActive('heading', { level: 2 }),
+        },
+        {
+          icon: 'paragraph',
+          title: 'Paragraph',
+          action: () => this.editor.chain().focus().setParagraph().run(),
+          isActive: () => this.editor.isActive('paragraph'),
+        },
+        {
+          icon: 'list-unordered',
+          title: 'Bullet list',
+          action: () => this.editor.chain().focus().toggleBulletList().run(),
+          isActive: () => this.editor.isActive('bulletList'),
+        },
+        {
+          icon: 'list-ordered',
+          title: 'Ordered list',
+          action: () => this.editor.chain().focus().toggleOrderedList().run(),
+          isActive: () => this.editor.isActive('orderedList'),
+        },
+        {
+          icon: 'list-check-2',
+          title: 'Task list',
+          action: () => this.editor.chain().focus().toggleTaskList().run(),
+          isActive: () => this.editor.isActive('taskList'),
+        },
+        {
+          icon: 'code-box-line',
+          title: 'Code block',
+          action: () => this.editor.chain().focus().toggleCodeBlock().run(),
+          isActive: () => this.editor.isActive('codeBlock'),
+        },
+        {
+          type: 'divider',
+        },
+        {
+          icon: 'double-quotes-l',
+          title: 'Blockquote',
+          action: () => this.editor.chain().focus().toggleBlockquote().run(),
+          isActive: () => this.editor.isActive('blockquote'),
+        },
+        {
+          icon: 'separator',
+          title: 'Horizontal rule',
+          action: () => this.editor.chain().focus().setHorizontalRule().run(),
+        },
+        {
+          type: 'divider',
+        },
+        {
+          icon: 'text-wrap',
+          title: 'Hard break',
+          action: () => this.editor.chain().focus().setHardBreak().run(),
+        },
+        {
+          icon: 'format-clear',
+          title: 'Clear format',
+          action: () => this.editor.chain().focus().clearNodes().unsetAllMarks().run(),
+        },
+        {
+          type: 'divider',
+        },
+        {
+          icon: 'arrow-go-back-line',
+          title: 'Undo',
+          action: () => this.editor.chain().focus().undo().run(),
+        },
+        {
+          icon: 'arrow-go-forward-line',
+          title: 'Redo',
+          action: () => this.editor.chain().focus().redo().run(),
+        },
+      ],
+    }
+  },
+}
+</script>
+
+<style lang="scss">
+.divider {
+  background-color: rgba(#fff, 0.25);
+  height: 1.25rem;
+  margin-left: 0.5rem;
+  margin-right: 0.75rem;
+  width: 1px;
+}
+</style>
diff --git a/demos/src/Examples/CollaborativeEditing/Vue/MenuItem.vue b/demos/src/Examples/CollaborativeEditing/Vue/MenuItem.vue
new file mode 100644
index 0000000..e4bddf6
--- /dev/null
+++ b/demos/src/Examples/CollaborativeEditing/Vue/MenuItem.vue
@@ -0,0 +1,71 @@
+<template>
+  <button
+    class="menu-item"
+    :class="{ 'is-active': isActive ? isActive() : null }"
+    @click="action"
+    :title="title"
+  >
+    <svg class="remix">
+      <use :xlink:href="`${remixiconUrl}#ri-${icon}`" />
+    </svg>
+  </button>
+</template>
+
+<script>
+import remixiconUrl from 'remixicon/fonts/remixicon.symbol.svg'
+
+export default {
+  props: {
+    icon: {
+      type: String,
+      required: true,
+    },
+
+    title: {
+      type: String,
+      required: true,
+    },
+
+    action: {
+      type: Function,
+      required: true,
+    },
+
+    isActive: {
+      type: Function,
+      default: null,
+    },
+  },
+
+  data() {
+    return {
+      remixiconUrl,
+    }
+  },
+}
+</script>
+
+<style lang="scss">
+.menu-item {
+  background: transparent;
+  border: none;
+  border-radius: 0.4rem;
+  color: #fff;
+  cursor: pointer;
+  height: 1.75rem;
+  padding: 0.25rem;
+  margin-right: 0.25rem;
+  width: 1.75rem;
+
+  svg {
+    fill: currentColor;
+    height: 100%;
+    width: 100%;
+  }
+
+  &.is-active,
+  &:hover {
+    background-color: #303030;
+  }
+}
+</style>
diff --git a/demos/src/Examples/CollaborativeEditing/Vue/index.html b/demos/src/Examples/CollaborativeEditing/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/CollaborativeEditing/Vue/index.vue b/demos/src/Examples/CollaborativeEditing/Vue/index.vue
new file mode 100644
index 0000000..948d6da
--- /dev/null
+++ b/demos/src/Examples/CollaborativeEditing/Vue/index.vue
@@ -0,0 +1,372 @@
+<template>
+  <div class="editor" v-if="editor">
+    <menu-bar class="editor__header" :editor="editor" />
+    <editor-content class="editor__content" :editor="editor" />
+    <div class="editor__footer">
+      <div :class="`editor__status editor__status--${status}`">
+        <template v-if="status === 'connected'">
+          {{ editor.storage.collaborationCaret.users.length }} user{{
+            editor.storage.collaborationCaret.users.length === 1 ? '' : 's'
+          }}
+          online in {{ room }}
+        </template>
+        <template v-else> offline </template>
+      </div>
+      <div class="editor__name">
+        <button @click="setName">
+          {{ currentUser.name }}
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { TiptapCollabProvider } from '@hocuspocus/provider'
+import Collaboration from '@tiptap/extension-collaboration'
+import CollaborationCaret from '@tiptap/extension-collaboration-caret'
+import Highlight from '@tiptap/extension-highlight'
+import { TaskItem, TaskList } from '@tiptap/extension-list'
+import { CharacterCount } from '@tiptap/extensions'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+import * as Y from 'yjs'
+
+import { variables } from '../../../variables.js'
+import MenuBar from './MenuBar.vue'
+
+const getRandomElement = list => {
+  return list[Math.floor(Math.random() * list.length)]
+}
+
+const getRandomRoom = () => {
+  const roomNumbers = variables.collabRooms?.trim()?.split(',') ?? [10, 11, 12]
+
+  return getRandomElement(roomNumbers.map(number => `rooms.${number}`))
+}
+
+export default {
+  components: {
+    EditorContent,
+    MenuBar,
+  },
+
+  data() {
+    return {
+      currentUser: JSON.parse(localStorage.getItem('currentUser')) || {
+        name: this.getRandomName(),
+        color: this.getRandomColor(),
+      },
+      provider: null,
+      editor: null,
+      status: 'connecting',
+      room: getRandomRoom(),
+    }
+  },
+
+  mounted() {
+    const ydoc = new Y.Doc()
+
+    this.provider = new TiptapCollabProvider({
+      appId: '7j9y6m10',
+      name: this.room,
+      document: ydoc,
+    })
+
+    this.provider.on('status', event => {
+      this.status = event.status
+    })
+
+    this.editor = new Editor({
+      extensions: [
+        StarterKit.configure({
+          history: false,
+        }),
+        Highlight,
+        TaskList,
+        TaskItem,
+        Collaboration.configure({
+          document: ydoc,
+        }),
+        CollaborationCaret.configure({
+          provider: this.provider,
+          user: this.currentUser,
+        }),
+        CharacterCount.configure({
+          limit: 10000,
+        }),
+      ],
+    })
+
+    localStorage.setItem('currentUser', JSON.stringify(this.currentUser))
+  },
+
+  methods: {
+    setName() {
+      const name = (window.prompt('Name') || '').trim().substring(0, 32)
+
+      if (name) {
+        return this.updateCurrentUser({
+          name,
+        })
+      }
+    },
+
+    updateCurrentUser(attributes) {
+      this.currentUser = { ...this.currentUser, ...attributes }
+      this.editor.chain().focus().updateUser(this.currentUser).run()
+
+      localStorage.setItem('currentUser', JSON.stringify(this.currentUser))
+    },
+
+    getRandomColor() {
+      return getRandomElement([
+        '#958DF1',
+        '#F98181',
+        '#FBBC88',
+        '#FAF594',
+        '#70CFF8',
+        '#94FADB',
+        '#B9F18D',
+      ])
+    },
+
+    getRandomName() {
+      return getRandomElement([
+        'Lea Thompson',
+        'Cyndi Lauper',
+        'Tom Cruise',
+        'Madonna',
+        'Jerry Hall',
+        'Joan Collins',
+        'Winona Ryder',
+        'Christina Applegate',
+        'Alyssa Milano',
+        'Molly Ringwald',
+        'Ally Sheedy',
+        'Debbie Harry',
+        'Olivia Newton-John',
+        'Elton John',
+        'Michael J. Fox',
+        'Axl Rose',
+        'Emilio Estevez',
+        'Ralph Macchio',
+        'Rob Lowe',
+        'Jennifer Grey',
+        'Mickey Rourke',
+        'John Cusack',
+        'Matthew Broderick',
+        'Justine Bateman',
+        'Lisa Bonet',
+      ])
+    },
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+    this.provider.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+.editor {
+  background-color: #fff;
+  border: 3px solid #0d0d0d;
+  border-radius: 0.75rem;
+  color: #0d0d0d;
+  display: flex;
+  flex-direction: column;
+  max-height: 26rem;
+
+  &__header {
+    align-items: center;
+    background: #0d0d0d;
+    border-bottom: 3px solid #0d0d0d;
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+    display: flex;
+    flex: 0 0 auto;
+    flex-wrap: wrap;
+    padding: 0.25rem;
+  }
+
+  &__content {
+    flex: 1 1 auto;
+    overflow-x: hidden;
+    overflow-y: auto;
+    padding: 1.25rem 1rem;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &__footer {
+    align-items: center;
+    border-top: 3px solid #0d0d0d;
+    color: #0d0d0d;
+    display: flex;
+    flex: 0 0 auto;
+    flex-wrap: wrap;
+    font-size: 12px;
+    font-weight: 600;
+    justify-content: space-between;
+    padding: 0.25rem 0.75rem;
+    white-space: nowrap;
+  }
+
+  /* Some information about the status */
+  &__status {
+    align-items: center;
+    border-radius: 5px;
+    display: flex;
+
+    &::before {
+      background: rgba(#0d0d0d, 0.5);
+      border-radius: 50%;
+      content: ' ';
+      display: inline-block;
+      flex: 0 0 auto;
+      height: 0.5rem;
+      margin-right: 0.5rem;
+      width: 0.5rem;
+    }
+
+    &--connecting::before {
+      background: #616161;
+    }
+
+    &--connected::before {
+      background: #b9f18d;
+    }
+  }
+
+  &__name {
+    button {
+      background: none;
+      border: none;
+      border-radius: 0.4rem;
+      color: #0d0d0d;
+      font: inherit;
+      font-size: 12px;
+      font-weight: 600;
+      padding: 0.25rem 0.5rem;
+
+      &:hover {
+        background-color: #0d0d0d;
+        color: #fff;
+      }
+    }
+  }
+}
+
+/* Give a remote user a caret */
+.collaboration-carets__caret {
+  border-left: 1px solid #0d0d0d;
+  border-right: 1px solid #0d0d0d;
+  margin-left: -1px;
+  margin-right: -1px;
+  pointer-events: none;
+  position: relative;
+  word-break: normal;
+}
+
+/* Render the username above the caret */
+.collaboration-carets__label {
+  border-radius: 3px 3px 3px 0;
+  color: #0d0d0d;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  left: -1px;
+  line-height: normal;
+  padding: 0.1rem 0.3rem;
+  position: absolute;
+  top: -1.4em;
+  user-select: none;
+  white-space: nowrap;
+}
+
+/* Basic editor styles */
+.tiptap {
+  > * + * {
+    margin-top: 0.75em;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+  }
+
+  code {
+    background-color: rgba(#616161, 0.1);
+    color: #616161;
+  }
+
+  pre {
+    background: #0d0d0d;
+    border-radius: 0.5rem;
+    color: #fff;
+    font-family: 'JetBrainsMono', monospace;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  mark {
+    background-color: #faf594;
+  }
+
+  img {
+    height: auto;
+    max-width: 100%;
+  }
+
+  hr {
+    margin: 1rem 0;
+  }
+
+  blockquote {
+    border-left: 2px solid rgba(#0d0d0d, 0.1);
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 2px solid rgba(#0d0d0d, 0.1);
+    margin: 2rem 0;
+  }
+
+  ul[data-type='taskList'] {
+    list-style: none;
+    padding: 0;
+
+    li {
+      align-items: center;
+      display: flex;
+
+      > label {
+        flex: 0 0 auto;
+        margin-right: 0.5rem;
+        user-select: none;
+      }
+
+      > div {
+        flex: 1 1 auto;
+      }
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/Community/React/MentionList.jsx b/demos/src/Examples/Community/React/MentionList.jsx
new file mode 100644
index 0000000..4c81c19
--- /dev/null
+++ b/demos/src/Examples/Community/React/MentionList.jsx
@@ -0,0 +1,68 @@
+import './MentionList.scss'
+
+import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react'
+
+export const MentionList = forwardRef((props, ref) => {
+  const [selectedIndex, setSelectedIndex] = useState(0)
+
+  const selectItem = index => {
+    const item = props.items[index]
+
+    if (item) {
+      props.command({ id: item })
+    }
+  }
+
+  const upHandler = () => {
+    setSelectedIndex((selectedIndex + props.items.length - 1) % props.items.length)
+  }
+
+  const downHandler = () => {
+    setSelectedIndex((selectedIndex + 1) % props.items.length)
+  }
+
+  const enterHandler = () => {
+    selectItem(selectedIndex)
+  }
+
+  useEffect(() => setSelectedIndex(0), [props.items])
+
+  useImperativeHandle(ref, () => ({
+    onKeyDown: ({ event }) => {
+      if (event.key === 'ArrowUp') {
+        upHandler()
+        return true
+      }
+
+      if (event.key === 'ArrowDown') {
+        downHandler()
+        return true
+      }
+
+      if (event.key === 'Enter') {
+        enterHandler()
+        return true
+      }
+
+      return false
+    },
+  }))
+
+  return (
+    <div className="dropdown-menu">
+      {props.items.length ? (
+        props.items.map((item, index) => (
+          <button
+            className={index === selectedIndex ? 'is-selected' : ''}
+            key={index}
+            onClick={() => selectItem(index)}
+          >
+            {item}
+          </button>
+        ))
+      ) : (
+        <div className="item">No result</div>
+      )}
+    </div>
+  )
+})
diff --git a/demos/src/Examples/Community/React/MentionList.scss b/demos/src/Examples/Community/React/MentionList.scss
new file mode 100644
index 0000000..e9ee1ab
--- /dev/null
+++ b/demos/src/Examples/Community/React/MentionList.scss
@@ -0,0 +1,31 @@
+/* Dropdown menu */
+.dropdown-menu {
+  background: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  overflow: auto;
+  padding: 0.4rem;
+  position: relative;
+
+  button {
+    align-items: center;
+    background-color: transparent;
+    display: flex;
+    gap: 0.25rem;
+    text-align: left;
+    width: 100%;
+
+    &:hover,
+    &:hover.is-selected {
+      background-color: var(--gray-3);
+    }
+
+    &.is-selected {
+      background-color: var(--gray-2);
+    }
+  }
+}
diff --git a/demos/src/Examples/Community/React/index.html b/demos/src/Examples/Community/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Community/React/index.jsx b/demos/src/Examples/Community/React/index.jsx
new file mode 100644
index 0000000..d681f9b
--- /dev/null
+++ b/demos/src/Examples/Community/React/index.jsx
@@ -0,0 +1,80 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Mention from '@tiptap/extension-mention'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { CharacterCount } from '@tiptap/extensions'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+import suggestion from './suggestion.js'
+
+export default () => {
+  const limit = 280
+
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      CharacterCount.configure({
+        limit,
+      }),
+      Mention.configure({
+        HTMLAttributes: {
+          class: 'mention',
+        },
+        suggestion,
+      }),
+    ],
+    content: `
+      <p>
+        What do you all think about the new <span data-type="mention" data-id="Winona Ryder"></span> movie?
+      </p>
+    `,
+  })
+
+  const { characterCount } = useEditorState({
+    editor,
+    selector: ctx => {
+      if (!ctx.editor) {
+        return {
+          characterCount: 0,
+        }
+      }
+
+      return {
+        characterCount: ctx.editor.storage.characterCount.characters(),
+      }
+    },
+  })
+
+  const percentage = editor ? Math.round((100 / limit) * characterCount) : 0
+  const isAtLimit = characterCount === limit
+
+  return (
+    <>
+      <EditorContent editor={editor} />
+      {editor && (
+        <div className={`character-count ${isAtLimit ? 'character-count--warning' : ''}`}>
+          <svg height="20" width="20" viewBox="0 0 20 20">
+            <circle r="10" cx="10" cy="10" fill="#e9ecef" />
+            <circle
+              r="5"
+              cx="10"
+              cy="10"
+              fill="transparent"
+              stroke="currentColor"
+              strokeWidth="10"
+              strokeDasharray={`calc(${percentage} * 31.4 / 100) 31.4`}
+              transform="rotate(-90) translate(-20)"
+            />
+            <circle r="6" cx="10" cy="10" fill="white" />
+          </svg>
+          {characterCount} / {limit} characters
+        </div>
+      )}
+    </>
+  )
+}
diff --git a/demos/src/Examples/Community/React/styles.scss b/demos/src/Examples/Community/React/styles.scss
new file mode 100644
index 0000000..b16c1d7
--- /dev/null
+++ b/demos/src/Examples/Community/React/styles.scss
@@ -0,0 +1,33 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  .mention {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    color: var(--purple);
+    padding: 0.1rem 0.3rem;
+  }
+}
+
+/* Character count */
+.character-count {
+  align-items: center;
+  color: var(--gray-5);
+  display: flex;
+  font-size: 0.75rem;
+  gap: 0.5rem;
+  margin: 1.5rem;
+
+  svg {
+    color: var(--purple);
+  }
+
+  &--warning,
+  &--warning svg {
+    color: var(--red);
+  }
+}
diff --git a/demos/src/Examples/Community/React/suggestion.js b/demos/src/Examples/Community/React/suggestion.js
new file mode 100644
index 0000000..896631f
--- /dev/null
+++ b/demos/src/Examples/Community/React/suggestion.js
@@ -0,0 +1,104 @@
+import { computePosition, flip, shift } from '@floating-ui/dom'
+import { posToDOMRect, ReactRenderer } from '@tiptap/react'
+
+import { MentionList } from './MentionList.jsx'
+
+const updatePosition = (editor, element) => {
+  const virtualElement = {
+    getBoundingClientRect: () =>
+      posToDOMRect(editor.view, editor.state.selection.from, editor.state.selection.to),
+  }
+
+  computePosition(virtualElement, element, {
+    placement: 'bottom-start',
+    strategy: 'absolute',
+    middleware: [shift(), flip()],
+  }).then(({ x, y, strategy }) => {
+    element.style.width = 'max-content'
+    element.style.position = strategy
+    element.style.left = `${x}px`
+    element.style.top = `${y}px`
+  })
+}
+
+export default {
+  items: ({ query }) => {
+    return [
+      'Lea Thompson',
+      'Cyndi Lauper',
+      'Tom Cruise',
+      'Madonna',
+      'Jerry Hall',
+      'Joan Collins',
+      'Winona Ryder',
+      'Christina Applegate',
+      'Alyssa Milano',
+      'Molly Ringwald',
+      'Ally Sheedy',
+      'Debbie Harry',
+      'Olivia Newton-John',
+      'Elton John',
+      'Michael J. Fox',
+      'Axl Rose',
+      'Emilio Estevez',
+      'Ralph Macchio',
+      'Rob Lowe',
+      'Jennifer Grey',
+      'Mickey Rourke',
+      'John Cusack',
+      'Matthew Broderick',
+      'Justine Bateman',
+      'Lisa Bonet',
+    ]
+      .filter(item => item.toLowerCase().startsWith(query.toLowerCase()))
+      .slice(0, 5)
+  },
+
+  render: () => {
+    let reactRenderer
+
+    return {
+      onStart: props => {
+        if (!props.clientRect) {
+          return
+        }
+
+        reactRenderer = new ReactRenderer(MentionList, {
+          props,
+          editor: props.editor,
+        })
+
+        reactRenderer.element.style.position = 'absolute'
+
+        document.body.appendChild(reactRenderer.element)
+
+        updatePosition(props.editor, reactRenderer.element)
+      },
+
+      onUpdate(props) {
+        reactRenderer.updateProps(props)
+
+        if (!props.clientRect) {
+          return
+        }
+        updatePosition(props.editor, reactRenderer.element)
+      },
+
+      onKeyDown(props) {
+        if (props.event.key === 'Escape') {
+          reactRenderer.destroy()
+          reactRenderer.element.remove()
+
+          return true
+        }
+
+        return reactRenderer.ref?.onKeyDown(props)
+      },
+
+      onExit() {
+        reactRenderer.destroy()
+        reactRenderer.element.remove()
+      },
+    }
+  },
+}
diff --git a/demos/src/Examples/Community/Vue/MentionList.vue b/demos/src/Examples/Community/Vue/MentionList.vue
new file mode 100644
index 0000000..9b62c75
--- /dev/null
+++ b/demos/src/Examples/Community/Vue/MentionList.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="dropdown-menu">
+    <template v-if="items.length">
+      <button
+        :class="{ 'is-selected': index === selectedIndex }"
+        v-for="(item, index) in items"
+        :key="index"
+        @click="selectItem(index)"
+      >
+        {{ item }}
+      </button>
+    </template>
+    <div class="item" v-else>No result</div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    items: {
+      type: Array,
+      required: true,
+    },
+
+    command: {
+      type: Function,
+      required: true,
+    },
+  },
+
+  data() {
+    return {
+      selectedIndex: 0,
+    }
+  },
+
+  watch: {
+    items() {
+      this.selectedIndex = 0
+    },
+  },
+
+  methods: {
+    onKeyDown({ event }) {
+      if (event.key === 'ArrowUp') {
+        this.upHandler()
+        return true
+      }
+
+      if (event.key === 'ArrowDown') {
+        this.downHandler()
+        return true
+      }
+
+      if (event.key === 'Enter') {
+        this.enterHandler()
+        return true
+      }
+
+      return false
+    },
+
+    upHandler() {
+      this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length
+    },
+
+    downHandler() {
+      this.selectedIndex = (this.selectedIndex + 1) % this.items.length
+    },
+
+    enterHandler() {
+      this.selectItem(this.selectedIndex)
+    },
+
+    selectItem(index) {
+      const item = this.items[index]
+
+      if (item) {
+        this.command({ id: item })
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+/* Dropdown menu */
+.dropdown-menu {
+  background: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  overflow: auto;
+  padding: 0.4rem;
+  position: relative;
+
+  button {
+    align-items: center;
+    background-color: transparent;
+    display: flex;
+    gap: 0.25rem;
+    text-align: left;
+    width: 100%;
+
+    &:hover,
+    &:hover.is-selected {
+      background-color: var(--gray-3);
+    }
+
+    &.is-selected {
+      background-color: var(--gray-2);
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/Community/Vue/index.html b/demos/src/Examples/Community/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Community/Vue/index.vue b/demos/src/Examples/Community/Vue/index.vue
new file mode 100644
index 0000000..9afddb5
--- /dev/null
+++ b/demos/src/Examples/Community/Vue/index.vue
@@ -0,0 +1,122 @@
+<template>
+  <editor-content :editor="editor" />
+
+  <div
+    v-if="editor"
+    :class="{
+      'character-count': true,
+      'character-count--warning': editor.storage.characterCount.characters() === limit,
+    }"
+  >
+    <svg height="20" width="20" viewBox="0 0 20 20">
+      <circle r="10" cx="10" cy="10" fill="#e9ecef" />
+      <circle
+        r="5"
+        cx="10"
+        cy="10"
+        fill="transparent"
+        stroke="currentColor"
+        stroke-width="10"
+        :stroke-dasharray="`calc(${percentage} * 31.4 / 100) 31.4`"
+        transform="rotate(-90) translate(-20)"
+      />
+      <circle r="6" cx="10" cy="10" fill="white" />
+    </svg>
+
+    {{ editor.storage.characterCount.characters() }} / {{ limit }} characters
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Mention from '@tiptap/extension-mention'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { CharacterCount } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import suggestion from './suggestion.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      limit: 280,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        CharacterCount.configure({
+          limit: this.limit,
+        }),
+        Mention.configure({
+          HTMLAttributes: {
+            class: 'mention',
+          },
+          suggestion,
+        }),
+      ],
+      content: `
+        <p>
+          What do you all think about the new <span data-type="mention" data-id="Winona Ryder"></span> movie?
+        </p>
+      `,
+    })
+  },
+
+  computed: {
+    percentage() {
+      return Math.round((100 / this.limit) * this.editor.storage.characterCount.characters())
+    },
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  .mention {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    color: var(--purple);
+    padding: 0.1rem 0.3rem;
+  }
+}
+
+/* Character count */
+.character-count {
+  align-items: center;
+  color: var(--gray-5);
+  display: flex;
+  font-size: 0.75rem;
+  gap: 0.5rem;
+  margin: 1.5rem;
+
+  svg {
+    color: var(--purple);
+  }
+
+  &--warning,
+  &--warning svg {
+    color: var(--red);
+  }
+}
+</style>
diff --git a/demos/src/Examples/Community/Vue/suggestion.js b/demos/src/Examples/Community/Vue/suggestion.js
new file mode 100644
index 0000000..34748a6
--- /dev/null
+++ b/demos/src/Examples/Community/Vue/suggestion.js
@@ -0,0 +1,108 @@
+import { computePosition, flip, shift } from '@floating-ui/dom'
+import { posToDOMRect, VueRenderer } from '@tiptap/vue'
+
+import MentionList from './MentionList.vue'
+
+const updatePosition = (editor, element) => {
+  const virtualElement = {
+    getBoundingClientRect: () =>
+      posToDOMRect(editor.view, editor.state.selection.from, editor.state.selection.to),
+  }
+
+  computePosition(virtualElement, element, {
+    placement: 'bottom-start',
+    strategy: 'absolute',
+    middleware: [shift(), flip()],
+  }).then(({ x, y, strategy }) => {
+    element.style.width = 'max-content'
+    element.style.position = strategy
+    element.style.left = `${x}px`
+    element.style.top = `${y}px`
+  })
+}
+
+export default {
+  items: ({ query }) => {
+    return [
+      'Lea Thompson',
+      'Cyndi Lauper',
+      'Tom Cruise',
+      'Madonna',
+      'Jerry Hall',
+      'Joan Collins',
+      'Winona Ryder',
+      'Christina Applegate',
+      'Alyssa Milano',
+      'Molly Ringwald',
+      'Ally Sheedy',
+      'Debbie Harry',
+      'Olivia Newton-John',
+      'Elton John',
+      'Michael J. Fox',
+      'Axl Rose',
+      'Emilio Estevez',
+      'Ralph Macchio',
+      'Rob Lowe',
+      'Jennifer Grey',
+      'Mickey Rourke',
+      'John Cusack',
+      'Matthew Broderick',
+      'Justine Bateman',
+      'Lisa Bonet',
+    ]
+      .filter(item => item.toLowerCase().startsWith(query.toLowerCase()))
+      .slice(0, 5)
+  },
+
+  render: () => {
+    let component
+
+    return {
+      onStart: props => {
+        component = new VueRenderer(MentionList, {
+          // using vue 2:
+          // parent: this,
+          // propsData: props,
+          props,
+          editor: props.editor,
+        })
+
+        if (!props.clientRect) {
+          return
+        }
+
+        component.element.style.position = 'absolute'
+
+        document.body.appendChild(component.element)
+
+        updatePosition(props.editor, component.element)
+      },
+
+      onUpdate(props) {
+        component.updateProps(props)
+
+        if (!props.clientRect) {
+          return
+        }
+
+        updatePosition(props.editor, component.element)
+      },
+
+      onKeyDown(props) {
+        if (props.event.key === 'Escape') {
+          component.destroy()
+          component.element.remove()
+
+          return true
+        }
+
+        return component.ref?.onKeyDown(props)
+      },
+
+      onExit() {
+        component.destroy()
+        component.element.remove()
+      },
+    }
+  },
+}
diff --git a/demos/src/Examples/Community/index.spec.ts b/demos/src/Examples/Community/index.spec.ts
new file mode 100644
index 0000000..02b65bf
--- /dev/null
+++ b/demos/src/Examples/Community/index.spec.ts
@@ -0,0 +1,60 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Community'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await getEditor(page)
+      })
+
+      test('should count the characters correctly', async ({ page }) => {
+        await expect(page.locator('.character-count')).toContainText('44 / 280 characters')
+
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.evaluate((el: any) => el.editor.commands.focus('end'))
+        await page.keyboard.type(' Hello World')
+
+        await expect(page.locator('.character-count')).toContainText('56 / 280 characters')
+
+        await editor.evaluate((el: any) => {
+          el.editor.chain().focus().clearContent().run()
+        })
+        await page.keyboard.type('Hello World')
+
+        await expect(page.locator('.character-count')).toContainText('11 / 280 characters')
+      })
+
+      test('should mention a user', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.chain().focus().clearContent().run()
+        })
+        await editor.click()
+        await editor.type('@')
+
+        const dropdown = page.locator('.dropdown-menu')
+        await expect(dropdown).toBeVisible()
+
+        const firstButton = dropdown.locator('button').first()
+        const name = await firstButton.innerText()
+
+        await firstButton.click()
+
+        await expect(page.locator('.tiptap')).toHaveText(`@${name} `)
+        await expect(page.locator('.character-count')).toContainText('2 / 280 characters')
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/CustomDocument/React/index.html b/demos/src/Examples/CustomDocument/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/CustomDocument/React/index.jsx b/demos/src/Examples/CustomDocument/React/index.jsx
new file mode 100644
index 0000000..831924b
--- /dev/null
+++ b/demos/src/Examples/CustomDocument/React/index.jsx
@@ -0,0 +1,44 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import { Placeholder } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+const CustomDocument = Document.extend({
+  content: 'heading block*',
+})
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      CustomDocument,
+      StarterKit.configure({
+        document: false,
+        trailingNode: {
+          node: 'paragraph',
+        },
+      }),
+      Placeholder.configure({
+        placeholder: ({ node }) => {
+          if (node.type.name === 'heading') {
+            return 'What’s the title?'
+          }
+
+          return 'Can you add some further context?'
+        },
+      }),
+    ],
+    content: `
+      <h1>
+        It’ll always have a heading …
+      </h1>
+      <p>
+        … if you pass a custom document. That’s the beauty of having full control over the schema.
+      </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Examples/CustomDocument/React/styles.scss b/demos/src/Examples/CustomDocument/React/styles.scss
new file mode 100644
index 0000000..f9b943b
--- /dev/null
+++ b/demos/src/Examples/CustomDocument/React/styles.scss
@@ -0,0 +1,109 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Placeholder (at the top) */
+  /* p.is-editor-empty:first-child::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }*/
+
+  /* Placeholder (on every new line) */
+  .is-empty::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+}
diff --git a/demos/src/Examples/CustomDocument/Vue/index.html b/demos/src/Examples/CustomDocument/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/CustomDocument/Vue/index.vue b/demos/src/Examples/CustomDocument/Vue/index.vue
new file mode 100644
index 0000000..f698a86
--- /dev/null
+++ b/demos/src/Examples/CustomDocument/Vue/index.vue
@@ -0,0 +1,173 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import { Placeholder } from '@tiptap/extensions'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+const CustomDocument = Document.extend({
+  content: 'heading block*',
+})
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        CustomDocument,
+        StarterKit.configure({
+          document: false,
+          trailingNode: {
+            node: 'paragraph',
+          },
+        }),
+        Placeholder.configure({
+          placeholder: ({ node }) => {
+            if (node.type.name === 'heading') {
+              return 'What’s the title?'
+            }
+
+            return 'Can you add some further context?'
+          },
+        }),
+      ],
+      content: `
+        <h1>
+          It’ll always have a heading …
+        </h1>
+        <p>
+          … if you pass a custom document. That’s the beauty of having full control over the schema.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Placeholder (at the top) */
+  /* p.is-editor-empty:first-child::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }*/
+
+  /* Placeholder (on every new line) */
+  .is-empty::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+}
+</style>
diff --git a/demos/src/Examples/CustomDocument/index.spec.ts b/demos/src/Examples/CustomDocument/index.spec.ts
new file mode 100644
index 0000000..03ef6f8
--- /dev/null
+++ b/demos/src/Examples/CustomDocument/index.spec.ts
@@ -0,0 +1,87 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'CustomDocument'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('should have a working tiptap instance', async ({ page }) => {
+        const editor = await getEditor(page)
+        const hasEditor = await editor.evaluate((el: any) => !!el.editor)
+
+        expect(hasEditor).toBe(true)
+      })
+
+      test('should have a headline and a paragraph', async ({ page }) => {
+        await expect(page.locator('.tiptap h1')).toHaveText('It’ll always have a heading …')
+        await expect(page.locator('.tiptap p').first()).toHaveText(
+          '… if you pass a custom document. That’s the beauty of having full control over the schema.',
+        )
+      })
+
+      test('should have a tooltip for a paragraph on a new line', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.evaluate((el: any) => el.editor.commands.focus('end'))
+        await page.keyboard.press('Enter')
+
+        await expect(page.locator('.tiptap p[data-placeholder]').first()).toHaveAttribute(
+          'data-placeholder',
+          'Can you add some further context?',
+        )
+      })
+
+      test('should have a headline after clearing the document', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.chain().focus().clearContent().run()
+        })
+
+        await expect(page.locator('.tiptap h1[data-placeholder]')).toHaveAttribute(
+          'data-placeholder',
+          'What’s the title?',
+        )
+        await expect(page.locator('.tiptap h1[data-placeholder]')).toHaveAttribute(
+          'class',
+          'is-empty is-editor-empty',
+        )
+      })
+
+      test('should have a headline after clearing & enter paragraph automatically after adding a headline', async ({
+        page,
+      }) => {
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.chain().focus().clearContent().insertContent('Hello world').run()
+        })
+        await page.locator('.tiptap h1').click()
+        await page.keyboard.press('End')
+        await page.keyboard.press('Enter')
+
+        await expect(page.locator('.tiptap h1')).toHaveText('Hello world')
+        await expect(page.locator('.tiptap p[data-placeholder]').first()).toHaveAttribute(
+          'data-placeholder',
+          'Can you add some further context?',
+        )
+
+        await page.keyboard.type('This is a paragraph for this test document')
+        await expect(page.locator('.tiptap p').first()).toHaveText(
+          'This is a paragraph for this test document',
+        )
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/CustomParagraph/React/Paragraph.jsx b/demos/src/Examples/CustomParagraph/React/Paragraph.jsx
new file mode 100644
index 0000000..9d7af9c
--- /dev/null
+++ b/demos/src/Examples/CustomParagraph/React/Paragraph.jsx
@@ -0,0 +1,28 @@
+import { Paragraph as BaseParagraph } from '@tiptap/extension-paragraph'
+import { NodeViewContent, NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react'
+
+const ParagraphComponent = ({ node }) => {
+  return (
+    <NodeViewWrapper style={{ position: 'relative' }}>
+      <span
+        contentEditable={false}
+        className="label"
+        style={{
+          position: 'absolute',
+          right: '100%',
+          fontSize: '10px',
+          color: '#999',
+        }}
+      >
+        {node.textContent.length}
+      </span>
+      <NodeViewContent as="p" />
+    </NodeViewWrapper>
+  )
+}
+
+export const Paragraph = BaseParagraph.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(ParagraphComponent)
+  },
+})
diff --git a/demos/src/Examples/CustomParagraph/React/index.html b/demos/src/Examples/CustomParagraph/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/CustomParagraph/React/index.jsx b/demos/src/Examples/CustomParagraph/React/index.jsx
new file mode 100644
index 0000000..ed47ad1
--- /dev/null
+++ b/demos/src/Examples/CustomParagraph/React/index.jsx
@@ -0,0 +1,25 @@
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import { Paragraph } from './Paragraph.jsx'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit.configure({
+        paragraph: false,
+      }),
+      Paragraph,
+    ],
+    content: `
+    <p>
+      Each line shows the number of characters in the paragraph.
+    </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Examples/CustomParagraph/React/styles.scss b/demos/src/Examples/CustomParagraph/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/Examples/CustomParagraph/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Examples/CustomParagraph/Vue/Component.vue b/demos/src/Examples/CustomParagraph/Vue/Component.vue
new file mode 100644
index 0000000..6342113
--- /dev/null
+++ b/demos/src/Examples/CustomParagraph/Vue/Component.vue
@@ -0,0 +1,32 @@
+<template>
+  <node-view-wrapper class="vue-component">
+    <span contenteditable="false" class="label">{{ node.textContent.length }}</span>
+    <node-view-content as="p" />
+  </node-view-wrapper>
+</template>
+
+<script>
+import { NodeViewContent, nodeViewProps, NodeViewWrapper } from '@tiptap/vue'
+
+export default {
+  components: {
+    NodeViewWrapper,
+    NodeViewContent,
+  },
+
+  props: nodeViewProps,
+}
+</script>
+
+<style lang="scss">
+.vue-component {
+  position: relative;
+}
+
+.label {
+  position: absolute;
+  right: 100%;
+  font-size: 10px;
+  color: #999;
+}
+</style>
diff --git a/demos/src/Examples/CustomParagraph/Vue/Extension.js b/demos/src/Examples/CustomParagraph/Vue/Extension.js
new file mode 100644
index 0000000..867bbd6
--- /dev/null
+++ b/demos/src/Examples/CustomParagraph/Vue/Extension.js
@@ -0,0 +1,10 @@
+import { Paragraph as BaseParagraph } from '@tiptap/extension-paragraph'
+import { VueNodeViewRenderer } from '@tiptap/vue'
+
+import Component from './Component.vue'
+
+export default BaseParagraph.extend({
+  addNodeView() {
+    return VueNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/Examples/CustomParagraph/Vue/index.html b/demos/src/Examples/CustomParagraph/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/CustomParagraph/Vue/index.vue b/demos/src/Examples/CustomParagraph/Vue/index.vue
new file mode 100644
index 0000000..25366c4
--- /dev/null
+++ b/demos/src/Examples/CustomParagraph/Vue/index.vue
@@ -0,0 +1,55 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import Paragraph from './Extension.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit.configure({
+          paragraph: false,
+        }),
+        Paragraph,
+      ],
+      content: `
+      <p>
+        Each line shows the number of characters in the paragraph.
+      </p>
+      <p>
+        Hello, custom paragraph!
+      </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  > * + * {
+    margin-top: 0.75em;
+  }
+}
+</style>
+n
diff --git a/demos/src/Examples/CustomParagraph/index.spec.ts b/demos/src/Examples/CustomParagraph/index.spec.ts
new file mode 100644
index 0000000..106f72e
--- /dev/null
+++ b/demos/src/Examples/CustomParagraph/index.spec.ts
@@ -0,0 +1,33 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'CustomParagraph'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('updates the character-count label after pressing Enter', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.chain().focus().setContent('<p>First line</p>').run()
+        })
+        await editor.click()
+        await editor.press('End')
+        await editor.press('Enter')
+
+        await expect(page.locator('.tiptap p').nth(1)).toHaveText('')
+        await expect(page.locator('.tiptap .label').nth(1)).toHaveText('0')
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/DecorationComponents/React/Counter.tsx b/demos/src/Examples/DecorationComponents/React/Counter.tsx
new file mode 100644
index 0000000..f20e72e
--- /dev/null
+++ b/demos/src/Examples/DecorationComponents/React/Counter.tsx
@@ -0,0 +1,23 @@
+import type { ReactWidgetDecorationProps } from '@tiptap/react'
+import React, { useState } from 'react'
+
+interface CounterProps extends ReactWidgetDecorationProps {
+  index: number
+}
+
+/**
+ * A small interactive widget rendered into a ProseMirror widget decoration.
+ *
+ * It keeps its own `count` state. Because the widget is keyed by a stable id,
+ * editing the document reuses this exact component instance instead of
+ * remounting it — so the count survives while you type.
+ */
+export const Counter = ({ index }: CounterProps) => {
+  const [count, setCount] = useState(0)
+
+  return (
+    <button className="decoration-counter" onClick={() => setCount(value => value + 1)}>
+      ¶ {index + 1} · 👍 {count}
+    </button>
+  )
+}
diff --git a/demos/src/Examples/DecorationComponents/React/index.html b/demos/src/Examples/DecorationComponents/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/DecorationComponents/React/index.tsx b/demos/src/Examples/DecorationComponents/React/index.tsx
new file mode 100644
index 0000000..b2e25e3
--- /dev/null
+++ b/demos/src/Examples/DecorationComponents/React/index.tsx
@@ -0,0 +1,63 @@
+import '../styles.scss'
+
+import { Extension } from '@tiptap/core'
+import type { Decoration } from '@tiptap/core'
+import UniqueID from '@tiptap/extension-unique-id'
+import StarterKit from '@tiptap/starter-kit'
+import { EditorContent, ReactWidgetRenderer, useEditor } from '@tiptap/react'
+
+import { Counter } from './Counter.js'
+
+/** Renders a Counter widget at the end of every paragraph using ReactWidgetRenderer. */
+const ParagraphCounters = Extension.create({
+  name: 'paragraphCounters',
+
+  addDecorations() {
+    return {
+      create: ({ editor, state }) => {
+        const decorations: Decoration[] = []
+        let index = 0
+
+        state.doc.forEach((node, offset) => {
+          if (node.type.name !== 'paragraph') {
+            return
+          }
+
+          const currentIndex = index
+
+          decorations.push(
+            ReactWidgetRenderer(Counter, {
+              editor,
+              pos: offset + node.nodeSize - 1,
+              // uniqueID sets ids late, so id is null on the first render
+              key: `paragraph-counter-${node.attrs.id ?? `pos-${offset}`}`,
+              props: { index: currentIndex },
+              side: 1,
+            }),
+          )
+
+          index += 1
+        })
+
+        return decorations
+      },
+    }
+  },
+})
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit, UniqueID.configure({ types: ['paragraph'] }), ParagraphCounters],
+    content: `
+      <h2>Decoration components</h2>
+      <p>Each paragraph gets an interactive React widget. Click a counter, then type in this paragraph — the count survives because the widget instance is reused, not remounted.</p>
+      <p>This second paragraph has its own independent counter. Add or remove paragraphs to see the indexes update.</p>
+    `,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Examples/DecorationComponents/Vue/Counter.vue b/demos/src/Examples/DecorationComponents/Vue/Counter.vue
new file mode 100644
index 0000000..619144c
--- /dev/null
+++ b/demos/src/Examples/DecorationComponents/Vue/Counter.vue
@@ -0,0 +1,24 @@
+<template>
+  <button class="decoration-counter" @click="count += 1">¶ {{ index + 1 }} · 👍 {{ count }}</button>
+</template>
+
+<script>
+export default {
+  // editor / view / getPos are passed through as props by VueWidgetRenderer;
+  // we don't render them as attributes on the root element.
+  inheritAttrs: false,
+
+  props: {
+    index: {
+      type: Number,
+      default: 0,
+    },
+  },
+
+  data() {
+    return {
+      count: 0,
+    }
+  },
+}
+</script>
diff --git a/demos/src/Examples/DecorationComponents/Vue/index.html b/demos/src/Examples/DecorationComponents/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/DecorationComponents/Vue/index.vue b/demos/src/Examples/DecorationComponents/Vue/index.vue
new file mode 100644
index 0000000..ed18d8c
--- /dev/null
+++ b/demos/src/Examples/DecorationComponents/Vue/index.vue
@@ -0,0 +1,80 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import '../styles.scss'
+
+import { Extension } from '@tiptap/core'
+import UniqueID from '@tiptap/extension-unique-id'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent, VueWidgetRenderer } from '@tiptap/vue'
+
+import Counter from './Counter.vue'
+
+/** Renders a Counter widget at the end of every paragraph using VueWidgetRenderer. */
+const ParagraphCounters = Extension.create({
+  name: 'paragraphCounters',
+
+  addDecorations() {
+    return {
+      create: ({ editor, state }) => {
+        const decorations = []
+        let index = 0
+
+        state.doc.forEach((node, offset) => {
+          if (node.type.name !== 'paragraph') {
+            return
+          }
+
+          const currentIndex = index
+
+          decorations.push(
+            VueWidgetRenderer(Counter, {
+              editor,
+              pos: offset + node.nodeSize - 1,
+              // uniqueID sets ids late, so id is null on the first render
+              key: `paragraph-counter-${node.attrs.id ?? `pos-${offset}`}`,
+              props: { index: currentIndex },
+              side: 1,
+            }),
+          )
+
+          index += 1
+        })
+
+        return decorations
+      },
+    }
+  },
+})
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, UniqueID.configure({ types: ['paragraph'] }), ParagraphCounters],
+      content: `
+        <h2>Decoration components</h2>
+        <p>Each paragraph gets an interactive Vue widget. Click a counter, then type in this paragraph — the count survives because the widget instance is reused, not remounted.</p>
+        <p>This second paragraph has its own independent counter. Add or remove paragraphs to see the indexes update.</p>
+      `,
+    })
+  },
+
+  unmounted() {
+    this.editor.destroy()
+  },
+}
+</script>
diff --git a/demos/src/Examples/DecorationComponents/index.spec.ts b/demos/src/Examples/DecorationComponents/index.spec.ts
new file mode 100644
index 0000000..65489af
--- /dev/null
+++ b/demos/src/Examples/DecorationComponents/index.spec.ts
@@ -0,0 +1,130 @@
+import { expect, test } from '@playwright/test'
+
+import { focusEditorEnd, getEditor } from '../../../test/helpers.js'
+
+const demoName = 'DecorationComponents'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(frameworkPath, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('renders one counter per paragraph, indexed and starting at zero', async ({ page }) => {
+        const editor = await getEditor(page)
+        const counters = page.locator('.decoration-counter')
+
+        await expect(counters).toHaveCount(2)
+        await expect(counters).toHaveText(['¶ 1 · 👍 0', '¶ 2 · 👍 0'])
+
+        // The heading must stay undecorated, only paragraphs get a counter.
+        await expect(editor.locator('p .decoration-counter')).toHaveCount(2)
+        await expect(editor.locator('h2 .decoration-counter')).toHaveCount(0)
+      })
+
+      test('increments only the clicked counter', async ({ page }) => {
+        const counters = page.locator('.decoration-counter')
+
+        await expect(counters).toHaveCount(2)
+
+        await counters.nth(0).click()
+        await counters.nth(0).click()
+        await counters.nth(0).click()
+        await counters.nth(1).click()
+
+        await expect(counters).toHaveText(['¶ 1 · 👍 3', '¶ 2 · 👍 1'])
+      })
+
+      test('adds a counter with the next index for a new paragraph', async ({ page }) => {
+        const counters = page.locator('.decoration-counter')
+
+        await expect(counters).toHaveCount(2)
+
+        await focusEditorEnd(page)
+        await page.keyboard.press('Enter')
+        await page.keyboard.type('A third paragraph.')
+
+        await expect(counters).toHaveCount(3)
+        await expect(counters).toHaveText(['¶ 1 · 👍 0', '¶ 2 · 👍 0', '¶ 3 · 👍 0'])
+      })
+
+      test('keeps a widget mounted when its paragraph is edited and split', async ({ page }) => {
+        const editor = await getEditor(page)
+        const counters = page.locator('.decoration-counter')
+        const duplicateKeyWarnings: string[] = []
+
+        page.on('console', message => {
+          if (
+            message.type() === 'warning' &&
+            message.text().includes('Duplicate widget decoration key')
+          ) {
+            duplicateKeyWarnings.push(message.text())
+          }
+        })
+
+        await expect(counters).toHaveCount(2)
+
+        await counters.nth(0).click()
+        await expect(counters.nth(0)).toContainText('👍 1')
+
+        const firstParagraph = editor.locator('p').nth(0)
+        await firstParagraph.click()
+        await page.keyboard.press('End')
+        await page.keyboard.type(' edited')
+        await page.keyboard.press('Enter')
+
+        await expect(counters).toHaveCount(3)
+        await expect(counters.nth(0)).toContainText('¶ 1')
+        await expect(counters.nth(1)).toContainText('¶ 2')
+        await expect(counters.nth(2)).toContainText('¶ 3')
+        await expect(counters.filter({ hasText: '👍 1' })).toHaveCount(1)
+        expect(duplicateKeyWarnings).toEqual([])
+      })
+
+      test('keeps widget state independent between paragraphs', async ({ page }) => {
+        const counters = page.locator('.decoration-counter')
+
+        await expect(counters).toHaveCount(2)
+        await counters.nth(0).click()
+        await counters.nth(1).click()
+
+        await expect(counters.nth(0)).toContainText('👍 1')
+        await expect(counters.nth(1)).toContainText('👍 1')
+      })
+
+      test('removes widgets when their paragraphs are removed', async ({ page }) => {
+        const editor = await getEditor(page)
+        const counters = page.locator('.decoration-counter')
+
+        await expect(counters).toHaveCount(2)
+
+        await editor.evaluate((el: any) => {
+          el.editor.commands.setContent(
+            '<h2>Decoration components</h2><p>Only one paragraph remains.</p>',
+          )
+        })
+
+        await expect(counters).toHaveCount(1)
+        await expect(counters.first()).toContainText('¶ 1')
+      })
+
+      test('recreates widgets cleanly after navigation', async ({ page }) => {
+        const counters = page.locator('.decoration-counter')
+
+        await counters.first().click()
+        await expect(counters.first()).toContainText('👍 1')
+
+        await page.goto(`/src/Examples/Decorations/${frameworkPath}/`)
+        await page.goto(fullDemoPath)
+
+        await expect(page.locator('.decoration-counter')).toHaveCount(2)
+        await expect(page.locator('.decoration-counter').first()).toContainText('👍 0')
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/DecorationComponents/styles.scss b/demos/src/Examples/DecorationComponents/styles.scss
new file mode 100644
index 0000000..6d69363
--- /dev/null
+++ b/demos/src/Examples/DecorationComponents/styles.scss
@@ -0,0 +1,26 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+
+.decoration-counter {
+  background-color: var(--purple-light);
+  border: 1px solid var(--purple);
+  border-radius: 0.4rem;
+  color: var(--purple-contrast);
+  cursor: pointer;
+  font-size: 0.75rem;
+  line-height: 1;
+  margin-left: 0.4rem;
+  padding: 0.2rem 0.4rem;
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+
+  &:hover {
+    background-color: var(--purple);
+    color: var(--white);
+  }
+}
diff --git a/demos/src/Examples/Decorations/React/highlight-decorations.ts b/demos/src/Examples/Decorations/React/highlight-decorations.ts
new file mode 100644
index 0000000..fce0568
--- /dev/null
+++ b/demos/src/Examples/Decorations/React/highlight-decorations.ts
@@ -0,0 +1,103 @@
+import { Decoration, Extension } from '@tiptap/core'
+import type { Editor } from '@tiptap/core'
+import type { EditorState } from '@tiptap/pm/state'
+
+export interface HighlightDecorationsOptions {
+  /** The term to highlight. Change at runtime via `editor.storage.highlightDecorations.term`. */
+  term: string
+}
+
+export interface HighlightDecorationsStorage {
+  term: string
+}
+
+declare module '@tiptap/core' {
+  interface Storage {
+    highlightDecorations: HighlightDecorationsStorage
+  }
+}
+
+/** Demo extension showing inline, widget, and node decorations. */
+export const HighlightDecorations = Extension.create<
+  HighlightDecorationsOptions,
+  HighlightDecorationsStorage
+>({
+  name: 'highlightDecorations',
+
+  addOptions() {
+    return {
+      term: 'tiptap',
+    }
+  },
+
+  addStorage() {
+    return {
+      term: this.options.term,
+    }
+  },
+
+  addDecorations() {
+    // Scans [from, to] and returns decorations. `create` scans the whole doc,
+    // `createInRange` scans only the edited blocks.
+    const scan = (editor: Editor, state: EditorState, from: number, to: number) => {
+      const decorations: Decoration[] = []
+      const term = editor.storage.highlightDecorations.term.trim().toLowerCase()
+
+      state.doc.nodesBetween(from, to, (node, pos) => {
+        // node decoration: outline headings
+        if (node.type.name === 'heading') {
+          decorations.push(
+            Decoration.Node(pos, pos + node.nodeSize, { class: 'decoration-heading' }),
+          )
+        }
+
+        if (!term || !node.isText || !node.text) {
+          return
+        }
+
+        const text = node.text.toLowerCase()
+        let index = text.indexOf(term)
+
+        while (index !== -1) {
+          const matchFrom = pos + index
+          const matchTo = matchFrom + term.length
+
+          // inline decoration: highlight the match
+          decorations.push(Decoration.Inline(matchFrom, matchTo, { class: 'decoration-highlight' }))
+
+          // widget decoration: a star marker before each match.
+          // Position-based key is fine here because the widget is stateless.
+          // For stateful widgets, use a stable domain key like `comment-${id}`.
+          decorations.push(
+            Decoration.Widget(
+              matchFrom,
+              () => {
+                const marker = document.createElement('span')
+
+                marker.className = 'decoration-marker'
+                marker.ariaHidden = 'true'
+                marker.textContent = '★'
+
+                return marker
+              },
+              { key: `highlight-marker-${matchFrom}`, side: -1 },
+            ),
+          )
+
+          index = text.indexOf(term, index + term.length)
+        }
+      })
+
+      return decorations
+    }
+
+    return {
+      // Only rescan changed blocks on edits; force full rebuild on term change.
+      update: 'changedRanges',
+
+      create: ({ editor, state }) => scan(editor, state, 0, state.doc.content.size),
+
+      createInRange: ({ editor, state, from, to }) => scan(editor, state, from, to),
+    }
+  },
+})
diff --git a/demos/src/Examples/Decorations/React/index.html b/demos/src/Examples/Decorations/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Decorations/React/index.tsx b/demos/src/Examples/Decorations/React/index.tsx
new file mode 100644
index 0000000..ba861a2
--- /dev/null
+++ b/demos/src/Examples/Decorations/React/index.tsx
@@ -0,0 +1,63 @@
+import './styles.scss'
+
+import StarterKit from '@tiptap/starter-kit'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React, { useState } from 'react'
+
+import { HighlightDecorations } from './highlight-decorations.js'
+
+const initialTerm = 'tiptap'
+
+export default () => {
+  const [term, setTerm] = useState(initialTerm)
+
+  const editor = useEditor({
+    extensions: [StarterKit, HighlightDecorations.configure({ term: initialTerm })],
+    content: `
+      <h2>The Decorations API</h2>
+      <p>
+        With the new Decorations API, an extension can declare its decorations the
+        same way it declares commands or keymaps. This Tiptap demo highlights every
+        occurrence of a search term using an <strong>inline</strong> decoration, adds
+        a <strong>widget</strong> marker before each match, and outlines headings with
+        a <strong>node</strong> decoration.
+      </p>
+      <h2>Try it out</h2>
+      <p>
+        Change the search term below. Tiptap forces a recompute with
+        <code>updateDecorations</code>. Editing the document rescans only the
+        changed blocks because this extension uses <code>update: 'changedRanges'</code>.
+      </p>
+    `,
+  })
+
+  const handleTermChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const value = event.target.value
+
+    setTerm(value)
+
+    if (editor) {
+      editor.storage.highlightDecorations.term = value
+      editor.commands.updateDecorations('highlightDecorations')
+    }
+  }
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <label>
+            Highlight term:{' '}
+            <input type="text" value={term} onChange={handleTermChange} placeholder="Search term" />
+          </label>
+          <button onClick={() => editor.commands.updateDecorations()}>Re-apply</button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/Decorations/React/styles.scss b/demos/src/Examples/Decorations/React/styles.scss
new file mode 100644
index 0000000..273d78c
--- /dev/null
+++ b/demos/src/Examples/Decorations/React/styles.scss
@@ -0,0 +1,30 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* inline decoration */
+  .decoration-highlight {
+    background-color: var(--yellow);
+    border-radius: 0.2rem;
+    box-decoration-break: clone;
+    padding: 0.1rem 0;
+  }
+
+  /* widget decoration */
+  .decoration-marker {
+    color: var(--yellow-contrast);
+    font-size: 0.8em;
+    margin-right: 0.1rem;
+    vertical-align: super;
+  }
+
+  /* node decoration */
+  .decoration-heading {
+    background-color: var(--purple-light);
+    border-left: 3px solid var(--purple);
+    border-radius: 0.2rem;
+    padding-left: 0.4rem;
+  }
+}
diff --git a/demos/src/Examples/Decorations/Vue/highlight-decorations.ts b/demos/src/Examples/Decorations/Vue/highlight-decorations.ts
new file mode 100644
index 0000000..fce0568
--- /dev/null
+++ b/demos/src/Examples/Decorations/Vue/highlight-decorations.ts
@@ -0,0 +1,103 @@
+import { Decoration, Extension } from '@tiptap/core'
+import type { Editor } from '@tiptap/core'
+import type { EditorState } from '@tiptap/pm/state'
+
+export interface HighlightDecorationsOptions {
+  /** The term to highlight. Change at runtime via `editor.storage.highlightDecorations.term`. */
+  term: string
+}
+
+export interface HighlightDecorationsStorage {
+  term: string
+}
+
+declare module '@tiptap/core' {
+  interface Storage {
+    highlightDecorations: HighlightDecorationsStorage
+  }
+}
+
+/** Demo extension showing inline, widget, and node decorations. */
+export const HighlightDecorations = Extension.create<
+  HighlightDecorationsOptions,
+  HighlightDecorationsStorage
+>({
+  name: 'highlightDecorations',
+
+  addOptions() {
+    return {
+      term: 'tiptap',
+    }
+  },
+
+  addStorage() {
+    return {
+      term: this.options.term,
+    }
+  },
+
+  addDecorations() {
+    // Scans [from, to] and returns decorations. `create` scans the whole doc,
+    // `createInRange` scans only the edited blocks.
+    const scan = (editor: Editor, state: EditorState, from: number, to: number) => {
+      const decorations: Decoration[] = []
+      const term = editor.storage.highlightDecorations.term.trim().toLowerCase()
+
+      state.doc.nodesBetween(from, to, (node, pos) => {
+        // node decoration: outline headings
+        if (node.type.name === 'heading') {
+          decorations.push(
+            Decoration.Node(pos, pos + node.nodeSize, { class: 'decoration-heading' }),
+          )
+        }
+
+        if (!term || !node.isText || !node.text) {
+          return
+        }
+
+        const text = node.text.toLowerCase()
+        let index = text.indexOf(term)
+
+        while (index !== -1) {
+          const matchFrom = pos + index
+          const matchTo = matchFrom + term.length
+
+          // inline decoration: highlight the match
+          decorations.push(Decoration.Inline(matchFrom, matchTo, { class: 'decoration-highlight' }))
+
+          // widget decoration: a star marker before each match.
+          // Position-based key is fine here because the widget is stateless.
+          // For stateful widgets, use a stable domain key like `comment-${id}`.
+          decorations.push(
+            Decoration.Widget(
+              matchFrom,
+              () => {
+                const marker = document.createElement('span')
+
+                marker.className = 'decoration-marker'
+                marker.ariaHidden = 'true'
+                marker.textContent = '★'
+
+                return marker
+              },
+              { key: `highlight-marker-${matchFrom}`, side: -1 },
+            ),
+          )
+
+          index = text.indexOf(term, index + term.length)
+        }
+      })
+
+      return decorations
+    }
+
+    return {
+      // Only rescan changed blocks on edits; force full rebuild on term change.
+      update: 'changedRanges',
+
+      create: ({ editor, state }) => scan(editor, state, 0, state.doc.content.size),
+
+      createInRange: ({ editor, state, from, to }) => scan(editor, state, from, to),
+    }
+  },
+})
diff --git a/demos/src/Examples/Decorations/Vue/index.html b/demos/src/Examples/Decorations/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Decorations/Vue/index.vue b/demos/src/Examples/Decorations/Vue/index.vue
new file mode 100644
index 0000000..c7abdf3
--- /dev/null
+++ b/demos/src/Examples/Decorations/Vue/index.vue
@@ -0,0 +1,72 @@
+<template>
+  <div v-if="editor">
+    <div class="control-group">
+      <div class="button-group">
+        <label>
+          Highlight term:
+          <input type="text" :value="term" placeholder="Search term" @input="onTermChange" />
+        </label>
+        <button @click="editor.commands.updateDecorations()">Re-apply</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import './styles.scss'
+
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import { HighlightDecorations } from './highlight-decorations.ts'
+
+const initialTerm = 'tiptap'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      term: initialTerm,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, HighlightDecorations.configure({ term: initialTerm })],
+      content: `
+        <h2>The Decorations API</h2>
+        <p>
+          With the new Decorations API, an extension can declare its decorations the
+          same way it declares commands or keymaps. This Tiptap demo highlights every
+          occurrence of a search term using an <strong>inline</strong> decoration, adds
+          a <strong>widget</strong> marker before each match, and outlines headings with
+          a <strong>node</strong> decoration.
+        </p>
+        <h2>Try it out</h2>
+        <p>
+          Change the search term below. Tiptap forces a recompute with
+          <code>updateDecorations</code>. Editing the document rescans only the
+          changed blocks because this extension uses <code>update: 'changedRanges'</code>.
+        </p>
+      `,
+    })
+  },
+
+  unmounted() {
+    this.editor.destroy()
+  },
+
+  methods: {
+    onTermChange(event) {
+      this.term = event.target.value
+      this.editor.storage.highlightDecorations.term = this.term
+      this.editor.commands.updateDecorations('highlightDecorations')
+    },
+  },
+}
+</script>
diff --git a/demos/src/Examples/Decorations/Vue/styles.scss b/demos/src/Examples/Decorations/Vue/styles.scss
new file mode 100644
index 0000000..273d78c
--- /dev/null
+++ b/demos/src/Examples/Decorations/Vue/styles.scss
@@ -0,0 +1,30 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* inline decoration */
+  .decoration-highlight {
+    background-color: var(--yellow);
+    border-radius: 0.2rem;
+    box-decoration-break: clone;
+    padding: 0.1rem 0;
+  }
+
+  /* widget decoration */
+  .decoration-marker {
+    color: var(--yellow-contrast);
+    font-size: 0.8em;
+    margin-right: 0.1rem;
+    vertical-align: super;
+  }
+
+  /* node decoration */
+  .decoration-heading {
+    background-color: var(--purple-light);
+    border-left: 3px solid var(--purple);
+    border-radius: 0.2rem;
+    padding-left: 0.4rem;
+  }
+}
diff --git a/demos/src/Examples/Decorations/index.spec.ts b/demos/src/Examples/Decorations/index.spec.ts
new file mode 100644
index 0000000..6ef3a1d
--- /dev/null
+++ b/demos/src/Examples/Decorations/index.spec.ts
@@ -0,0 +1,73 @@
+import { expect, test } from '@playwright/test'
+
+import { focusEditorEnd, getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Decorations'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(frameworkPath, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('renders inline, widget and node decorations for the initial term', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await expect(editor.locator('.decoration-highlight')).toHaveCount(2)
+        await expect(editor.locator('.decoration-marker')).toHaveCount(2)
+
+        for (const highlight of await editor.locator('.decoration-highlight').all()) {
+          await expect(highlight).toHaveText(/tiptap/i)
+        }
+
+        await expect(editor.locator('h2')).toHaveCount(2)
+        await expect(editor.locator('h2.decoration-heading')).toHaveCount(2)
+      })
+
+      test('updates the highlights when the search term changes', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await page.getByPlaceholder('Search term').fill('keymaps')
+
+        await expect(editor.locator('.decoration-highlight')).toHaveCount(1)
+        await expect(editor.locator('.decoration-highlight')).toHaveText('keymaps')
+        await expect(editor.locator('.decoration-marker')).toHaveCount(1)
+
+        await page.getByPlaceholder('Search term').fill('')
+
+        await expect(editor.locator('.decoration-highlight')).toHaveCount(0)
+        await expect(editor.locator('.decoration-marker')).toHaveCount(0)
+        await expect(editor.locator('h2.decoration-heading')).toHaveCount(2)
+      })
+
+      test('maps and renders decorations for content typed by the user', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await focusEditorEnd(page)
+        await page.keyboard.type(' Tiptap rocks.')
+
+        await expect(editor.locator('.decoration-highlight')).toHaveCount(3)
+        await expect(editor.locator('.decoration-marker')).toHaveCount(3)
+        await expect(editor.locator('.decoration-highlight').last()).toHaveText('Tiptap')
+        await expect(editor.locator('p').last()).toContainText('Tiptap rocks.')
+      })
+
+      test('decorates a heading added by the user', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await focusEditorEnd(page)
+        await page.keyboard.press('Enter')
+        await page.keyboard.type('## Fresh heading')
+
+        await expect(editor.locator('h2')).toHaveCount(3)
+        await expect(editor.locator('h2.decoration-heading')).toHaveCount(3)
+        await expect(editor.locator('h2.decoration-heading').last()).toHaveText('Fresh heading')
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/Default/React/MenuBar.tsx b/demos/src/Examples/Default/React/MenuBar.tsx
new file mode 100644
index 0000000..df91ebd
--- /dev/null
+++ b/demos/src/Examples/Default/React/MenuBar.tsx
@@ -0,0 +1,129 @@
+import type { Editor } from '@tiptap/core'
+import { useEditorState } from '@tiptap/react'
+import React from 'react'
+
+import { menuBarStateSelector } from './menuBarState.js'
+
+export const MenuBar = ({ editor }: { editor: Editor | null }) => {
+  const editorState = useEditorState({
+    editor,
+    selector: menuBarStateSelector,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className="control-group">
+      <div className="button-group">
+        <button
+          onClick={() => editor.chain().focus().toggleBold().run()}
+          disabled={!editorState.canBold}
+          className={editorState.isBold ? 'is-active' : ''}
+        >
+          Bold
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleItalic().run()}
+          disabled={!editorState.canItalic}
+          className={editorState.isItalic ? 'is-active' : ''}
+        >
+          Italic
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleStrike().run()}
+          disabled={!editorState.canStrike}
+          className={editorState.isStrike ? 'is-active' : ''}
+        >
+          Strike
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleCode().run()}
+          disabled={!editorState.canCode}
+          className={editorState.isCode ? 'is-active' : ''}
+        >
+          Code
+        </button>
+        <button onClick={() => editor.chain().focus().unsetAllMarks().run()}>Clear marks</button>
+        <button onClick={() => editor.chain().focus().clearNodes().run()}>Clear nodes</button>
+        <button
+          onClick={() => editor.chain().focus().setParagraph().run()}
+          className={editorState.isParagraph ? 'is-active' : ''}
+        >
+          Paragraph
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+          className={editorState.isHeading1 ? 'is-active' : ''}
+        >
+          H1
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+          className={editorState.isHeading2 ? 'is-active' : ''}
+        >
+          H2
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}
+          className={editorState.isHeading3 ? 'is-active' : ''}
+        >
+          H3
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 4 }).run()}
+          className={editorState.isHeading4 ? 'is-active' : ''}
+        >
+          H4
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 5 }).run()}
+          className={editorState.isHeading5 ? 'is-active' : ''}
+        >
+          H5
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 6 }).run()}
+          className={editorState.isHeading6 ? 'is-active' : ''}
+        >
+          H6
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleBulletList().run()}
+          className={editorState.isBulletList ? 'is-active' : ''}
+        >
+          Bullet list
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleOrderedList().run()}
+          className={editorState.isOrderedList ? 'is-active' : ''}
+        >
+          Ordered list
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleCodeBlock().run()}
+          className={editorState.isCodeBlock ? 'is-active' : ''}
+        >
+          Code block
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleBlockquote().run()}
+          className={editorState.isBlockquote ? 'is-active' : ''}
+        >
+          Blockquote
+        </button>
+        <button onClick={() => editor.chain().focus().setHorizontalRule().run()}>
+          Horizontal rule
+        </button>
+        <button onClick={() => editor.chain().focus().setHardBreak().run()}>Hard break</button>
+        <button onClick={() => editor.chain().focus().undo().run()} disabled={!editorState.canUndo}>
+          Undo
+        </button>
+        <button onClick={() => editor.chain().focus().redo().run()} disabled={!editorState.canRedo}>
+          Redo
+        </button>
+      </div>
+    </div>
+  )
+}
diff --git a/demos/src/Examples/Default/React/index.html b/demos/src/Examples/Default/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Default/React/index.tsx b/demos/src/Examples/Default/React/index.tsx
new file mode 100644
index 0000000..cd12981
--- /dev/null
+++ b/demos/src/Examples/Default/React/index.tsx
@@ -0,0 +1,53 @@
+import './styles.scss'
+
+import { TextStyleKit } from '@tiptap/extension-text-style'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import { MenuBar } from './MenuBar.jsx'
+
+const extensions = [TextStyleKit, StarterKit]
+
+export default () => {
+  const editor = useEditor({
+    extensions,
+    content: `
+<h2>
+  Hi there,
+</h2>
+<p>
+  this is a <em>basic</em> example of <strong>Tiptap</strong>. Sure, there are all kind of basic text styles you'd probably expect from a text editor. But wait until you see the lists:
+</p>
+<ul>
+  <li>
+    That's a bullet list with one …
+  </li>
+  <li>
+    … or two list items.
+  </li>
+</ul>
+<p>
+  Isn't that great? And all of that is editable. But wait, there's more. Let's try a code block:
+</p>
+<pre><code class="language-css">body {
+  display: none;
+}</code></pre>
+<p>
+  I know, I know, this is impressive. It's only the tip of the iceberg though. Give it a try and click a little bit around. Don't forget to check the other examples too.
+</p>
+<blockquote>
+  Wow, that's amazing. Good work, boy! 👏
+  <br />
+  — Mom
+</blockquote>
+`,
+  })
+
+  return (
+    <>
+      <MenuBar editor={editor} />
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/Default/React/menuBarState.ts b/demos/src/Examples/Default/React/menuBarState.ts
new file mode 100644
index 0000000..8a2d43f
--- /dev/null
+++ b/demos/src/Examples/Default/React/menuBarState.ts
@@ -0,0 +1,42 @@
+import type { Editor } from '@tiptap/core'
+import type { EditorStateSnapshot } from '@tiptap/react'
+
+/**
+ * State selector for the MenuBar component.
+ * Extracts the relevant editor state for rendering menu buttons.
+ */
+export function menuBarStateSelector(ctx: EditorStateSnapshot<Editor>) {
+  return {
+    // Text formatting
+    isBold: ctx.editor.isActive('bold') ?? false,
+    canBold: ctx.editor.can().chain().toggleBold().run() ?? false,
+    isItalic: ctx.editor.isActive('italic') ?? false,
+    canItalic: ctx.editor.can().chain().toggleItalic().run() ?? false,
+    isStrike: ctx.editor.isActive('strike') ?? false,
+    canStrike: ctx.editor.can().chain().toggleStrike().run() ?? false,
+    isCode: ctx.editor.isActive('code') ?? false,
+    canCode: ctx.editor.can().chain().toggleCode().run() ?? false,
+    canClearMarks: ctx.editor.can().chain().unsetAllMarks().run() ?? false,
+
+    // Block types
+    isParagraph: ctx.editor.isActive('paragraph') ?? false,
+    isHeading1: ctx.editor.isActive('heading', { level: 1 }) ?? false,
+    isHeading2: ctx.editor.isActive('heading', { level: 2 }) ?? false,
+    isHeading3: ctx.editor.isActive('heading', { level: 3 }) ?? false,
+    isHeading4: ctx.editor.isActive('heading', { level: 4 }) ?? false,
+    isHeading5: ctx.editor.isActive('heading', { level: 5 }) ?? false,
+    isHeading6: ctx.editor.isActive('heading', { level: 6 }) ?? false,
+
+    // Lists and blocks
+    isBulletList: ctx.editor.isActive('bulletList') ?? false,
+    isOrderedList: ctx.editor.isActive('orderedList') ?? false,
+    isCodeBlock: ctx.editor.isActive('codeBlock') ?? false,
+    isBlockquote: ctx.editor.isActive('blockquote') ?? false,
+
+    // History
+    canUndo: ctx.editor.can().chain().undo().run() ?? false,
+    canRedo: ctx.editor.can().chain().redo().run() ?? false,
+  }
+}
+
+export type MenuBarState = ReturnType<typeof menuBarStateSelector>
diff --git a/demos/src/Examples/Default/React/styles.scss b/demos/src/Examples/Default/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/Examples/Default/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Examples/Default/Svelte/index.html b/demos/src/Examples/Default/Svelte/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Default/Svelte/index.svelte b/demos/src/Examples/Default/Svelte/index.svelte
new file mode 100644
index 0000000..2020194
--- /dev/null
+++ b/demos/src/Examples/Default/Svelte/index.svelte
@@ -0,0 +1,186 @@
+<script>
+  import "./styles.scss";
+
+  import { Color } from '@tiptap/extension-text-style'
+  import { ListItem } from '@tiptap/extension-list'
+  import { TextStyle } from '@tiptap/extension-text-style'
+  import StarterKit from "@tiptap/starter-kit";
+  import { Editor } from "@tiptap/core";
+  import { onMount } from "svelte";
+
+  // oxlint-disable-next-line
+  let element;
+  let editor;
+
+  onMount(() => {
+    editor = new Editor({
+      element: element,
+      extensions: [
+        Color.configure({ types: [TextStyle.name, ListItem.name] }),
+        TextStyle.configure({ types: [ListItem.name] }),
+        StarterKit,
+      ],
+      content: `
+            <h2>
+              Hi there,
+            </h2>
+            <p>
+              this is a <em>basic</em> example of <strong>Tiptap</strong>. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:
+            </p>
+            <ul>
+              <li>
+                That’s a bullet list with one …
+              </li>
+              <li>
+                … or two list items.
+              </li>
+            </ul>
+            <p>
+              Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:
+            </p>
+            <pre><code class="language-css">body {
+  display: none;
+}</code></pre>
+            <p>
+              I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.
+            </p>
+            <blockquote>
+              Wow, that’s amazing. Good work, boy! 👏
+              <br />
+              — Mom
+            </blockquote>
+          `,
+      onTransaction: () => {
+        // force re-render so `editor.isActive` works as expected
+        // oxlint-disable-next-line no-self-assign
+        editor = editor;
+      },
+    });
+  });
+</script>
+
+{#if editor}
+  <div class="control-group">
+    <div class="button-group">
+      <button
+        on:click={() => console.log && editor.chain().focus().toggleBold().run()}
+        disabled={!editor.can().chain().focus().toggleBold().run()}
+        class={editor.isActive("bold") ? "is-active" : ""}
+      >
+        Bold
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleItalic().run()}
+        disabled={!editor.can().chain().focus().toggleItalic().run()}
+        class={editor.isActive("italic") ? "is-active" : ""}
+      >
+        Italic
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleStrike().run()}
+        disabled={!editor.can().chain().focus().toggleStrike().run()}
+        class={editor.isActive("strike") ? "is-active" : ""}
+      >
+        Strike
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleCode().run()}
+        disabled={!editor.can().chain().focus().toggleCode().run()}
+        class={editor.isActive("code") ? "is-active" : ""}
+      >
+        Code
+      </button>
+      <button on:click={() => editor.chain().focus().unsetAllMarks().run()}>Clear marks</button>
+      <button on:click={() => editor.chain().focus().clearNodes().run()}>Clear nodes</button>
+      <button
+        on:click={() => editor.chain().focus().setParagraph().run()}
+        class={editor.isActive("paragraph") ? "is-active" : ""}
+      >
+        Paragraph
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+        class={editor.isActive("heading", { level: 1 }) ? "is-active" : ""}
+      >
+        H1
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+        class={editor.isActive("heading", { level: 2 }) ? "is-active" : ""}
+      >
+        H2
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}
+        class={editor.isActive("heading", { level: 3 }) ? "is-active" : ""}
+      >
+        H3
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleHeading({ level: 4 }).run()}
+        class={editor.isActive("heading", { level: 4 }) ? "is-active" : ""}
+      >
+        H4
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleHeading({ level: 5 }).run()}
+        class={editor.isActive("heading", { level: 5 }) ? "is-active" : ""}
+      >
+        H5
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleHeading({ level: 6 }).run()}
+        class={editor.isActive("heading", { level: 6 }) ? "is-active" : ""}
+      >
+        H6
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleBulletList().run()}
+        class={editor.isActive("bulletList") ? "is-active" : ""}
+      >
+        Bullet list
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleOrderedList().run()}
+        class={editor.isActive("orderedList") ? "is-active" : ""}
+      >
+        Ordered list
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleCodeBlock().run()}
+        class={editor.isActive("codeBlock") ? "is-active" : ""}
+      >
+        Code block
+      </button>
+      <button
+        on:click={() => editor.chain().focus().toggleBlockquote().run()}
+        class={editor.isActive("blockquote") ? "is-active" : ""}
+      >
+        Blockquote
+      </button>
+      <button on:click={() => editor.chain().focus().setHorizontalRule().run()}>
+        Horizontal rule
+      </button>
+      <button on:click={() => editor.chain().focus().setHardBreak().run()}>Hard break</button>
+      <button
+        on:click={() => editor.chain().focus().undo().run()}
+        disabled={!editor.can().chain().focus().undo().run()}
+      >
+        Undo
+      </button>
+      <button
+        on:click={() => editor.chain().focus().redo().run()}
+        disabled={!editor.can().chain().focus().redo().run()}
+      >
+        Redo
+      </button>
+      <button
+        on:click={() => editor.chain().focus().setColor('#958DF1').run()}
+        class={editor.isActive('textStyle', { color: '#958DF1' }) ? 'is-active' : ''}
+      >
+        Purple
+      </button>
+    </div>
+  </div>
+{/if}
+<div bind:this={element} />
diff --git a/demos/src/Examples/Default/Svelte/styles.scss b/demos/src/Examples/Default/Svelte/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/Examples/Default/Svelte/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Examples/Default/Vue/index.html b/demos/src/Examples/Default/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Default/Vue/index.vue b/demos/src/Examples/Default/Vue/index.vue
new file mode 100644
index 0000000..5dbf71e
--- /dev/null
+++ b/demos/src/Examples/Default/Vue/index.vue
@@ -0,0 +1,282 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleBold().run()"
+          :disabled="!editor.can().chain().focus().toggleBold().run()"
+          :class="{ 'is-active': editor.isActive('bold') }"
+        >
+          Bold
+        </button>
+        <button
+          @click="editor.chain().focus().toggleItalic().run()"
+          :disabled="!editor.can().chain().focus().toggleItalic().run()"
+          :class="{ 'is-active': editor.isActive('italic') }"
+        >
+          Italic
+        </button>
+        <button
+          @click="editor.chain().focus().toggleStrike().run()"
+          :disabled="!editor.can().chain().focus().toggleStrike().run()"
+          :class="{ 'is-active': editor.isActive('strike') }"
+        >
+          Strike
+        </button>
+        <button
+          @click="editor.chain().focus().toggleCode().run()"
+          :disabled="!editor.can().chain().focus().toggleCode().run()"
+          :class="{ 'is-active': editor.isActive('code') }"
+        >
+          Code
+        </button>
+        <button @click="editor.chain().focus().unsetAllMarks().run()">Clear marks</button>
+        <button @click="editor.chain().focus().clearNodes().run()">Clear nodes</button>
+        <button
+          @click="editor.chain().focus().setParagraph().run()"
+          :class="{ 'is-active': editor.isActive('paragraph') }"
+        >
+          Paragraph
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }"
+        >
+          H1
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }"
+        >
+          H2
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }"
+        >
+          H3
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 4 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 4 }) }"
+        >
+          H4
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 5 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 5 }) }"
+        >
+          H5
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 6 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 6 }) }"
+        >
+          H6
+        </button>
+        <button
+          @click="editor.chain().focus().toggleBulletList().run()"
+          :class="{ 'is-active': editor.isActive('bulletList') }"
+        >
+          Bullet list
+        </button>
+        <button
+          @click="editor.chain().focus().toggleOrderedList().run()"
+          :class="{ 'is-active': editor.isActive('orderedList') }"
+        >
+          Ordered list
+        </button>
+        <button
+          @click="editor.chain().focus().toggleCodeBlock().run()"
+          :class="{ 'is-active': editor.isActive('codeBlock') }"
+        >
+          Code block
+        </button>
+        <button
+          @click="editor.chain().focus().toggleBlockquote().run()"
+          :class="{ 'is-active': editor.isActive('blockquote') }"
+        >
+          Blockquote
+        </button>
+        <button @click="editor.chain().focus().setHorizontalRule().run()">Horizontal rule</button>
+        <button @click="editor.chain().focus().setHardBreak().run()">Hard break</button>
+        <button
+          @click="editor.chain().focus().undo().run()"
+          :disabled="!editor.can().chain().focus().undo().run()"
+        >
+          Undo
+        </button>
+        <button
+          @click="editor.chain().focus().redo().run()"
+          :disabled="!editor.can().chain().focus().redo().run()"
+        >
+          Redo
+        </button>
+        <button
+          @click="editor.chain().focus().setColor('#958DF1').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { color: '#958DF1' }) }"
+        >
+          Purple
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import { ListItem } from '@tiptap/extension-list'
+import { Color, TextStyle } from '@tiptap/extension-text-style'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Color.configure({ types: [TextStyle.name, ListItem.name] }),
+        TextStyle.configure({ types: [ListItem.name] }),
+        StarterKit,
+      ],
+      content: `
+        <h2>
+          Hi there,
+        </h2>
+        <p>
+          this is a <em>basic</em> example of <strong>Tiptap</strong>. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:
+        </p>
+        <ul>
+          <li>
+            That’s a bullet list with one …
+          </li>
+          <li>
+            … or two list items.
+          </li>
+        </ul>
+        <p>
+          Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:
+        </p>
+        <pre><code class="language-css">body {
+  display: none;
+}</code></pre>
+        <p>
+          I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.
+        </p>
+        <blockquote>
+          Wow, that’s amazing. Good work, boy! 👏
+          <br />
+          — Mom
+        </blockquote>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Examples/Default/index.spec.ts b/demos/src/Examples/Default/index.spec.ts
new file mode 100644
index 0000000..ef44470
--- /dev/null
+++ b/demos/src/Examples/Default/index.spec.ts
@@ -0,0 +1,180 @@
+import { expect, test } from '@playwright/test'
+
+import { clickButton, getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Default'
+const frameworkPaths = ['React', 'Vue', 'Svelte']
+const demoPath = '/src/Examples'
+
+const buttonMarks = [
+  { label: 'Bold', tag: 'strong' },
+  { label: 'Italic', tag: 'em' },
+  { label: 'Strike', tag: 's' },
+]
+
+const buttonNodes = [
+  { label: 'H1', tag: 'h1' },
+  { label: 'H2', tag: 'h2' },
+  { label: 'H3', tag: 'h3' },
+  { label: 'H4', tag: 'h4' },
+  { label: 'H5', tag: 'h5' },
+  { label: 'H6', tag: 'h6' },
+  { label: 'Bullet list', tag: 'ul' },
+  { label: 'Ordered list', tag: 'ol' },
+  { label: 'Code block', tag: 'pre code' },
+  { label: 'Blockquote', tag: 'blockquote' },
+]
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.chain().focus().setContent('<h1>Example Text</h1>').selectAll().run()
+        })
+      })
+
+      test('should apply the paragraph style when the keyboard shortcut is pressed', async ({
+        page,
+      }) => {
+        await expect(page.locator('.tiptap h1')).toBeVisible()
+
+        const editor = await getEditor(page)
+        await editor.click()
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+        await editor.press(process.platform === 'darwin' ? 'Meta+Alt+0' : 'Control+Alt+0')
+
+        await expect(page.locator('.tiptap p').first()).toContainText('Example Text')
+      })
+
+      buttonMarks.forEach(m => {
+        test(`should apply ${m.label} when the button is pressed`, async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.evaluate((el: any) => {
+            el.editor.chain().focus().setContent('<p>Hello world</p>').selectAll().run()
+          })
+          await clickButton(page, 'Paragraph')
+          await editor.evaluate((el: any) => el.editor.commands.selectAll())
+          await clickButton(page, m.label)
+
+          await expect(page.locator(`.tiptap ${m.tag}`)).toHaveText('Hello world')
+        })
+      })
+
+      test('should clear marks when the button is pressed', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.chain().focus().setContent('<p>Hello world</p>').selectAll().run()
+        })
+        await clickButton(page, 'Paragraph')
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+        await clickButton(page, 'Bold')
+
+        await expect(page.locator('.tiptap strong')).toHaveText('Hello world')
+
+        await clickButton(page, 'Clear marks')
+        await expect(page.locator('.tiptap strong')).toHaveCount(0)
+      })
+
+      test('should clear nodes when the button is pressed', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor
+            .chain()
+            .focus()
+            .setContent(
+              '<ul><li><p>Hello world</p></li><li><p>A second item</p></li><li><p>A third item</p></li></ul>',
+            )
+            .selectAll()
+            .run()
+        })
+
+        await clickButton(page, 'Clear nodes')
+
+        await expect(page.locator('.tiptap ul')).toHaveCount(0)
+        await expect(page.locator('.tiptap p').first()).toContainText('Hello world')
+      })
+
+      buttonNodes.forEach(n => {
+        test(`should set the correct type when ${n.label} is pressed`, async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.evaluate((el: any) => {
+            el.editor.chain().focus().setContent('<p>Hello world</p>').selectAll().run()
+          })
+          await clickButton(page, n.label)
+
+          await expect(page.locator(`.tiptap ${n.tag}`)).toHaveText('Hello world')
+        })
+      })
+
+      test('should add a hr when on the same line as a node', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.press('ArrowRight')
+        await clickButton(page, 'Horizontal rule')
+
+        await expect(page.locator('.tiptap hr')).toHaveCount(1)
+      })
+
+      test('should add a hr when on a new line', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.press('ArrowRight')
+        await editor.press('Enter')
+        await clickButton(page, 'Horizontal rule')
+
+        await expect(page.locator('.tiptap hr')).toHaveCount(1)
+      })
+
+      test('should add a br', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.press('ArrowRight')
+        await clickButton(page, 'Hard break')
+
+        const brCount = await page.locator('.tiptap br').count()
+
+        expect(brCount).toBeGreaterThan(0)
+      })
+
+      test('should undo', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.press('End')
+        await editor.type('~')
+        await expect(page.locator('.tiptap')).toContainText('~')
+
+        await clickButton(page, 'Undo')
+        await expect(page.locator('.tiptap')).not.toContainText('~')
+      })
+
+      test('should redo', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.press('End')
+        await editor.type('~')
+        await expect(page.locator('.tiptap')).toContainText('~')
+
+        await clickButton(page, 'Undo')
+        await expect(page.locator('.tiptap')).not.toContainText('~')
+
+        await clickButton(page, 'Redo')
+        await expect(page.locator('.tiptap')).toContainText('~')
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/Drawing/Vue/Component.vue b/demos/src/Examples/Drawing/Vue/Component.vue
new file mode 100644
index 0000000..0d4ba3f
--- /dev/null
+++ b/demos/src/Examples/Drawing/Vue/Component.vue
@@ -0,0 +1,155 @@
+<template>
+  <node-view-wrapper class="draw">
+    <div class="control-group">
+      <div class="button-group">
+        <input type="color" v-model="color" />
+        <input type="number" min="1" max="10" v-model="size" />
+        <button @click="clear">Clear</button>
+      </div>
+      <svg viewBox="0 0 500 250" ref="canvas">
+        <template v-for="item in node.attrs.lines">
+          <path
+            v-if="item.id !== id"
+            :key="item.id"
+            :d="item.path"
+            :id="`id-${item.id}`"
+            :stroke="item.color"
+            :stroke-width="item.size"
+          />
+        </template>
+      </svg>
+    </div>
+  </node-view-wrapper>
+</template>
+
+<script>
+import { nodeViewProps, NodeViewWrapper } from '@tiptap/vue'
+import * as d3 from 'd3'
+import { v4 as uuid } from 'uuid'
+
+const getRandomElement = list => {
+  return list[Math.floor(Math.random() * list.length)]
+}
+
+export default {
+  name: 'Paper',
+
+  components: {
+    NodeViewWrapper,
+  },
+
+  props: nodeViewProps,
+
+  data() {
+    return {
+      color: getRandomElement([
+        '#A975FF',
+        '#FB5151',
+        '#FD9170',
+        '#FFCB6B',
+        '#68CEF8',
+        '#80CBC4',
+        '#9DEF8F',
+      ]),
+      size: Math.ceil(Math.random() * Math.floor(10)),
+      svg: null,
+      path: null,
+      points: [],
+      drawing: false,
+      id: uuid(),
+    }
+  },
+
+  methods: {
+    onStartDrawing(event) {
+      this.drawing = true
+      this.points = []
+      this.path = this.svg
+        .append('path')
+        .data([this.points])
+        .attr('id', `id-${this.id}`)
+        .attr('stroke', this.color)
+        .attr('stroke-width', this.size)
+
+      const moveEvent = event.type === 'mousedown' ? 'mousemove' : 'touchmove'
+
+      this.svg.on(moveEvent, this.onMove)
+    },
+
+    onMove(event) {
+      event.preventDefault()
+      this.points.push(d3.pointers(event)[0])
+      this.tick()
+    },
+
+    onEndDrawing() {
+      this.svg.on('mousemove', null)
+      this.svg.on('touchmove', null)
+
+      if (!this.drawing) {
+        return
+      }
+
+      this.drawing = false
+      this.svg.select(`#id-${this.id}`).remove()
+      this.id = uuid()
+    },
+
+    tick() {
+      requestAnimationFrame(() => {
+        this.path.attr('d', points => {
+          const path = d3.line().curve(d3.curveBasis)(points)
+          const lines = this.node.attrs.lines.filter(item => item.id !== this.id)
+
+          this.updateAttributes({
+            lines: [
+              ...lines,
+              {
+                id: this.id,
+                color: this.color,
+                size: this.size,
+                path,
+              },
+            ],
+          })
+
+          return path
+        })
+      })
+    },
+
+    clear() {
+      this.updateAttributes({
+        lines: [],
+      })
+    },
+  },
+
+  mounted() {
+    this.svg = d3.select(this.$refs.canvas)
+
+    this.svg
+      .on('mousedown', this.onStartDrawing)
+      .on('mouseup', this.onEndDrawing)
+      .on('mouseleave', this.onEndDrawing)
+      .on('touchstart', this.onStartDrawing)
+      .on('touchend', this.onEndDrawing)
+      .on('touchleave', this.onEndDrawing)
+  },
+}
+</script>
+
+<style lang="scss">
+.draw {
+  svg {
+    background: #f1f3f5;
+    cursor: crosshair;
+  }
+
+  path {
+    fill: none;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+}
+</style>
diff --git a/demos/src/Examples/Drawing/Vue/Paper.js b/demos/src/Examples/Drawing/Vue/Paper.js
new file mode 100644
index 0000000..7a90ee9
--- /dev/null
+++ b/demos/src/Examples/Drawing/Vue/Paper.js
@@ -0,0 +1,35 @@
+import { mergeAttributes, Node, VueNodeViewRenderer } from '@tiptap/vue'
+
+import Component from './Component.vue'
+
+export default Node.create({
+  name: 'paper',
+
+  group: 'block',
+
+  atom: true,
+
+  addAttributes() {
+    return {
+      lines: {
+        default: [],
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="paper"]',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'paper' })]
+  },
+
+  addNodeView() {
+    return VueNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/Examples/Drawing/Vue/index.html b/demos/src/Examples/Drawing/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Drawing/Vue/index.vue b/demos/src/Examples/Drawing/Vue/index.vue
new file mode 100644
index 0000000..3cb0a89
--- /dev/null
+++ b/demos/src/Examples/Drawing/Vue/index.vue
@@ -0,0 +1,39 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import Paper from './Paper.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document.extend({
+          content: 'paper',
+        }),
+        Text,
+        Paper,
+      ],
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
diff --git a/demos/src/Examples/Drawing/index.spec.ts b/demos/src/Examples/Drawing/index.spec.ts
new file mode 100644
index 0000000..ad62b8e
--- /dev/null
+++ b/demos/src/Examples/Drawing/index.spec.ts
@@ -0,0 +1,54 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Drawing'
+const frameworkPaths = ['Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('should have a working tiptap instance', async ({ page }) => {
+        const editor = await getEditor(page)
+        const hasEditor = await editor.evaluate((el: any) => !!el.editor)
+
+        expect(hasEditor).toBe(true)
+      })
+
+      test('should have a svg canvas', async ({ page }) => {
+        await expect(page.locator('.tiptap svg')).toBeVisible()
+      })
+
+      test('should draw on the svg canvas', async ({ page }) => {
+        await getEditor(page)
+        await expect(page.locator('.tiptap svg')).toBeVisible()
+
+        const color = await page.locator('input').nth(0).inputValue()
+        const size = await page.locator('input').nth(1).inputValue()
+
+        const svg = page.locator('.tiptap svg')
+        const box = await svg.boundingBox()
+
+        if (!box) {
+          throw new Error('SVG bounding box not found')
+        }
+
+        await page.mouse.move(box.x + 50, box.y + 50)
+        await page.mouse.down()
+        await page.mouse.move(box.x + 150, box.y + 150)
+        await page.mouse.up()
+
+        const path = page.locator('.tiptap svg path').first()
+        await expect(path).toHaveAttribute('stroke-width', size)
+        await expect(path).toHaveAttribute('stroke', color.toUpperCase())
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/EnterShortcuts/React/index.html b/demos/src/Examples/EnterShortcuts/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/EnterShortcuts/React/index.tsx b/demos/src/Examples/EnterShortcuts/React/index.tsx
new file mode 100644
index 0000000..600c114
--- /dev/null
+++ b/demos/src/Examples/EnterShortcuts/React/index.tsx
@@ -0,0 +1,96 @@
+import './styles.scss'
+
+import { EditorContent, Extension, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+const CustomKeyboardShortcutExtension = Extension.create({
+  name: 'customKeyboardShortcuts',
+  // Set a higher priority to make sure this extension is executed first before the default keyboard shortcuts (paragraph has 1000)
+  priority: 3001,
+  addKeyboardShortcuts() {
+    return {
+      'Ctrl-Enter': ctx => {
+        // Creates a transaction with this custom meta set
+        return ctx.editor.commands.setMeta('customKeyboardShortcutHandler', 'Ctrl-Enter')
+      },
+      'Meta-Enter': ctx => {
+        // Creates a transaction with this custom meta set
+        return ctx.editor.commands.setMeta('customKeyboardShortcutHandler', 'Meta-Enter')
+      },
+      'Shift-Enter': ctx => {
+        return ctx.editor.commands.setMeta('customKeyboardShortcutHandler', 'Shift-Enter')
+      },
+    }
+  },
+})
+
+export default () => {
+  const [lastShortcut, setLastShortcut] = React.useState<string | null>(null)
+  const editor = useEditor({
+    extensions: [StarterKit, CustomKeyboardShortcutExtension],
+    // Listen for the custom meta set in the transaction
+    onTransaction: ({ transaction }) => {
+      if (transaction.getMeta('customKeyboardShortcutHandler')) {
+        switch (transaction.getMeta('customKeyboardShortcutHandler')) {
+          case 'Ctrl-Enter':
+            setLastShortcut('Ctrl-Enter')
+            break
+          case 'Meta-Enter':
+            setLastShortcut('Meta-Enter')
+            break
+          case 'Shift-Enter':
+            setLastShortcut('Shift-Enter')
+            break
+          default:
+            break
+        }
+      }
+    },
+    content: `
+      <p>
+        Hey, try to hit Shift+Enter, Ctrl+Enter or Meta+Enter. The last shortcut hit will be displayed above.
+      </p>
+    `,
+  })
+
+  const { isBold, isItalic } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isBold: ctx.editor.isActive('bold') ?? false,
+      isItalic: ctx.editor.isActive('italic') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleBold().run()}
+            className={isBold ? 'is-active' : ''}
+          >
+            Bold
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleItalic().run()}
+            className={isItalic ? 'is-active' : ''}
+          >
+            Italic
+          </button>
+        </div>
+        <div className="hint">
+          {lastShortcut
+            ? `${lastShortcut} was the last shortcut hit, and was handled by React`
+            : 'No shortcut has been hit yet, use Shift+Enter to trigger a shortcut handler'}
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/EnterShortcuts/React/styles.scss b/demos/src/Examples/EnterShortcuts/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/Examples/EnterShortcuts/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Examples/EnterShortcuts/Vue/index.html b/demos/src/Examples/EnterShortcuts/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/EnterShortcuts/Vue/index.vue b/demos/src/Examples/EnterShortcuts/Vue/index.vue
new file mode 100644
index 0000000..c0a3ede
--- /dev/null
+++ b/demos/src/Examples/EnterShortcuts/Vue/index.vue
@@ -0,0 +1,196 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleBold().run()"
+          :class="{ 'is-active': editor.isActive('bold') }"
+        >
+          Bold
+        </button>
+        <button
+          @click="editor.chain().focus().toggleItalic().run()"
+          :class="{ 'is-active': editor.isActive('italic') }"
+        >
+          Italic
+        </button>
+      </div>
+      <div className="hint" v-if="lastShortcut">
+        {{ lastShortcut }} was the last shortcut hit, and was handled by Vue
+      </div>
+      <div className="hint" v-else>
+        No shortcut has been hit yet, use Shift+Enter to trigger a shortcut handler
+      </div>
+    </div>
+
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent, Extension } from '@tiptap/vue'
+
+const CustomKeyboardShortcutExtension = Extension.create({
+  name: 'customKeyboardShortcuts',
+  // Set a higher priority to make sure this extension is executed first before the default keyboard shortcuts (paragraph has 1000)
+  priority: 1001,
+  addKeyboardShortcuts() {
+    return {
+      'Ctrl-Enter': ctx => {
+        // Creates a transaction with this custom meta set
+        return ctx.editor.commands.setMeta('customKeyboardShortcutHandler', 'Ctrl-Enter')
+      },
+      'Meta-Enter': ctx => {
+        // Creates a transaction with this custom meta set
+        return ctx.editor.commands.setMeta('customKeyboardShortcutHandler', 'Meta-Enter')
+      },
+      'Shift-Enter': ctx => {
+        return ctx.editor.commands.setMeta('customKeyboardShortcutHandler', 'Shift-Enter')
+      },
+    }
+  },
+})
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      lastShortcut: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, CustomKeyboardShortcutExtension],
+      // Listen for the custom meta set in the transaction
+      onTransaction: ({ transaction }) => {
+        if (transaction.getMeta('customKeyboardShortcutHandler')) {
+          switch (transaction.getMeta('customKeyboardShortcutHandler')) {
+            case 'Ctrl-Enter':
+              this.lastShortcut = 'Ctrl-Enter'
+              break
+            case 'Meta-Enter':
+              this.lastShortcut = 'Meta-Enter'
+              break
+            case 'Shift-Enter':
+              this.lastShortcut = 'Shift-Enter'
+              break
+            default:
+              break
+          }
+        }
+      },
+      content: `
+      <p>
+        Hey, try to hit Shift+Enter or Meta+Enter. The last shortcut hit will be displayed above.
+      </p>
+    `,
+    })
+  },
+
+  methods: {},
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Examples/EnterShortcuts/index.spec.ts b/demos/src/Examples/EnterShortcuts/index.spec.ts
new file mode 100644
index 0000000..bd6ffbf
--- /dev/null
+++ b/demos/src/Examples/EnterShortcuts/index.spec.ts
@@ -0,0 +1,51 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'EnterShortcuts'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p>Example Text</p>')
+        })
+      })
+
+      test('should update the hint html on Meta+Enter', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.press('Meta+Enter')
+
+        await expect(page.locator('.hint')).toContainText('Meta-Enter was the last shortcut')
+      })
+
+      test('should update the hint html on Shift+Enter', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.press('Shift+Enter')
+
+        await expect(page.locator('.hint')).toContainText('Shift-Enter was the last shortcut')
+      })
+
+      test('should update the hint html on Ctrl+Enter', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.press('Control+Enter')
+
+        await expect(page.locator('.hint')).toContainText('Ctrl-Enter was the last shortcut')
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/Formatting/React/index.html b/demos/src/Examples/Formatting/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Formatting/React/index.jsx b/demos/src/Examples/Formatting/React/index.jsx
new file mode 100644
index 0000000..78a0f82
--- /dev/null
+++ b/demos/src/Examples/Formatting/React/index.jsx
@@ -0,0 +1,162 @@
+import './styles.scss'
+
+import Highlight from '@tiptap/extension-highlight'
+import TextAlign from '@tiptap/extension-text-align'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+const MenuBar = ({ editor }) => {
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => {
+      return {
+        // Text formatting
+        isBold: ctx.editor.isActive('bold') ?? false,
+        isItalic: ctx.editor.isActive('italic') ?? false,
+        isStrike: ctx.editor.isActive('strike') ?? false,
+        isHighlight: ctx.editor.isActive('highlight') ?? false,
+
+        // Text alignment
+        isAlignLeft: ctx.editor.isActive({ textAlign: 'left' }) ?? false,
+        isAlignCenter: ctx.editor.isActive({ textAlign: 'center' }) ?? false,
+        isAlignRight: ctx.editor.isActive({ textAlign: 'right' }) ?? false,
+        isAlignJustify: ctx.editor.isActive({ textAlign: 'justify' }) ?? false,
+
+        // Block types
+        isParagraph: ctx.editor.isActive('paragraph') ?? false,
+        isHeading1: ctx.editor.isActive('heading', { level: 1 }) ?? false,
+        isHeading2: ctx.editor.isActive('heading', { level: 2 }) ?? false,
+        isHeading3: ctx.editor.isActive('heading', { level: 3 }) ?? false,
+      }
+    },
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className="control-group">
+      <div className="button-group">
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+          className={editorState.isHeading1 ? 'is-active' : ''}
+        >
+          H1
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+          className={editorState.isHeading2 ? 'is-active' : ''}
+        >
+          H2
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}
+          className={editorState.isHeading3 ? 'is-active' : ''}
+        >
+          H3
+        </button>
+        <button
+          onClick={() => editor.chain().focus().setParagraph().run()}
+          className={editorState.isParagraph ? 'is-active' : ''}
+        >
+          Paragraph
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleBold().run()}
+          className={editorState.isBold ? 'is-active' : ''}
+        >
+          Bold
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleItalic().run()}
+          className={editorState.isItalic ? 'is-active' : ''}
+        >
+          Italic
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleStrike().run()}
+          className={editorState.isStrike ? 'is-active' : ''}
+        >
+          Strike
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHighlight().run()}
+          className={editorState.isHighlight ? 'is-active' : ''}
+        >
+          Highlight
+        </button>
+        <button
+          onClick={() => editor.chain().focus().setTextAlign('left').run()}
+          className={editorState.isAlignLeft ? 'is-active' : ''}
+        >
+          Left
+        </button>
+        <button
+          onClick={() => editor.chain().focus().setTextAlign('center').run()}
+          className={editorState.isAlignCenter ? 'is-active' : ''}
+        >
+          Center
+        </button>
+        <button
+          onClick={() => editor.chain().focus().setTextAlign('right').run()}
+          className={editorState.isAlignRight ? 'is-active' : ''}
+        >
+          Right
+        </button>
+        <button
+          onClick={() => editor.chain().focus().setTextAlign('justify').run()}
+          className={editorState.isAlignJustify ? 'is-active' : ''}
+        >
+          Justify
+        </button>
+      </div>
+    </div>
+  )
+}
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      TextAlign.configure({
+        types: ['heading', 'paragraph'],
+      }),
+      Highlight,
+    ],
+    content: `
+      <h3 style="text-align:center">
+        Devs Just Want to Have Fun by Cyndi Lauper
+      </h3>
+      <p style="text-align:center">
+        I come home in the morning light<br>
+        My mother says, <mark>“When you gonna live your life right?”</mark><br>
+        Oh mother dear we’re not the fortunate ones<br>
+        And devs, they wanna have fun<br>
+        Oh devs just want to have fun</p>
+      <p style="text-align:center">
+        The phone rings in the middle of the night<br>
+        My father yells, "What you gonna do with your life?"<br>
+        Oh daddy dear, you know you’re still number one<br>
+        But <s>girls</s>devs, they wanna have fun<br>
+        Oh devs just want to have
+      </p>
+      <p style="text-align:center">
+        That’s all they really want<br>
+        Some fun<br>
+        When the working day is done<br>
+        Oh devs, they wanna have fun<br>
+        Oh devs just wanna have fun<br>
+        (devs, they wanna, wanna have fun, devs wanna have)
+      </p>
+    `,
+  })
+
+  return (
+    <>
+      <MenuBar editor={editor} />
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/Formatting/React/styles.scss b/demos/src/Examples/Formatting/React/styles.scss
new file mode 100644
index 0000000..7cc0417
--- /dev/null
+++ b/demos/src/Examples/Formatting/React/styles.scss
@@ -0,0 +1,98 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  mark {
+    background-color: #faf594;
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    padding: 0.1rem 0.3rem;
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Examples/Formatting/Vue/index.html b/demos/src/Examples/Formatting/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Formatting/Vue/index.vue b/demos/src/Examples/Formatting/Vue/index.vue
new file mode 100644
index 0000000..66c819a
--- /dev/null
+++ b/demos/src/Examples/Formatting/Vue/index.vue
@@ -0,0 +1,243 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }"
+        >
+          H1
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }"
+        >
+          H2
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }"
+        >
+          H3
+        </button>
+        <button
+          @click="editor.chain().focus().setParagraph().run()"
+          :class="{ 'is-active': editor.isActive('paragraph') }"
+        >
+          Paragraph
+        </button>
+        <button
+          @click="editor.chain().focus().toggleBold().run()"
+          :class="{ 'is-active': editor.isActive('bold') }"
+        >
+          Bold
+        </button>
+        <button
+          @click="editor.chain().focus().toggleItalic().run()"
+          :class="{ 'is-active': editor.isActive('italic') }"
+        >
+          Italic
+        </button>
+        <button
+          @click="editor.chain().focus().toggleStrike().run()"
+          :class="{ 'is-active': editor.isActive('strike') }"
+        >
+          Strike
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHighlight().run()"
+          :class="{ 'is-active': editor.isActive('highlight') }"
+        >
+          Highlight
+        </button>
+        <button
+          @click="editor.chain().focus().setTextAlign('left').run()"
+          :class="{ 'is-active': editor.isActive({ textAlign: 'left' }) }"
+        >
+          Left
+        </button>
+        <button
+          @click="editor.chain().focus().setTextAlign('center').run()"
+          :class="{ 'is-active': editor.isActive({ textAlign: 'center' }) }"
+        >
+          Center
+        </button>
+        <button
+          @click="editor.chain().focus().setTextAlign('right').run()"
+          :class="{ 'is-active': editor.isActive({ textAlign: 'right' }) }"
+        >
+          Right
+        </button>
+        <button
+          @click="editor.chain().focus().setTextAlign('justify').run()"
+          :class="{ 'is-active': editor.isActive({ textAlign: 'justify' }) }"
+        >
+          Justify
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Highlight from '@tiptap/extension-highlight'
+import TextAlign from '@tiptap/extension-text-align'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit,
+        TextAlign.configure({
+          types: ['heading', 'paragraph'],
+        }),
+        Highlight,
+      ],
+      content: `
+        <h3 style="text-align:center">
+          Devs Just Want to Have Fun by Cyndi Lauper
+        </h3>
+        <p style="text-align:center">
+          I come home in the morning light<br>
+          My mother says, <mark>“When you gonna live your life right?”</mark><br>
+          Oh mother dear we’re not the fortunate ones<br>
+          And devs, they wanna have fun<br>
+          Oh devs just want to have fun</p>
+        <p style="text-align:center">
+          The phone rings in the middle of the night<br>
+          My father yells, "What you gonna do with your life?"<br>
+          Oh daddy dear, you know you’re still number one<br>
+          But <s>girls</s>devs, they wanna have fun<br>
+          Oh devs just want to have
+        </p>
+        <p style="text-align:center">
+          That’s all they really want<br>
+          Some fun<br>
+          When the working day is done<br>
+          Oh devs, they wanna have fun<br>
+          Oh devs just wanna have fun<br>
+          (devs, they wanna, wanna have fun, devs wanna have)
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  mark {
+    background-color: #faf594;
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    padding: 0.1rem 0.3rem;
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Examples/Formatting/index.spec.ts b/demos/src/Examples/Formatting/index.spec.ts
new file mode 100644
index 0000000..05cd2a3
--- /dev/null
+++ b/demos/src/Examples/Formatting/index.spec.ts
@@ -0,0 +1,61 @@
+import { expect, test } from '@playwright/test'
+
+import { clickButton, getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Formatting'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+const marks = [{ label: 'Highlight', mark: 'mark' }]
+
+const alignments = [
+  { label: 'Left', alignment: 'left' },
+  { label: 'Center', alignment: 'center' },
+  { label: 'Right', alignment: 'right' },
+  { label: 'Justify', alignment: 'justify' },
+]
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.chain().focus().clearContent().run()
+        })
+      })
+
+      marks.forEach(m => {
+        test(`sets ${m.label}`, async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type('Hello world.')
+          await editor.evaluate((el: any) => el.editor.commands.selectAll())
+          await clickButton(page, m.label)
+
+          await expect(page.locator(`.tiptap ${m.mark}`)).toBeVisible()
+        })
+      })
+
+      alignments.forEach(a => {
+        test(`sets ${a.label}`, async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type('Hello world.')
+          await editor.evaluate((el: any) => el.editor.commands.selectAll())
+          await clickButton(page, a.label)
+
+          if (a.alignment !== 'left') {
+            await expect(page.locator('.tiptap p').first()).toHaveCSS('text-align', a.alignment)
+          }
+        })
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/Images/React/index.html b/demos/src/Examples/Images/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Images/React/index.jsx b/demos/src/Examples/Images/React/index.jsx
new file mode 100644
index 0000000..60e2b22
--- /dev/null
+++ b/demos/src/Examples/Images/React/index.jsx
@@ -0,0 +1,43 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Image, Dropcursor],
+    content: `
+      <p>This is a basic example of implementing images. Drag to re-order.</p>
+      <img src="https://placehold.co/600x400" />
+      <img src="https://placehold.co/800x400" />
+    `,
+  })
+
+  const addImage = () => {
+    const url = window.prompt('URL')
+
+    if (url) {
+      editor.chain().focus().setImage({ src: url }).run()
+    }
+  }
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button onClick={addImage}>Add image from URL</button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/Images/React/styles.scss b/demos/src/Examples/Images/React/styles.scss
new file mode 100644
index 0000000..51aa105
--- /dev/null
+++ b/demos/src/Examples/Images/React/styles.scss
@@ -0,0 +1,17 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
diff --git a/demos/src/Examples/Images/Vue/index.html b/demos/src/Examples/Images/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Images/Vue/index.vue b/demos/src/Examples/Images/Vue/index.vue
new file mode 100644
index 0000000..22f40ad
--- /dev/null
+++ b/demos/src/Examples/Images/Vue/index.vue
@@ -0,0 +1,76 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button @click="addImage">Add image from URL</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  methods: {
+    addImage() {
+      const url = window.prompt('URL')
+
+      if (url) {
+        this.editor.chain().focus().setImage({ src: url }).run()
+      }
+    },
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Image, Dropcursor],
+      content: `
+        <p>This is a basic example of implementing images. Drag to re-order.</p>
+        <img src="https://placehold.co/600x400" />
+        <img src="https://placehold.co/800x400" />
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/Images/index.spec.ts b/demos/src/Examples/Images/index.spec.ts
new file mode 100644
index 0000000..04b0dd7
--- /dev/null
+++ b/demos/src/Examples/Images/index.spec.ts
@@ -0,0 +1,33 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Images'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await getEditor(page)
+      })
+
+      test('removes a selected image with Backspace', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await expect(page.locator('.tiptap img')).toHaveCount(2)
+
+        await page.locator('.tiptap img').first().click()
+        await expect(page.locator('.tiptap img.ProseMirror-selectednode')).toBeVisible()
+
+        await editor.press('Backspace')
+
+        await expect(page.locator('.tiptap img')).toHaveCount(1)
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/InteractivityComponent/React/Component.jsx b/demos/src/Examples/InteractivityComponent/React/Component.jsx
new file mode 100644
index 0000000..c9183c9
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponent/React/Component.jsx
@@ -0,0 +1,22 @@
+import { NodeViewWrapper } from '@tiptap/react'
+import React from 'react'
+
+export default props => {
+  const increase = () => {
+    props.updateAttributes({
+      count: props.node.attrs.count + 1,
+    })
+  }
+
+  return (
+    <NodeViewWrapper className="react-component">
+      <label>React Component</label>
+
+      <div className="content">
+        <button onClick={increase}>
+          This button has been clicked {props.node.attrs.count} times.
+        </button>
+      </div>
+    </NodeViewWrapper>
+  )
+}
diff --git a/demos/src/Examples/InteractivityComponent/React/Extension.js b/demos/src/Examples/InteractivityComponent/React/Extension.js
new file mode 100644
index 0000000..fedc5f7
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponent/React/Extension.js
@@ -0,0 +1,36 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { ReactNodeViewRenderer } from '@tiptap/react'
+
+import Component from './Component.jsx'
+
+export default Node.create({
+  name: 'reactComponent',
+
+  group: 'block',
+
+  atom: true,
+
+  addAttributes() {
+    return {
+      count: {
+        default: 0,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'react-component',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['react-component', mergeAttributes(HTMLAttributes)]
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/Examples/InteractivityComponent/React/index.html b/demos/src/Examples/InteractivityComponent/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/InteractivityComponent/React/index.jsx b/demos/src/Examples/InteractivityComponent/React/index.jsx
new file mode 100644
index 0000000..c62c5a3
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponent/React/index.jsx
@@ -0,0 +1,24 @@
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import ReactComponent from './Extension.js'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit, ReactComponent],
+    content: `
+    <p>
+      This is still the text editor you’re used to, but enriched with node views.
+    </p>
+    <react-component count="0"></react-component>
+    <p>
+      Did you see that? That’s a React component. We are really living in the future.
+    </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Examples/InteractivityComponent/React/styles.scss b/demos/src/Examples/InteractivityComponent/React/styles.scss
new file mode 100644
index 0000000..3d00a3e
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponent/React/styles.scss
@@ -0,0 +1,116 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* React component */
+  .react-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+    }
+  }
+}
diff --git a/demos/src/Examples/InteractivityComponent/Vue/Component.vue b/demos/src/Examples/InteractivityComponent/Vue/Component.vue
new file mode 100644
index 0000000..4cfe47a
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponent/Vue/Component.vue
@@ -0,0 +1,58 @@
+<template>
+  <node-view-wrapper class="vue-component">
+    <label>Vue Component</label>
+
+    <div class="content">
+      <button @click="increase">This button has been clicked {{ node.attrs.count }} times.</button>
+    </div>
+  </node-view-wrapper>
+</template>
+
+<script>
+import { nodeViewProps, NodeViewWrapper } from '@tiptap/vue'
+
+export default {
+  components: {
+    NodeViewWrapper,
+  },
+
+  props: nodeViewProps,
+
+  methods: {
+    increase() {
+      this.updateAttributes({
+        count: this.node.attrs.count + 1,
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+.tiptap {
+  /* Vue component */
+  .vue-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/InteractivityComponent/Vue/Extension.js b/demos/src/Examples/InteractivityComponent/Vue/Extension.js
new file mode 100644
index 0000000..de7f8e2
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponent/Vue/Extension.js
@@ -0,0 +1,36 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { VueNodeViewRenderer } from '@tiptap/vue'
+
+import Component from './Component.vue'
+
+export default Node.create({
+  name: 'vueComponent',
+
+  group: 'block',
+
+  atom: true,
+
+  addAttributes() {
+    return {
+      count: {
+        default: 0,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'vue-component',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['vue-component', mergeAttributes(HTMLAttributes)]
+  },
+
+  addNodeView() {
+    return VueNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/Examples/InteractivityComponent/Vue/index.html b/demos/src/Examples/InteractivityComponent/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/InteractivityComponent/Vue/index.vue b/demos/src/Examples/InteractivityComponent/Vue/index.vue
new file mode 100644
index 0000000..590bcf1
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponent/Vue/index.vue
@@ -0,0 +1,135 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import VueComponent from './Extension.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, VueComponent],
+      content: `
+        <p>
+          This is still the text editor you’re used to, but enriched with node views.
+        </p>
+        <vue-component count="0"></vue-component>
+        <p>
+          Did you see that? That’s a Vue component. We are really living in the future.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Examples/InteractivityComponent/index.spec.ts b/demos/src/Examples/InteractivityComponent/index.spec.ts
new file mode 100644
index 0000000..00c2fad
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponent/index.spec.ts
@@ -0,0 +1,38 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'InteractivityComponent'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+    const componentClass = frameworkPath === 'React' ? '.react-component' : '.vue-component'
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('should render a custom node', async ({ page }) => {
+        await getEditor(page)
+        await expect(page.locator(`.tiptap ${componentClass}`)).toHaveCount(1)
+      })
+
+      test('should handle count click inside custom node', async ({ page }) => {
+        await getEditor(page)
+        const button = page.locator(`.tiptap ${componentClass} button`).first()
+
+        await expect(button).toHaveText('This button has been clicked 0 times.')
+        await button.click()
+        await expect(button).toHaveText('This button has been clicked 1 times.')
+        await button.click()
+        await expect(button).toHaveText('This button has been clicked 2 times.')
+        await button.click()
+        await expect(button).toHaveText('This button has been clicked 3 times.')
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/InteractivityComponentContent/React/Component.jsx b/demos/src/Examples/InteractivityComponentContent/React/Component.jsx
new file mode 100644
index 0000000..36fc95e
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentContent/React/Component.jsx
@@ -0,0 +1,12 @@
+import { NodeViewContent, NodeViewWrapper } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  return (
+    <NodeViewWrapper className="react-component">
+      <label contentEditable={false}>React Component</label>
+
+      <NodeViewContent className="content is-editable" />
+    </NodeViewWrapper>
+  )
+}
diff --git a/demos/src/Examples/InteractivityComponentContent/React/Extension.js b/demos/src/Examples/InteractivityComponentContent/React/Extension.js
new file mode 100644
index 0000000..b3cde83
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentContent/React/Extension.js
@@ -0,0 +1,28 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { ReactNodeViewRenderer } from '@tiptap/react'
+
+import Component from './Component.jsx'
+
+export default Node.create({
+  name: 'reactComponent',
+
+  group: 'block',
+
+  content: 'inline*',
+
+  parseHTML() {
+    return [
+      {
+        tag: 'react-component',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['react-component', mergeAttributes(HTMLAttributes), 0]
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/Examples/InteractivityComponentContent/React/index.html b/demos/src/Examples/InteractivityComponentContent/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/InteractivityComponentContent/React/index.jsx b/demos/src/Examples/InteractivityComponentContent/React/index.jsx
new file mode 100644
index 0000000..a81ac35
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentContent/React/index.jsx
@@ -0,0 +1,26 @@
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import ReactComponent from './Extension.js'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit, ReactComponent],
+    content: `
+    <p>
+      This is still the text editor you’re used to, but enriched with node views.
+    </p>
+    <react-component>
+      <p>This is editable.</p>
+    </react-component>
+    <p>
+      Did you see that? That’s a React component. We are really living in the future.
+    </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Examples/InteractivityComponentContent/React/styles.scss b/demos/src/Examples/InteractivityComponentContent/React/styles.scss
new file mode 100644
index 0000000..602feeb
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentContent/React/styles.scss
@@ -0,0 +1,123 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* React component */
+  .react-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+
+      &.is-editable {
+        border: 2px dashed var(--gray-3);
+        border-radius: 0.5rem;
+        margin: 2.5rem 1rem 1rem;
+        padding: 0.5rem;
+      }
+    }
+  }
+}
diff --git a/demos/src/Examples/InteractivityComponentContent/Vue/Component.vue b/demos/src/Examples/InteractivityComponentContent/Vue/Component.vue
new file mode 100644
index 0000000..95d66e6
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentContent/Vue/Component.vue
@@ -0,0 +1,55 @@
+<template>
+  <node-view-wrapper class="vue-component">
+    <label contenteditable="false">Vue Component</label>
+    <node-view-content class="content is-editable" />
+  </node-view-wrapper>
+</template>
+
+<script>
+import { NodeViewContent, nodeViewProps, NodeViewWrapper } from '@tiptap/vue'
+
+export default {
+  components: {
+    NodeViewWrapper,
+    NodeViewContent,
+  },
+
+  props: nodeViewProps,
+}
+</script>
+
+<style lang="scss">
+.tiptap {
+  /* Vue component */
+  .vue-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+
+      &.is-editable {
+        border: 2px dashed var(--gray-3);
+        border-radius: 0.5rem;
+        margin: 2.5rem 1rem 1rem;
+        padding: 0.5rem;
+      }
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/InteractivityComponentContent/Vue/Extension.js b/demos/src/Examples/InteractivityComponentContent/Vue/Extension.js
new file mode 100644
index 0000000..6e7db93
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentContent/Vue/Extension.js
@@ -0,0 +1,28 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { VueNodeViewRenderer } from '@tiptap/vue'
+
+import Component from './Component.vue'
+
+export default Node.create({
+  name: 'vueComponent',
+
+  group: 'block',
+
+  content: 'inline*',
+
+  parseHTML() {
+    return [
+      {
+        tag: 'vue-component',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['vue-component', mergeAttributes(HTMLAttributes), 0]
+  },
+
+  addNodeView() {
+    return VueNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/Examples/InteractivityComponentContent/Vue/index.html b/demos/src/Examples/InteractivityComponentContent/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/InteractivityComponentContent/Vue/index.vue b/demos/src/Examples/InteractivityComponentContent/Vue/index.vue
new file mode 100644
index 0000000..504363c
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentContent/Vue/index.vue
@@ -0,0 +1,137 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import VueComponent from './Extension.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, VueComponent],
+      content: `
+        <p>
+          This is still the text editor you’re used to, but enriched with node views.
+        </p>
+        <vue-component>
+          <p>This is editable.</p>
+        </vue-component>
+        <p>
+          Did you see that? That’s a Vue component. We are really living in the future.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Examples/InteractivityComponentContent/index.spec.ts b/demos/src/Examples/InteractivityComponentContent/index.spec.ts
new file mode 100644
index 0000000..db9b871
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentContent/index.spec.ts
@@ -0,0 +1,88 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'InteractivityComponentContent'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+    const componentClass = frameworkPath === 'React' ? '.react-component' : '.vue-component'
+    const nodeName = frameworkPath === 'React' ? 'reactComponent' : 'vueComponent'
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('should render a custom node', async ({ page }) => {
+        await getEditor(page)
+        await expect(page.locator(`.ProseMirror ${componentClass}`)).toHaveCount(1)
+      })
+
+      test('should allow text editing inside component', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any, name: string) => {
+          const e = el.editor
+          e.state.doc.descendants((node: any, pos: number) => {
+            if (node.type.name !== name) {
+              return true
+            }
+            const from = pos + 1
+            const to = pos + node.nodeSize - 1
+            e.chain()
+              .focus()
+              .setTextSelection({ from, to })
+              .deleteSelection()
+              .insertContent('Hello World!')
+              .run()
+            return false
+          })
+        }, nodeName)
+
+        const content = page.locator(`.ProseMirror ${componentClass} .content`).first()
+        await expect(content).toHaveText('Hello World!')
+      })
+
+      test('should allow text editing inside component with markdown text', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any, name: string) => {
+          const e = el.editor
+          e.state.doc.descendants((node: any, pos: number) => {
+            if (node.type.name !== name) {
+              return true
+            }
+            const from = pos + 1
+            const to = pos + node.nodeSize - 1
+            e.chain().focus().setTextSelection({ from, to }).deleteSelection().run()
+            return false
+          })
+        }, nodeName)
+
+        const content = page.locator(`.ProseMirror ${componentClass} .content`).first()
+
+        await content.click()
+        await page.keyboard.type('Hello World! This is **bold**.')
+
+        await expect(content).toHaveText('Hello World! This is bold.')
+        await expect(page.locator(`.ProseMirror ${componentClass} .content strong`)).toBeVisible()
+      })
+
+      test('should remove node via selectall', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await expect(page.locator(`.ProseMirror ${componentClass}`)).toHaveCount(1)
+
+        await editor.evaluate((el: any) => {
+          el.editor.chain().focus().selectAll().deleteSelection().run()
+        })
+
+        await expect(page.locator(`.ProseMirror ${componentClass}`)).toHaveCount(0)
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/InteractivityComponentProvideInject/Vue/Component.vue b/demos/src/Examples/InteractivityComponentProvideInject/Vue/Component.vue
new file mode 100644
index 0000000..dbaf623
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentProvideInject/Vue/Component.vue
@@ -0,0 +1,50 @@
+<template>
+  <node-view-wrapper class="vue-component">
+    <label>Vue Component</label>
+    <ValidateInject />
+  </node-view-wrapper>
+</template>
+
+<script>
+import { nodeViewProps, NodeViewWrapper } from '@tiptap/vue'
+
+import ValidateInject from './ValidateInject.vue'
+
+export default {
+  components: {
+    NodeViewWrapper,
+    ValidateInject,
+  },
+
+  props: nodeViewProps,
+}
+</script>
+
+<style lang="scss">
+.tiptap {
+  /* Vue component */
+  .vue-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/InteractivityComponentProvideInject/Vue/Editor.vue b/demos/src/Examples/InteractivityComponentProvideInject/Vue/Editor.vue
new file mode 100644
index 0000000..4fa6186
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentProvideInject/Vue/Editor.vue
@@ -0,0 +1,141 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import VueComponent from './Extension.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  provide() {
+    return {
+      editorValue: 'editorValue',
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, VueComponent],
+      content: `
+        <p>
+          This is still the text editor you’re used to, but enriched with node views.
+        </p>
+        <vue-component count="0"></vue-component>
+        <p>
+          Did you see that? That’s a Vue component. We are really living in the future.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Examples/InteractivityComponentProvideInject/Vue/Extension.js b/demos/src/Examples/InteractivityComponentProvideInject/Vue/Extension.js
new file mode 100644
index 0000000..de7f8e2
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentProvideInject/Vue/Extension.js
@@ -0,0 +1,36 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { VueNodeViewRenderer } from '@tiptap/vue'
+
+import Component from './Component.vue'
+
+export default Node.create({
+  name: 'vueComponent',
+
+  group: 'block',
+
+  atom: true,
+
+  addAttributes() {
+    return {
+      count: {
+        default: 0,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'vue-component',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['vue-component', mergeAttributes(HTMLAttributes)]
+  },
+
+  addNodeView() {
+    return VueNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/Examples/InteractivityComponentProvideInject/Vue/ValidateInject.vue b/demos/src/Examples/InteractivityComponentProvideInject/Vue/ValidateInject.vue
new file mode 100644
index 0000000..58161b3
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentProvideInject/Vue/ValidateInject.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="validate-inject">
+    <p>{{ globalValue }}</p>
+    <p>{{ appValue }}</p>
+    <p>{{ indexValue }}</p>
+    <p>{{ editorValue }}</p>
+  </div>
+</template>
+
+<script>
+export default {
+  inject: ['appValue', 'indexValue', 'editorValue'],
+}
+</script>
+
+<style lang="scss">
+.validate-inject {
+  margin-top: 2rem;
+}
+</style>
diff --git a/demos/src/Examples/InteractivityComponentProvideInject/Vue/index.html b/demos/src/Examples/InteractivityComponentProvideInject/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/InteractivityComponentProvideInject/Vue/index.vue b/demos/src/Examples/InteractivityComponentProvideInject/Vue/index.vue
new file mode 100644
index 0000000..185226b
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentProvideInject/Vue/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <Editor />
+</template>
+
+<script>
+import Editor from './Editor.vue'
+
+export default {
+  components: {
+    Editor,
+  },
+
+  provide() {
+    return {
+      indexValue: 'indexValue',
+    }
+  },
+}
+
+export function configureApp(app) {
+  app.config.globalProperties.globalValue = 'globalValue'
+  app.provide('appValue', 'appValue')
+}
+</script>
diff --git a/demos/src/Examples/InteractivityComponentProvideInject/index.spec.ts b/demos/src/Examples/InteractivityComponentProvideInject/index.spec.ts
new file mode 100644
index 0000000..beaea1a
--- /dev/null
+++ b/demos/src/Examples/InteractivityComponentProvideInject/index.spec.ts
@@ -0,0 +1,45 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'InteractivityComponentProvideInject'
+const frameworkPaths = ['Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('should have a working tiptap instance', async ({ page }) => {
+        const editor = await getEditor(page)
+        const hasEditor = await editor.evaluate((el: any) => !!el.editor)
+
+        expect(hasEditor).toBe(true)
+      })
+
+      test('should render a custom node', async ({ page }) => {
+        await getEditor(page)
+        await expect(page.locator('.tiptap .vue-component')).toHaveCount(1)
+      })
+
+      test('should have global and all injected values', async ({ page }) => {
+        await getEditor(page)
+        const expectedTexts = ['globalValue', 'appValue', 'indexValue', 'editorValue']
+        const paragraphs = page.locator('.tiptap .vue-component p')
+
+        await expectedTexts.reduce<Promise<void>>(
+          (previousPromise, text, i) =>
+            previousPromise.then(async () => {
+              await expect(paragraphs.nth(i)).toHaveText(text)
+            }),
+          Promise.resolve(),
+        )
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/JSX/React/Paragraph.tsx b/demos/src/Examples/JSX/React/Paragraph.tsx
new file mode 100644
index 0000000..8084b28
--- /dev/null
+++ b/demos/src/Examples/JSX/React/Paragraph.tsx
@@ -0,0 +1,13 @@
+/** @jsxImportSource @tiptap/core */
+import { mergeAttributes } from '@tiptap/core'
+import { Paragraph as BaseParagraph } from '@tiptap/extension-paragraph'
+
+export const Paragraph = BaseParagraph.extend({
+  renderHTML({ HTMLAttributes }) {
+    return (
+      <p {...mergeAttributes(HTMLAttributes, { style: 'color: red' })}>
+        <slot />
+      </p>
+    )
+  },
+})
diff --git a/demos/src/Examples/JSX/React/index.html b/demos/src/Examples/JSX/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/JSX/React/index.tsx b/demos/src/Examples/JSX/React/index.tsx
new file mode 100644
index 0000000..562da83
--- /dev/null
+++ b/demos/src/Examples/JSX/React/index.tsx
@@ -0,0 +1,25 @@
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import { Paragraph } from './Paragraph.jsx'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit.configure({
+        paragraph: false,
+      }),
+      Paragraph,
+    ],
+    content: `
+    <p>
+      Each paragraph will be red
+    </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Examples/JSX/React/styles.scss b/demos/src/Examples/JSX/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/Examples/JSX/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Examples/JSX/Vue/Paragraph.tsx b/demos/src/Examples/JSX/Vue/Paragraph.tsx
new file mode 100644
index 0000000..8084b28
--- /dev/null
+++ b/demos/src/Examples/JSX/Vue/Paragraph.tsx
@@ -0,0 +1,13 @@
+/** @jsxImportSource @tiptap/core */
+import { mergeAttributes } from '@tiptap/core'
+import { Paragraph as BaseParagraph } from '@tiptap/extension-paragraph'
+
+export const Paragraph = BaseParagraph.extend({
+  renderHTML({ HTMLAttributes }) {
+    return (
+      <p {...mergeAttributes(HTMLAttributes, { style: 'color: red' })}>
+        <slot />
+      </p>
+    )
+  },
+})
diff --git a/demos/src/Examples/JSX/Vue/index.html b/demos/src/Examples/JSX/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/JSX/Vue/index.vue b/demos/src/Examples/JSX/Vue/index.vue
new file mode 100644
index 0000000..f0af89f
--- /dev/null
+++ b/demos/src/Examples/JSX/Vue/index.vue
@@ -0,0 +1,52 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import { Paragraph } from './Paragraph.tsx'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit.configure({
+          paragraph: false,
+        }),
+        Paragraph,
+      ],
+      content: `
+      <p>
+        Each paragraph will be red
+      </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  > * + * {
+    margin-top: 0.75em;
+  }
+}
+</style>
+n
diff --git a/demos/src/Examples/JSX/index.spec.ts b/demos/src/Examples/JSX/index.spec.ts
new file mode 100644
index 0000000..1d45c43
--- /dev/null
+++ b/demos/src/Examples/JSX/index.spec.ts
@@ -0,0 +1,31 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'JSX'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('should have a working tiptap instance', async ({ page }) => {
+        const editor = await getEditor(page)
+        const hasEditor = await editor.evaluate((el: any) => !!el.editor)
+
+        expect(hasEditor).toBe(true)
+      })
+
+      test('should have paragraphs colored as red', async ({ page }) => {
+        await getEditor(page)
+        await expect(page.locator('.tiptap p').first()).toHaveCSS('color', 'rgb(255, 0, 0)')
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/MarkdownShortcuts/React/index.html b/demos/src/Examples/MarkdownShortcuts/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/MarkdownShortcuts/React/index.jsx b/demos/src/Examples/MarkdownShortcuts/React/index.jsx
new file mode 100644
index 0000000..60bfd28
--- /dev/null
+++ b/demos/src/Examples/MarkdownShortcuts/React/index.jsx
@@ -0,0 +1,32 @@
+import './styles.scss'
+
+import Highlight from '@tiptap/extension-highlight'
+import Typography from '@tiptap/extension-typography'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit, Highlight, Typography],
+    content: `
+    <p>
+      Markdown shortcuts make it easy to format the text while typing.
+    </p>
+    <p>
+      To test that, start a new line and type <code>#</code> followed by a space to get a heading. Try <code>#</code>, <code>##</code>, <code>###</code>, <code>####</code>, <code>#####</code>, <code>######</code> for different levels.
+    </p>
+    <p>
+      Those conventions are called input rules in Tiptap. Some of them are enabled by default. Try <code>></code> for blockquotes, <code>*</code>, <code>-</code> or <code>+</code> for bullet lists, or <code>\`foobar\`</code> to highlight code, <code>~~tildes~~</code> to strike text, or <code>==equal signs==</code> to highlight text.
+    </p>
+    <p>
+      You can overwrite existing input rules or add your own to nodes, marks and extensions.
+    </p>
+    <p>
+      For example, we added the <code>Typography</code> extension here. Try typing <code>(c)</code> to see how it’s converted to a proper © character. You can also try <code>-></code>, <code>>></code>, <code>1/2</code>, <code>!=</code>, or <code>--</code>.
+    </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Examples/MarkdownShortcuts/React/styles.scss b/demos/src/Examples/MarkdownShortcuts/React/styles.scss
new file mode 100644
index 0000000..7cc0417
--- /dev/null
+++ b/demos/src/Examples/MarkdownShortcuts/React/styles.scss
@@ -0,0 +1,98 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  mark {
+    background-color: #faf594;
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    padding: 0.1rem 0.3rem;
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Examples/MarkdownShortcuts/Vue/index.html b/demos/src/Examples/MarkdownShortcuts/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/MarkdownShortcuts/Vue/index.vue b/demos/src/Examples/MarkdownShortcuts/Vue/index.vue
new file mode 100644
index 0000000..c2b1231
--- /dev/null
+++ b/demos/src/Examples/MarkdownShortcuts/Vue/index.vue
@@ -0,0 +1,150 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Highlight from '@tiptap/extension-highlight'
+import Typography from '@tiptap/extension-typography'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, Highlight, Typography],
+      content: `
+        <p>
+          Markdown shortcuts make it easy to format the text while typing.
+        </p>
+        <p>
+          To test that, start a new line and type <code>#</code> followed by a space to get a heading. Try <code>#</code>, <code>##</code>, <code>###</code>, <code>####</code>, <code>#####</code>, <code>######</code> for different levels.
+        </p>
+        <p>
+          Those conventions are called input rules in Tiptap. Some of them are enabled by default. Try <code>></code> for blockquotes, <code>*</code>, <code>-</code> or <code>+</code> for bullet lists, or <code>\`foobar\`</code> to highlight code, <code>~~tildes~~</code> to strike text, or <code>==equal signs==</code> to highlight text.
+        </p>
+        <p>
+          You can overwrite existing input rules or add your own to nodes, marks and extensions.
+        </p>
+        <p>
+          For example, we added the <code>Typography</code> extension here. Try typing <code>(c)</code> to see how it’s converted to a proper © character. You can also try <code>-></code>, <code>>></code>, <code>1/2</code>, <code>!=</code>, or <code>--</code>.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  mark {
+    background-color: #faf594;
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    padding: 0.1rem 0.3rem;
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Examples/MarkdownShortcuts/index.spec.ts b/demos/src/Examples/MarkdownShortcuts/index.spec.ts
new file mode 100644
index 0000000..c93f2ef
--- /dev/null
+++ b/demos/src/Examples/MarkdownShortcuts/index.spec.ts
@@ -0,0 +1,84 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'MarkdownShortcuts'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.commands.clearContent()
+        })
+      })
+      ;[1, 2, 3, 4, 5, 6].forEach(level => {
+        test(`should make a h${level}`, async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type(`${'#'.repeat(level)} Headline`)
+
+          await expect(page.locator(`.tiptap h${level}`)).toContainText('Headline')
+        })
+      })
+
+      test('should create inline code', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.type('`$foobar`')
+
+        await expect(page.locator('.tiptap code')).toContainText('$foobar')
+      })
+
+      test('should create a code block without language', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.type('``` ')
+        await editor.press('Enter')
+        await editor.type('const foo = bar')
+        await editor.press('Enter')
+        await editor.type('```')
+
+        await expect(page.locator('.tiptap pre')).toContainText('const foo = bar')
+      })
+      ;['*', '-', '+'].forEach(symbol => {
+        test(`should create a bullet list from ${symbol}`, async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type(`${symbol} foobar`)
+
+          await expect(page.locator('.tiptap ul')).toContainText('foobar')
+        })
+      })
+
+      test('should create a ordered list', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.type('1. foobar')
+
+        await expect(page.locator('.tiptap ol')).toContainText('foobar')
+      })
+
+      test('should create a blockquote', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.type('> foobar')
+
+        await expect(page.locator('.tiptap blockquote')).toContainText('foobar')
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/Menus/React/index.html b/demos/src/Examples/Menus/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Menus/React/index.jsx b/demos/src/Examples/Menus/React/index.jsx
new file mode 100644
index 0000000..59c749b
--- /dev/null
+++ b/demos/src/Examples/Menus/React/index.jsx
@@ -0,0 +1,97 @@
+import './styles.scss'
+
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import { BubbleMenu, FloatingMenu } from '@tiptap/react/menus'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit],
+    content: `
+      <p>
+        Try to select <em>this text</em> to see what we call the bubble menu.
+      </p>
+      <p>
+        Neat, isn’t it? Add an empty paragraph to see the floating menu.
+      </p>
+    `,
+  })
+
+  const { isBold, isItalic, isStrike, isHeading1, isHeading2, isBulletList } = useEditorState({
+    editor,
+    selector: ctx => {
+      if (!ctx.editor) {
+        return {
+          isBold: false,
+          isItalic: false,
+          isStrike: false,
+          isHeading1: false,
+          isHeading2: false,
+          isBulletList: false,
+        }
+      }
+
+      return {
+        isBold: ctx.editor.isActive('bold') ?? false,
+        isItalic: ctx.editor.isActive('italic') ?? false,
+        isStrike: ctx.editor.isActive('strike') ?? false,
+        isHeading1: ctx.editor.isActive('heading', { level: 1 }) ?? false,
+        isHeading2: ctx.editor.isActive('heading', { level: 2 }) ?? false,
+        isBulletList: ctx.editor.isActive('bulletList') ?? false,
+      }
+    },
+  })
+
+  return (
+    <>
+      {editor && (
+        <BubbleMenu className="bubble-menu" editor={editor}>
+          <button
+            onClick={() => editor.chain().focus().toggleBold().run()}
+            className={isBold ? 'is-active' : ''}
+          >
+            Bold
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleItalic().run()}
+            className={isItalic ? 'is-active' : ''}
+          >
+            Italic
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleStrike().run()}
+            className={isStrike ? 'is-active' : ''}
+          >
+            Strike
+          </button>
+        </BubbleMenu>
+      )}
+
+      {editor && (
+        <FloatingMenu className="floating-menu" editor={editor}>
+          <button
+            onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+            className={isHeading1 ? 'is-active' : ''}
+          >
+            H1
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+            className={isHeading2 ? 'is-active' : ''}
+          >
+            H2
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleBulletList().run()}
+            className={isBulletList ? 'is-active' : ''}
+          >
+            Bullet list
+          </button>
+        </FloatingMenu>
+      )}
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/Menus/React/styles.scss b/demos/src/Examples/Menus/React/styles.scss
new file mode 100644
index 0000000..f621f9e
--- /dev/null
+++ b/demos/src/Examples/Menus/React/styles.scss
@@ -0,0 +1,144 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+
+/* Bubble menu */
+.bubble-menu {
+  background-color: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  padding: 0.2rem;
+
+  button {
+    background-color: unset;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--purple);
+
+      &:hover {
+        background-color: var(--purple-contrast);
+      }
+    }
+  }
+}
+
+/* Floating menu */
+.floating-menu {
+  display: flex;
+  background-color: var(--gray-3);
+  padding: 0.1rem;
+  border-radius: 0.5rem;
+
+  button {
+    background-color: unset;
+    padding: 0.275rem 0.425rem;
+    border-radius: 0.3rem;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--white);
+      color: var(--purple);
+
+      &:hover {
+        color: var(--purple-contrast);
+      }
+    }
+  }
+}
diff --git a/demos/src/Examples/Menus/Vue/index.html b/demos/src/Examples/Menus/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Menus/Vue/index.vue b/demos/src/Examples/Menus/Vue/index.vue
new file mode 100644
index 0000000..ed0844e
--- /dev/null
+++ b/demos/src/Examples/Menus/Vue/index.vue
@@ -0,0 +1,236 @@
+<template>
+  <div v-if="editor">
+    <bubble-menu :editor="editor">
+      <div class="bubble-menu">
+        <button
+          @click="editor.chain().focus().toggleBold().run()"
+          :class="{ 'is-active': editor.isActive('bold') }"
+        >
+          Bold
+        </button>
+        <button
+          @click="editor.chain().focus().toggleItalic().run()"
+          :class="{ 'is-active': editor.isActive('italic') }"
+        >
+          Italic
+        </button>
+        <button
+          @click="editor.chain().focus().toggleStrike().run()"
+          :class="{ 'is-active': editor.isActive('strike') }"
+        >
+          Strike
+        </button>
+      </div>
+    </bubble-menu>
+
+    <floating-menu :editor="editor">
+      <div class="floating-menu">
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }"
+        >
+          H1
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }"
+        >
+          H2
+        </button>
+        <button
+          @click="editor.chain().focus().toggleBulletList().run()"
+          :class="{ 'is-active': editor.isActive('bulletList') }"
+        >
+          Bullet list
+        </button>
+      </div>
+    </floating-menu>
+  </div>
+
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { BubbleMenu, FloatingMenu } from '@tiptap/vue/menus'
+
+export default {
+  components: {
+    EditorContent,
+    BubbleMenu,
+    FloatingMenu,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit],
+      content: `
+        <p>
+          Try to select <em>this text</em> to see what we call the bubble menu.
+        </p>
+        <p>
+          Neat, isn’t it? Add an empty paragraph to see the floating menu.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+
+/* Bubble menu */
+.bubble-menu {
+  background-color: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  padding: 0.2rem;
+
+  button {
+    background-color: unset;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--purple);
+
+      &:hover {
+        background-color: var(--purple-contrast);
+      }
+    }
+  }
+}
+
+/* Floating menu */
+.floating-menu {
+  display: flex;
+  background-color: var(--gray-3);
+  padding: 0.1rem;
+  border-radius: 0.5rem;
+
+  button {
+    background-color: unset;
+    padding: 0.275rem 0.425rem;
+    border-radius: 0.3rem;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--white);
+      color: var(--purple);
+
+      &:hover {
+        color: var(--purple-contrast);
+      }
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/Menus/index.spec.ts b/demos/src/Examples/Menus/index.spec.ts
new file mode 100644
index 0000000..49e5ef3
--- /dev/null
+++ b/demos/src/Examples/Menus/index.spec.ts
@@ -0,0 +1,61 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Menus'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+const marks = [
+  { button: 'Bold', tag: 'strong' },
+  { button: 'Italic', tag: 'em' },
+  { button: 'Strike', tag: 's' },
+]
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.chain().focus().clearContent().run()
+        })
+      })
+
+      test('should show menu when the editor is empty', async ({ page }) => {
+        await expect(page.locator('.floating-menu').first()).toBeVisible()
+      })
+
+      test('should show menu when text is selected', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.type('Test')
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+
+        await expect(page.locator('.bubble-menu').first()).toBeVisible()
+      })
+
+      marks.forEach(m => {
+        test(`should apply ${m.button} correctly`, async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type('Test')
+          await editor.evaluate((el: any) => el.editor.commands.selectAll())
+
+          await page
+            .locator('.bubble-menu')
+            .getByRole('button', { name: m.button, exact: true })
+            .click()
+
+          await expect(page.locator(`.tiptap p ${m.tag}`)).toBeVisible()
+        })
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/Minimal/React/index.html b/demos/src/Examples/Minimal/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Minimal/React/index.jsx b/demos/src/Examples/Minimal/React/index.jsx
new file mode 100644
index 0000000..209663f
--- /dev/null
+++ b/demos/src/Examples/Minimal/React/index.jsx
@@ -0,0 +1,23 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text],
+    content: `
+      <p>
+        This is a radically reduced version of Tiptap. It has support for a document, with paragraphs and text. That’s it. It’s probably too much for real minimalists though.
+      </p>
+      <p>
+        The paragraph extension is not really required, but you need at least one node. Sure, that node can be something different.
+      </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Examples/Minimal/React/styles.scss b/demos/src/Examples/Minimal/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Examples/Minimal/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Examples/Minimal/Vue/index.html b/demos/src/Examples/Minimal/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Minimal/Vue/index.vue b/demos/src/Examples/Minimal/Vue/index.vue
new file mode 100644
index 0000000..fa1add4
--- /dev/null
+++ b/demos/src/Examples/Minimal/Vue/index.vue
@@ -0,0 +1,49 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      content: `
+        <p>
+          This is a radically reduced version of Tiptap. It has support for a document, with paragraphs and text. That’s it. It’s probably too much for real minimalists though.
+        </p>
+        <p>
+          The paragraph extension is not really required, but you need at least one node. Sure, that node can be something different.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Examples/Minimal/index.spec.ts b/demos/src/Examples/Minimal/index.spec.ts
new file mode 100644
index 0000000..6ff4b83
--- /dev/null
+++ b/demos/src/Examples/Minimal/index.spec.ts
@@ -0,0 +1,68 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Minimal'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.commands.clearContent()
+        })
+      })
+
+      test('text should be wrapped in a paragraph by default', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.type('Example Text')
+
+        await expect(page.locator('.tiptap p')).toContainText('Example Text')
+      })
+
+      test('should parse paragraphs correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        const result = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p>Example Text</p>')
+          const first = el.editor.getHTML()
+          el.editor.commands.setContent('<p style="color:DodgerBlue;">Example Text</p>')
+          return [first, el.editor.getHTML()]
+        })
+
+        expect(result).toEqual(['<p>Example Text</p>', '<p>Example Text</p>'])
+      })
+
+      test('enter should make a new paragraph', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.type('First Paragraph')
+        await editor.press('Enter')
+        await editor.type('Second Paragraph')
+
+        await expect(page.locator('.tiptap p')).toHaveCount(2)
+      })
+
+      test('backspace should remove the last paragraph', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.press('Enter')
+        await expect(page.locator('.tiptap p')).toHaveCount(2)
+
+        await editor.press('Backspace')
+        await expect(page.locator('.tiptap p')).toHaveCount(1)
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/MultiMention/React/MentionList.jsx b/demos/src/Examples/MultiMention/React/MentionList.jsx
new file mode 100644
index 0000000..9d1a396
--- /dev/null
+++ b/demos/src/Examples/MultiMention/React/MentionList.jsx
@@ -0,0 +1,68 @@
+import './MentionList.scss'
+
+import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react'
+
+export default forwardRef((props, ref) => {
+  const [selectedIndex, setSelectedIndex] = useState(0)
+
+  const selectItem = index => {
+    const item = props.items[index]
+
+    if (item) {
+      props.command({ id: item })
+    }
+  }
+
+  const upHandler = () => {
+    setSelectedIndex((selectedIndex + props.items.length - 1) % props.items.length)
+  }
+
+  const downHandler = () => {
+    setSelectedIndex((selectedIndex + 1) % props.items.length)
+  }
+
+  const enterHandler = () => {
+    selectItem(selectedIndex)
+  }
+
+  useEffect(() => setSelectedIndex(0), [props.items])
+
+  useImperativeHandle(ref, () => ({
+    onKeyDown: ({ event }) => {
+      if (event.key === 'ArrowUp') {
+        upHandler()
+        return true
+      }
+
+      if (event.key === 'ArrowDown') {
+        downHandler()
+        return true
+      }
+
+      if (event.key === 'Enter') {
+        enterHandler()
+        return true
+      }
+
+      return false
+    },
+  }))
+
+  return (
+    <div className="dropdown-menu">
+      {props.items.length ? (
+        props.items.map((item, index) => (
+          <button
+            className={index === selectedIndex ? 'is-selected' : ''}
+            key={index}
+            onClick={() => selectItem(index)}
+          >
+            {item}
+          </button>
+        ))
+      ) : (
+        <div className="item">No result</div>
+      )}
+    </div>
+  )
+})
diff --git a/demos/src/Examples/MultiMention/React/MentionList.scss b/demos/src/Examples/MultiMention/React/MentionList.scss
new file mode 100644
index 0000000..e9ee1ab
--- /dev/null
+++ b/demos/src/Examples/MultiMention/React/MentionList.scss
@@ -0,0 +1,31 @@
+/* Dropdown menu */
+.dropdown-menu {
+  background: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  overflow: auto;
+  padding: 0.4rem;
+  position: relative;
+
+  button {
+    align-items: center;
+    background-color: transparent;
+    display: flex;
+    gap: 0.25rem;
+    text-align: left;
+    width: 100%;
+
+    &:hover,
+    &:hover.is-selected {
+      background-color: var(--gray-3);
+    }
+
+    &.is-selected {
+      background-color: var(--gray-2);
+    }
+  }
+}
diff --git a/demos/src/Examples/MultiMention/React/index.html b/demos/src/Examples/MultiMention/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/MultiMention/React/index.jsx b/demos/src/Examples/MultiMention/React/index.jsx
new file mode 100644
index 0000000..e46d740
--- /dev/null
+++ b/demos/src/Examples/MultiMention/React/index.jsx
@@ -0,0 +1,40 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Mention from '@tiptap/extension-mention'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+import suggestions from './suggestions.js'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Mention.configure({
+        HTMLAttributes: {
+          class: 'mention',
+        },
+        suggestions,
+      }),
+    ],
+    content: `
+        <p>Hi everyone! Don’t forget the daily stand up at 8 AM.</p>
+        <p>We will talk about the movies: <span data-type="mention" data-id="Dirty Dancing" data-mention-suggestion-char="#"></span>, <span data-type="mention" data-id="Pirates of the Caribbean" data-mention-suggestion-char="#"></span> and <span data-type="mention" data-id="The Matrix" data-mention-suggestion-char="#"></span>.</p>
+        <p><span data-type="mention" data-id="Jennifer Grey"></span> Would you mind to share what you’ve been working on lately? We fear not much happened since <span data-type="mention" data-id="Dirty Dancing" data-mention-suggestion-char="#"></span>.</p>
+        <p><span data-type="mention" data-id="Winona Ryder"></span> <span data-type="mention" data-id="Axl Rose"></span> Let’s go through your most important points quickly.</p>
+        <p>I have a meeting with <span data-type="mention" data-id="Christina Applegate"></span> and don’t want to come late.</p>
+        <p>– Thanks, your big boss</p>
+      `,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Examples/MultiMention/React/styles.scss b/demos/src/Examples/MultiMention/React/styles.scss
new file mode 100644
index 0000000..ef91d9b
--- /dev/null
+++ b/demos/src/Examples/MultiMention/React/styles.scss
@@ -0,0 +1,52 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  .mention {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    color: var(--purple);
+    padding: 0.1rem 0.3rem;
+    &::after {
+      content: '\200B';
+    }
+  }
+
+  /* Suggestion inline decoration styles (created by @tiptap/suggestion)
+     Visible highlight to help see the active suggestion range in demos */
+  [data-decoration-id] {
+    /* Reuse theme variables from demos setup for consistent look */
+    background-color: var(--purple-light);
+    border-bottom: 2px dashed var(--purple-contrast);
+    border-radius: 0.2rem;
+    padding: 0 0.18rem;
+    box-decoration-break: clone;
+  }
+
+  /* When the decoration is empty (no query), add a subtle hint */
+  [data-decoration-id].is-empty::after {
+    content: '\00A0';
+    border-bottom: 1px dotted var(--gray-3);
+  }
+
+  /* Make suggestion decoration visually match mention nodes */
+  .suggestion {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    color: var(--purple);
+    padding: 0.1rem 0.3rem;
+  }
+
+  .suggestion::after {
+    content: '\200B';
+  }
+
+  .suggestion.is-empty::after {
+    content: '\00A0';
+    border-bottom: 1px dotted rgba(31, 41, 55, 0.12);
+  }
+}
diff --git a/demos/src/Examples/MultiMention/React/suggestions.js b/demos/src/Examples/MultiMention/React/suggestions.js
new file mode 100644
index 0000000..d49f31d
--- /dev/null
+++ b/demos/src/Examples/MultiMention/React/suggestions.js
@@ -0,0 +1,160 @@
+import { computePosition, flip, shift } from '@floating-ui/dom'
+import { posToDOMRect, ReactRenderer } from '@tiptap/react'
+
+import MentionList from './MentionList.jsx'
+
+const updatePosition = (editor, element) => {
+  const virtualElement = {
+    getBoundingClientRect: () =>
+      posToDOMRect(editor.view, editor.state.selection.from, editor.state.selection.to),
+  }
+
+  computePosition(virtualElement, element, {
+    placement: 'bottom-start',
+    strategy: 'absolute',
+    middleware: [shift(), flip()],
+  }).then(({ x, y, strategy }) => {
+    element.style.width = 'max-content'
+    element.style.position = strategy
+    element.style.left = `${x}px`
+    element.style.top = `${y}px`
+  })
+}
+
+export default [
+  {
+    items: ({ query }) => {
+      return [
+        'Lea Thompson',
+        'Cyndi Lauper',
+        'Tom Cruise',
+        'Madonna',
+        'Jerry Hall',
+        'Joan Collins',
+        'Winona Ryder',
+        'Christina Applegate',
+        'Alyssa Milano',
+        'Molly Ringwald',
+        'Ally Sheedy',
+        'Debbie Harry',
+        'Olivia Newton-John',
+        'Elton John',
+        'Michael J. Fox',
+        'Axl Rose',
+        'Emilio Estevez',
+        'Ralph Macchio',
+        'Rob Lowe',
+        'Jennifer Grey',
+        'Mickey Rourke',
+        'John Cusack',
+        'Matthew Broderick',
+        'Justine Bateman',
+        'Lisa Bonet',
+      ]
+        .filter(item => item.toLowerCase().startsWith(query.toLowerCase()))
+        .slice(0, 5)
+    },
+
+    render: () => {
+      let component
+
+      return {
+        onStart: props => {
+          component = new ReactRenderer(MentionList, {
+            props,
+            editor: props.editor,
+          })
+
+          if (!props.clientRect) {
+            return
+          }
+
+          component.element.style.position = 'absolute'
+
+          document.body.appendChild(component.element)
+
+          updatePosition(props.editor, component.element)
+        },
+
+        onUpdate(props) {
+          component.updateProps(props)
+
+          if (!props.clientRect) {
+            return
+          }
+
+          updatePosition(props.editor, component.element)
+        },
+
+        onKeyDown(props) {
+          if (props.event.key === 'Escape') {
+            component.destroy()
+
+            return true
+          }
+
+          return component.ref?.onKeyDown(props)
+        },
+
+        onExit() {
+          component.destroy()
+        },
+      }
+    },
+  },
+  {
+    char: '#',
+    items: ({ query }) => {
+      return ['Dirty Dancing', 'Pirates of the Caribbean', 'The Matrix']
+        .filter(item => item.toLowerCase().startsWith(query.toLowerCase()))
+        .slice(0, 5)
+    },
+
+    render: () => {
+      let component
+
+      return {
+        onStart: props => {
+          component = new ReactRenderer(MentionList, {
+            props,
+            editor: props.editor,
+          })
+
+          if (!props.clientRect) {
+            return
+          }
+
+          component.element.style.position = 'absolute'
+
+          document.body.appendChild(component.element)
+
+          updatePosition(props.editor, component.element)
+        },
+
+        onUpdate(props) {
+          component.updateProps(props)
+
+          if (!props.clientRect) {
+            return
+          }
+
+          updatePosition(props.editor, component.element)
+        },
+
+        onKeyDown(props) {
+          if (props.event.key === 'Escape') {
+            component.destroy()
+
+            return true
+          }
+
+          return component.ref?.onKeyDown(props)
+        },
+
+        onExit() {
+          component.destroy()
+        },
+      }
+    },
+  },
+]
diff --git a/demos/src/Examples/MultiMention/Vue/MentionList.vue b/demos/src/Examples/MultiMention/Vue/MentionList.vue
new file mode 100644
index 0000000..9b62c75
--- /dev/null
+++ b/demos/src/Examples/MultiMention/Vue/MentionList.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="dropdown-menu">
+    <template v-if="items.length">
+      <button
+        :class="{ 'is-selected': index === selectedIndex }"
+        v-for="(item, index) in items"
+        :key="index"
+        @click="selectItem(index)"
+      >
+        {{ item }}
+      </button>
+    </template>
+    <div class="item" v-else>No result</div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    items: {
+      type: Array,
+      required: true,
+    },
+
+    command: {
+      type: Function,
+      required: true,
+    },
+  },
+
+  data() {
+    return {
+      selectedIndex: 0,
+    }
+  },
+
+  watch: {
+    items() {
+      this.selectedIndex = 0
+    },
+  },
+
+  methods: {
+    onKeyDown({ event }) {
+      if (event.key === 'ArrowUp') {
+        this.upHandler()
+        return true
+      }
+
+      if (event.key === 'ArrowDown') {
+        this.downHandler()
+        return true
+      }
+
+      if (event.key === 'Enter') {
+        this.enterHandler()
+        return true
+      }
+
+      return false
+    },
+
+    upHandler() {
+      this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length
+    },
+
+    downHandler() {
+      this.selectedIndex = (this.selectedIndex + 1) % this.items.length
+    },
+
+    enterHandler() {
+      this.selectItem(this.selectedIndex)
+    },
+
+    selectItem(index) {
+      const item = this.items[index]
+
+      if (item) {
+        this.command({ id: item })
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+/* Dropdown menu */
+.dropdown-menu {
+  background: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  overflow: auto;
+  padding: 0.4rem;
+  position: relative;
+
+  button {
+    align-items: center;
+    background-color: transparent;
+    display: flex;
+    gap: 0.25rem;
+    text-align: left;
+    width: 100%;
+
+    &:hover,
+    &:hover.is-selected {
+      background-color: var(--gray-3);
+    }
+
+    &.is-selected {
+      background-color: var(--gray-2);
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/MultiMention/Vue/index.html b/demos/src/Examples/MultiMention/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/MultiMention/Vue/index.vue b/demos/src/Examples/MultiMention/Vue/index.vue
new file mode 100644
index 0000000..9ad321e
--- /dev/null
+++ b/demos/src/Examples/MultiMention/Vue/index.vue
@@ -0,0 +1,72 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Mention from '@tiptap/extension-mention'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import suggestions from './suggestions.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Mention.configure({
+          HTMLAttributes: {
+            class: 'mention',
+          },
+          suggestions,
+        }),
+      ],
+      content: `
+        <p>Hi everyone! Don’t forget the daily stand up at 8 AM.</p>
+        <p>We will talk about the movies: <span data-type="mention" data-id="Dirty Dancing" data-mention-suggestion-char="#"></span>, <span data-type="mention" data-id="Pirates of the Caribbean" data-mention-suggestion-char="#"></span> and <span data-type="mention" data-id="The Matrix" data-mention-suggestion-char="#"></span>.</p>
+        <p><span data-type="mention" data-id="Jennifer Grey"></span> Would you mind to share what you’ve been working on lately? We fear not much happened since <span data-type="mention" data-id="Dirty Dancing" data-mention-suggestion-char="#"></span>.</p>
+        <p><span data-type="mention" data-id="Winona Ryder"></span> <span data-type="mention" data-id="Axl Rose"></span> Let’s go through your most important points quickly.</p>
+        <p>I have a meeting with <span data-type="mention" data-id="Christina Applegate"></span> and don’t want to come late.</p>
+        <p>– Thanks, your big boss</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  .mention {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    color: var(--purple);
+    padding: 0.1rem 0.3rem;
+  }
+}
+</style>
diff --git a/demos/src/Examples/MultiMention/Vue/suggestions.js b/demos/src/Examples/MultiMention/Vue/suggestions.js
new file mode 100644
index 0000000..9e3903a
--- /dev/null
+++ b/demos/src/Examples/MultiMention/Vue/suggestions.js
@@ -0,0 +1,169 @@
+import { computePosition, flip, shift } from '@floating-ui/dom'
+import { posToDOMRect, VueRenderer } from '@tiptap/vue'
+
+import MentionList from './MentionList.vue'
+
+const updatePosition = (editor, element) => {
+  const virtualElement = {
+    getBoundingClientRect: () =>
+      posToDOMRect(editor.view, editor.state.selection.from, editor.state.selection.to),
+  }
+
+  computePosition(virtualElement, element, {
+    placement: 'bottom-start',
+    strategy: 'absolute',
+    middleware: [shift(), flip()],
+  }).then(({ x, y, strategy }) => {
+    element.style.width = 'max-content'
+    element.style.position = strategy
+    element.style.left = `${x}px`
+    element.style.top = `${y}px`
+  })
+}
+
+export default [
+  {
+    char: '@',
+    items: ({ query }) => {
+      return [
+        'Lea Thompson',
+        'Cyndi Lauper',
+        'Tom Cruise',
+        'Madonna',
+        'Jerry Hall',
+        'Joan Collins',
+        'Winona Ryder',
+        'Christina Applegate',
+        'Alyssa Milano',
+        'Molly Ringwald',
+        'Ally Sheedy',
+        'Debbie Harry',
+        'Olivia Newton-John',
+        'Elton John',
+        'Michael J. Fox',
+        'Axl Rose',
+        'Emilio Estevez',
+        'Ralph Macchio',
+        'Rob Lowe',
+        'Jennifer Grey',
+        'Mickey Rourke',
+        'John Cusack',
+        'Matthew Broderick',
+        'Justine Bateman',
+        'Lisa Bonet',
+      ]
+        .filter(item => item.toLowerCase().startsWith(query.toLowerCase()))
+        .slice(0, 5)
+    },
+
+    render: () => {
+      let component
+
+      return {
+        onStart: props => {
+          component = new VueRenderer(MentionList, {
+            // using vue 2:
+            // parent: this,
+            // propsData: props,
+            // using vue 3:
+            props,
+            editor: props.editor,
+          })
+
+          if (!props.clientRect) {
+            return
+          }
+
+          component.element.style.position = 'absolute'
+
+          document.body.appendChild(component.element)
+
+          updatePosition(props.editor, component.element)
+        },
+
+        onUpdate(props) {
+          component.updateProps(props)
+
+          if (!props.clientRect) {
+            return
+          }
+
+          updatePosition(props.editor, component.element)
+        },
+
+        onKeyDown(props) {
+          if (props.event.key === 'Escape') {
+            component.destroy()
+
+            return true
+          }
+
+          return component.ref?.onKeyDown(props)
+        },
+
+        onExit() {
+          component.destroy()
+        },
+      }
+    },
+  },
+  {
+    char: '#',
+    items: ({ query }) => {
+      return ['Dirty Dancing', 'Pirates of the Caribbean', 'The Matrix']
+        .filter(item => item.toLowerCase().startsWith(query.toLowerCase()))
+        .slice(0, 5)
+    },
+
+    render: () => {
+      let component
+
+      return {
+        onStart: props => {
+          component = new VueRenderer(MentionList, {
+            // using vue 2:
+            // parent: this,
+            // propsData: props,
+            // using vue 3:
+            props,
+            editor: props.editor,
+          })
+
+          if (!props.clientRect) {
+            return
+          }
+
+          component.element.style.position = 'absolute'
+
+          document.body.appendChild(component.element)
+
+          updatePosition(props.editor, component.element)
+        },
+
+        onUpdate(props) {
+          component.updateProps(props)
+
+          if (!props.clientRect) {
+            return
+          }
+
+          updatePosition(props.editor, component.element)
+        },
+
+        onKeyDown(props) {
+          if (props.event.key === 'Escape') {
+            component.destroy()
+
+            return true
+          }
+
+          return component.ref?.onKeyDown(props)
+        },
+
+        onExit() {
+          component.destroy()
+        },
+      }
+    },
+  },
+]
diff --git a/demos/src/Examples/MultiMention/index.spec.ts b/demos/src/Examples/MultiMention/index.spec.ts
new file mode 100644
index 0000000..3ec5137
--- /dev/null
+++ b/demos/src/Examples/MultiMention/index.spec.ts
@@ -0,0 +1,346 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'MultiMention'
+const frameworkPaths = ['React']
+const demoPath = '/src/Examples'
+
+async function clearEditor(page: any) {
+  const editor = await getEditor(page)
+
+  await editor.evaluate((el: any) => {
+    el.editor.chain().focus().clearContent().run()
+  })
+  await editor.click()
+}
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test.describe('Person mentions (@)', () => {
+        test('should insert a person mention', async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.evaluate((el: any) => {
+            el.editor.commands.setContent(
+              '<p><span data-type="mention" data-id="Lea Thompson">@Lea Thompson</span></p>',
+            )
+          })
+
+          const html = await editor.evaluate((el: HTMLElement) => el.innerHTML)
+
+          expect(html).toContain(
+            '<span class="mention" data-type="mention" data-id="Lea Thompson" data-mention-suggestion-char="@" contenteditable="false">@Lea Thompson</span>',
+          )
+        })
+
+        test("should open a dropdown menu when I type '@'", async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('@')
+
+          await expect(page.locator('.dropdown-menu')).toBeVisible()
+        })
+
+        test('should display the correct person options in the dropdown menu', async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('@')
+
+          const dropdown = page.locator('.dropdown-menu')
+          await expect(dropdown).toBeVisible()
+          await expect(dropdown.locator('button')).toHaveCount(5)
+
+          const buttons = dropdown.locator('button')
+
+          await expect(buttons.nth(0)).toContainText('Lea Thompson')
+          await expect(buttons.nth(0)).toHaveClass(/is-selected/)
+          await expect(buttons.nth(1)).toContainText('Cyndi Lauper')
+          await expect(buttons.nth(2)).toContainText('Tom Cruise')
+          await expect(buttons.nth(3)).toContainText('Madonna')
+          await expect(buttons.nth(4)).toContainText('Jerry Hall')
+        })
+
+        test('should insert Cyndi Lauper mention when clicking on her option', async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('@')
+
+          await page.locator('.dropdown-menu button').nth(1).click()
+
+          const html = await page
+            .locator('.tiptap')
+            .first()
+            .evaluate((el: HTMLElement) => el.innerHTML)
+
+          expect(html).toContain(
+            '<span class="mention" data-type="mention" data-id="Cyndi Lauper" data-mention-suggestion-char="@" contenteditable="false">@Cyndi Lauper</span>',
+          )
+        })
+
+        test('should close the dropdown menu when I move the cursor outside the editor', async ({
+          page,
+        }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('@')
+          await expect(page.locator('.dropdown-menu')).toBeVisible()
+
+          await page.locator('.tiptap').press('Home')
+          await expect(page.locator('.dropdown-menu')).toHaveCount(0)
+        })
+
+        test('should close the dropdown menu when I press the escape key', async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('@')
+          await expect(page.locator('.dropdown-menu')).toBeVisible()
+
+          await page.locator('.tiptap').press('Escape')
+          await expect(page.locator('.dropdown-menu')).toHaveCount(0)
+        })
+
+        test('should insert Tom Cruise when selecting his option with the arrow keys and pressing enter', async ({
+          page,
+        }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('@')
+          await expect(page.locator('.dropdown-menu')).toBeVisible()
+
+          await page.locator('.tiptap').press('ArrowDown')
+          await page.locator('.tiptap').press('ArrowDown')
+
+          await expect(page.locator('.dropdown-menu button').nth(2)).toHaveClass(/is-selected/)
+          await page.locator('.tiptap').press('Enter')
+
+          const html = await page
+            .locator('.tiptap')
+            .first()
+            .evaluate((el: HTMLElement) => el.innerHTML)
+
+          expect(html).toContain(
+            '<span class="mention" data-type="mention" data-id="Tom Cruise" data-mention-suggestion-char="@" contenteditable="false">@Tom Cruise</span>',
+          )
+        })
+
+        test('should show "No result" when searching for a non-existent person', async ({
+          page,
+        }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('@nonexistent')
+
+          await expect(page.locator('.dropdown-menu')).toContainText('No result')
+        })
+
+        test('should only show the Madonna option when I type "@mado"', async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('@mado')
+
+          await expect(page.locator('.dropdown-menu button')).toHaveCount(1)
+          await expect(page.locator('.dropdown-menu button').first()).toContainText('Madonna')
+        })
+
+        test('should insert Madonna when I type "@mado" and hit enter', async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('@mado')
+          await page.locator('.tiptap').press('Enter')
+
+          const html = await page
+            .locator('.tiptap')
+            .first()
+            .evaluate((el: HTMLElement) => el.innerHTML)
+
+          expect(html).toContain(
+            '<span class="mention" data-type="mention" data-id="Madonna" data-mention-suggestion-char="@" contenteditable="false">@Madonna</span>',
+          )
+        })
+      })
+
+      test.describe('Movie mentions (#)', () => {
+        test('should insert a movie mention', async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.evaluate((el: any) => {
+            el.editor.commands.setContent(
+              '<p><span data-type="mention" data-id="The Matrix" data-mention-suggestion-char="#">#The Matrix</span></p>',
+            )
+          })
+
+          const html = await editor.evaluate((el: HTMLElement) => el.innerHTML)
+
+          expect(html).toContain(
+            '<span class="mention" data-type="mention" data-id="The Matrix" data-mention-suggestion-char="#" contenteditable="false">#The Matrix</span>',
+          )
+        })
+
+        test("should open a dropdown menu when I type '#'", async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('#')
+
+          await expect(page.locator('.dropdown-menu')).toBeVisible()
+        })
+
+        test('should display the correct movie options in the dropdown menu', async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('#')
+
+          const dropdown = page.locator('.dropdown-menu')
+          await expect(dropdown).toBeVisible()
+          await expect(dropdown.locator('button')).toHaveCount(3)
+
+          const buttons = dropdown.locator('button')
+
+          await expect(buttons.nth(0)).toContainText('Dirty Dancing')
+          await expect(buttons.nth(0)).toHaveClass(/is-selected/)
+          await expect(buttons.nth(1)).toContainText('Pirates of the Caribbean')
+          await expect(buttons.nth(2)).toContainText('The Matrix')
+        })
+
+        test('should insert Pirates of the Caribbean when clicking on its option', async ({
+          page,
+        }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('#')
+
+          await page.locator('.dropdown-menu button').nth(1).click()
+
+          const html = await page
+            .locator('.tiptap')
+            .first()
+            .evaluate((el: HTMLElement) => el.innerHTML)
+
+          expect(html).toContain(
+            '<span class="mention" data-type="mention" data-id="Pirates of the Caribbean" data-mention-suggestion-char="#" contenteditable="false">#Pirates of the Caribbean</span>',
+          )
+        })
+
+        test('should close the dropdown menu when I move the cursor outside the editor', async ({
+          page,
+        }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('#')
+          await expect(page.locator('.dropdown-menu')).toBeVisible()
+
+          await page.locator('.tiptap').press('Home')
+          await expect(page.locator('.dropdown-menu')).toHaveCount(0)
+        })
+
+        test('should close the dropdown menu when I press the escape key', async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('#')
+          await expect(page.locator('.dropdown-menu')).toBeVisible()
+
+          await page.locator('.tiptap').press('Escape')
+          await expect(page.locator('.dropdown-menu')).toHaveCount(0)
+        })
+
+        test('should insert The Matrix via arrow keys and enter', async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('#')
+          await expect(page.locator('.dropdown-menu')).toBeVisible()
+
+          await page.locator('.tiptap').press('ArrowDown')
+          await page.locator('.tiptap').press('ArrowDown')
+
+          await expect(page.locator('.dropdown-menu button').nth(2)).toHaveClass(/is-selected/)
+          await page.locator('.tiptap').press('Enter')
+
+          const html = await page
+            .locator('.tiptap')
+            .first()
+            .evaluate((el: HTMLElement) => el.innerHTML)
+
+          expect(html).toContain(
+            '<span class="mention" data-type="mention" data-id="The Matrix" data-mention-suggestion-char="#" contenteditable="false">#The Matrix</span>',
+          )
+        })
+
+        test('should show "No result" when searching for a non-existent movie', async ({
+          page,
+        }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('#nonexistent')
+
+          await expect(page.locator('.dropdown-menu')).toContainText('No result')
+        })
+
+        test('should only show Dirty Dancing when typing "#dir"', async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('#dir')
+
+          await expect(page.locator('.dropdown-menu button')).toHaveCount(1)
+          await expect(page.locator('.dropdown-menu button').first()).toContainText('Dirty Dancing')
+        })
+
+        test('should insert Dirty Dancing when typing "#dir" and hit enter', async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('#dir')
+          await page.locator('.tiptap').press('Enter')
+
+          const html = await page
+            .locator('.tiptap')
+            .first()
+            .evaluate((el: HTMLElement) => el.innerHTML)
+
+          expect(html).toContain(
+            '<span class="mention" data-type="mention" data-id="Dirty Dancing" data-mention-suggestion-char="#" contenteditable="false">#Dirty Dancing</span>',
+          )
+        })
+      })
+
+      test.describe('Interaction between mention types', () => {
+        test('should support both mention types in the same document', async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.evaluate((el: any) => {
+            el.editor.commands.setContent(
+              '<p><span data-type="mention" data-id="Madonna">@Madonna</span> starred in <span data-type="mention" data-id="Dirty Dancing" data-mention-suggestion-char="#">#Dirty Dancing</span></p>',
+            )
+          })
+
+          const html = await editor.evaluate((el: HTMLElement) => el.innerHTML)
+
+          expect(html).toContain(
+            '<span class="mention" data-type="mention" data-id="Madonna" data-mention-suggestion-char="@" contenteditable="false">@Madonna</span>',
+          )
+          expect(html).toContain(
+            '<span class="mention" data-type="mention" data-id="Dirty Dancing" data-mention-suggestion-char="#" contenteditable="false">#Dirty Dancing</span>',
+          )
+        })
+
+        test('should allow switching between mention types', async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('@')
+          await expect(page.locator('.dropdown-menu')).toBeVisible()
+          await expect(page.locator('.dropdown-menu button').first()).toContainText('Lea Thompson')
+
+          await page.locator('.tiptap').press('Home')
+          await expect(page.locator('.dropdown-menu')).toHaveCount(0)
+
+          await clearEditor(page)
+          await page.locator('.tiptap').type('#')
+          await expect(page.locator('.dropdown-menu')).toBeVisible()
+          await expect(page.locator('.dropdown-menu button').first()).toContainText('Dirty Dancing')
+        })
+
+        test('should insert both types of mentions in sequence', async ({ page }) => {
+          await clearEditor(page)
+          await page.locator('.tiptap').type('@mado')
+          await page.locator('.tiptap').press('Enter')
+          await page.locator('.tiptap').type(' likes #the')
+          await page.locator('.tiptap').press('Enter')
+
+          const html = await page
+            .locator('.tiptap')
+            .first()
+            .evaluate((el: HTMLElement) => el.innerHTML)
+
+          expect(html).toContain('@Madonna')
+          expect(html).toContain('#The Matrix')
+        })
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/NodePos/React/index.html b/demos/src/Examples/NodePos/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/NodePos/React/index.jsx b/demos/src/Examples/NodePos/React/index.jsx
new file mode 100644
index 0000000..bb9bdcd
--- /dev/null
+++ b/demos/src/Examples/NodePos/React/index.jsx
@@ -0,0 +1,351 @@
+import './styles.scss'
+
+import Image from '@tiptap/extension-image'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useCallback, useState } from 'react'
+
+const mapNodePosToString = nodePos =>
+  `[${nodePos.node.type.name} ${nodePos.range.from}-${nodePos.range.to}] ${nodePos.textContent} | ${JSON.stringify(nodePos.node.attrs)}`
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit.configure({
+        trailingNode: false,
+      }),
+      Image,
+    ],
+    content: `
+      <h1>This is an example document to play around with the NodePos implementation of Tiptap.</h1>
+      <p>
+        This is a <strong>simple</strong> paragraph.
+      </p>
+      <img src="https://placehold.co/200x200" alt="A 200x200 square thumbnail from placehold.co." />
+      <p>
+        Here is another paragraph inside this document.
+      </p>
+      <blockquote>
+        <p>Here we have a paragraph inside a blockquote.</p>
+      </blockquote>
+      <ul>
+        <li>
+          <p>Unsorted 1</p>
+        </li>
+        <li>
+          <p>Unsorted 2</p>
+          <ul>
+            <li>
+              <p>Unsorted 2.1</p>
+            </li>
+            <li>
+              <p>Unsorted 2.2</p>
+            </li>
+            <li>
+              <p>Unsorted 2.3</p>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <p>Unsorted 3</p>
+        </li>
+      </ul>
+      <ol>
+        <li>
+          <p>Sorted 1</p>
+        </li>
+        <li>
+          <p>Sorted 2</p>
+          <ul>
+            <li>
+              <p>Sorted 2.1</p>
+            </li>
+            <li>
+              <p>Sorted 2.2</p>
+            </li>
+            <li>
+              <p>Sorted 2.3</p>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <p>Sorted 3</p>
+        </li>
+      </ol>
+      <blockquote>
+        <p>Here we have another paragraph inside a blockquote.</p>
+        <blockquote>
+          <img src="https://placehold.co/260x200" alt="A 260x200 landscape thumbnail from placehold.co." />
+          <img src="https://placehold.co/100x200" alt="A 100x200 portrait thumbnail from placehold.co." />
+        </blockquote>
+      </blockquote>
+      <img src="https://placehold.co/260x200" alt="A 260x200 landscape thumbnail from placehold.co." />
+    `,
+  })
+
+  const [foundNodes, setFoundNodes] = useState(null)
+
+  const findParagraphs = useCallback(() => {
+    const nodePositions = editor.$doc.querySelectorAll('paragraph')
+
+    if (!nodePositions) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes(nodePositions)
+  }, [editor])
+
+  const findListItems = useCallback(() => {
+    const nodePositions = editor.$doc.querySelectorAll('listItem')
+
+    if (!nodePositions) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes(nodePositions)
+  }, [editor])
+
+  const findBulletList = useCallback(() => {
+    const nodePositions = editor.$doc.querySelectorAll('bulletList')
+
+    if (!nodePositions) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes(nodePositions)
+  }, [editor])
+
+  const findOrderedList = useCallback(() => {
+    const nodePositions = editor.$doc.querySelectorAll('orderedList')
+
+    if (!nodePositions) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes(nodePositions)
+  }, [editor])
+
+  const findBlockquote = useCallback(() => {
+    const nodePositions = editor.$doc.querySelectorAll('blockquote')
+
+    if (!nodePositions) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes(nodePositions)
+  }, [editor])
+
+  const findImages = useCallback(() => {
+    const nodePositions = editor.$doc.querySelectorAll('image')
+
+    if (!nodePositions) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes(nodePositions)
+  }, [editor])
+
+  const findFirstBlockquote = useCallback(() => {
+    const nodePosition = editor.$doc.querySelector('blockquote')
+
+    if (!nodePosition) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes([nodePosition])
+  }, [editor])
+
+  const findSquaredImage = useCallback(() => {
+    const nodePosition = editor.$doc.querySelector('image', { src: 'https://placehold.co/200x200' })
+
+    if (!nodePosition) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes([nodePosition])
+  }, [editor])
+
+  const findLandscapeImage = useCallback(() => {
+    const nodePosition = editor.$doc.querySelector('image', { src: 'https://placehold.co/260x200' })
+
+    if (!nodePosition) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes([nodePosition])
+  }, [editor])
+
+  const findAllLandscapeImages = useCallback(() => {
+    const nodePosition = editor.$doc.querySelectorAll('image', {
+      src: 'https://placehold.co/260x200',
+    })
+
+    if (!nodePosition) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes(nodePosition)
+  }, [editor])
+
+  const findFirstLandscapeImageWithAllQuery = useCallback(() => {
+    const nodePosition = editor.$doc.querySelectorAll(
+      'image',
+      { src: 'https://placehold.co/260x200' },
+      true,
+    )
+
+    if (!nodePosition) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes(nodePosition)
+  }, [editor])
+
+  const findPortraitImageInBlockquote = useCallback(() => {
+    const nodePosition = editor.$doc.querySelector('image', { src: 'https://placehold.co/100x200' })
+
+    if (!nodePosition) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes([nodePosition])
+  }, [editor])
+
+  const findFirstNode = useCallback(() => {
+    const nodePosition = editor.$doc.firstChild
+
+    if (!nodePosition) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes([nodePosition])
+  }, [editor])
+
+  const findLastNode = useCallback(() => {
+    const nodePosition = editor.$doc.lastChild
+
+    if (!nodePosition) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes([nodePosition])
+  }, [editor])
+
+  const findLastNodeOfFirstBulletList = useCallback(() => {
+    const nodePosition = editor.$doc.querySelector('bulletList').lastChild
+
+    if (!nodePosition) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes([nodePosition])
+  }, [editor])
+
+  const findNonexistentNode = useCallback(() => {
+    const nodePosition = editor.$doc.querySelector('nonexistent')
+
+    if (!nodePosition) {
+      setFoundNodes(null)
+      return
+    }
+
+    setFoundNodes([nodePosition])
+  }, [editor])
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button data-testid="find-paragraphs" onClick={findParagraphs}>
+            Find paragraphs
+          </button>
+          <button data-testid="find-listitems" onClick={findListItems}>
+            Find list items
+          </button>
+          <button data-testid="find-bulletlists" onClick={findBulletList}>
+            Find bullet lists
+          </button>
+          <button data-testid="find-orderedlists" onClick={findOrderedList}>
+            Find ordered lists
+          </button>
+          <button data-testid="find-blockquotes" onClick={findBlockquote}>
+            Find blockquotes
+          </button>
+          <button data-testid="find-images" onClick={findImages}>
+            Find images
+          </button>
+        </div>
+        <div className="button-group">
+          <button data-testid="find-first-blockquote" onClick={findFirstBlockquote}>
+            Find first blockquote
+          </button>
+          <button data-testid="find-squared-image" onClick={findSquaredImage}>
+            Find squared image
+          </button>
+          <button data-testid="find-landscape-image" onClick={findLandscapeImage}>
+            Find landscape image
+          </button>
+          <button data-testid="find-all-landscape-images" onClick={findAllLandscapeImages}>
+            Find all landscape images
+          </button>
+          <button
+            data-testid="find-first-landscape-image-with-all-query"
+            onClick={findFirstLandscapeImageWithAllQuery}
+          >
+            Find first landscape image with all query
+          </button>
+          <button
+            data-testid="find-portrait-image-inside-blockquote"
+            onClick={findPortraitImageInBlockquote}
+          >
+            Find portrait image in blockquote
+          </button>
+        </div>
+        <div className="button-group">
+          <button data-testid="find-first-node" onClick={findFirstNode}>
+            Find first node
+          </button>
+          <button data-testid="find-last-node" onClick={findLastNode}>
+            Find last node
+          </button>
+          <button
+            data-testid="find-last-node-of-first-bullet-list"
+            onClick={findLastNodeOfFirstBulletList}
+          >
+            Find last node of first bullet list
+          </button>
+          <button data-testid="find-nonexistent-node" onClick={findNonexistentNode}>
+            Find nonexistent node
+          </button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+      {foundNodes ? (
+        <div className="output-group" data-testid="found-nodes">
+          {foundNodes.map(n => (
+            <div data-testid="found-node" key={n.pos}>
+              {mapNodePosToString(n)}
+            </div>
+          ))}
+        </div>
+      ) : (
+        ''
+      )}
+    </>
+  )
+}
diff --git a/demos/src/Examples/NodePos/React/styles.scss b/demos/src/Examples/NodePos/React/styles.scss
new file mode 100644
index 0000000..53ffff5
--- /dev/null
+++ b/demos/src/Examples/NodePos/React/styles.scss
@@ -0,0 +1,103 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Image styles */
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
diff --git a/demos/src/Examples/Performance/React/index.html b/demos/src/Examples/Performance/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Performance/React/index.jsx b/demos/src/Examples/Performance/React/index.jsx
new file mode 100644
index 0000000..e69c0ae
--- /dev/null
+++ b/demos/src/Examples/Performance/React/index.jsx
@@ -0,0 +1,141 @@
+import './styles.scss'
+
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import { BubbleMenu } from '@tiptap/react/menus'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+function EditorInstance({ shouldOptimizeRendering }) {
+  const countRenderRef = React.useRef(0)
+
+  countRenderRef.current += 1
+
+  const editor = useEditor({
+    /**
+     * This option gives us the control to enable the default behavior of rendering the editor immediately.
+     */
+    immediatelyRender: true,
+    /**
+     * This option gives us the control to disable the default behavior of re-rendering the editor on every transaction.
+     */
+    shouldRerenderOnTransaction: !shouldOptimizeRendering,
+    extensions: [StarterKit],
+    content: `
+    <p>
+      A highly optimized editor that only re-renders when it’s necessary.
+    </p>
+    `,
+  })
+  /**
+   * This hook allows us to select the editor state we want to use in our component.
+   */
+  const currentEditorState = useEditorState({
+    /**
+     * The editor instance we want to use.
+     */
+    editor,
+    /**
+     * This selector allows us to select the data we want to use in our component.
+     * It is evaluated on every editor transaction and compared to it's previously returned value.
+     */
+    selector: ctx => ({
+      isBold: ctx.editor.isActive('bold'),
+      isItalic: ctx.editor.isActive('italic'),
+      isStrike: ctx.editor.isActive('strike'),
+    }),
+    /**
+     * This function allows us to customize the equality check for the selector.
+     * By default it is a `===` check.
+     */
+    equalityFn: (prev, next) => {
+      // A deep-equal function would probably be more maintainable here, but, we use a shallow one to show that it can be customized.
+      if (!next) {
+        return false
+      }
+      return (
+        prev.isBold === next.isBold &&
+        prev.isItalic === next.isItalic &&
+        prev.isStrike === next.isStrike
+      )
+    },
+  })
+
+  return (
+    <div>
+      <div className="control-group">
+        <div>
+          Number of renders: <span id="render-count">{countRenderRef.current}</span>
+        </div>
+      </div>
+      {currentEditorState && (
+        <BubbleMenu className="bubble-menu" editor={editor}>
+          <button
+            onClick={() => editor.chain().focus().toggleBold().run()}
+            className={currentEditorState.isBold ? 'is-active' : ''}
+          >
+            Bold
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleItalic().run()}
+            className={currentEditorState.isItalic ? 'is-active' : ''}
+          >
+            Italic
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleStrike().run()}
+            className={currentEditorState.isStrike ? 'is-active' : ''}
+          >
+            Strike
+          </button>
+        </BubbleMenu>
+      )}
+      <EditorContent editor={editor} />
+    </div>
+  )
+}
+
+const EditorControls = () => {
+  const [shouldOptimizeRendering, setShouldOptimizeRendering] = React.useState(true)
+  const [rendered, setRendered] = React.useState(true)
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="switch-group">
+          <label>
+            <input
+              type="radio"
+              name="option-switch"
+              onChange={() => {
+                setShouldOptimizeRendering(true)
+              }}
+              checked={shouldOptimizeRendering === true}
+            />
+            Optimize rendering
+          </label>
+          <label>
+            <input
+              type="radio"
+              name="option-switch"
+              onChange={() => {
+                setShouldOptimizeRendering(false)
+              }}
+              checked={shouldOptimizeRendering === false}
+            />
+            Render every transaction (default behavior)
+          </label>
+        </div>
+        <button onClick={() => setRendered(a => !a)}>Toggle rendered</button>
+      </div>
+      {rendered && <EditorInstance shouldOptimizeRendering={shouldOptimizeRendering} />}
+    </>
+  )
+}
+
+export default () => {
+  return (
+    <React.StrictMode>
+      <EditorControls />
+    </React.StrictMode>
+  )
+}
diff --git a/demos/src/Examples/Performance/React/styles.scss b/demos/src/Examples/Performance/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/Examples/Performance/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Examples/ResizableImages/React/index.html b/demos/src/Examples/ResizableImages/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/ResizableImages/React/index.jsx b/demos/src/Examples/ResizableImages/React/index.jsx
new file mode 100644
index 0000000..651815f
--- /dev/null
+++ b/demos/src/Examples/ResizableImages/React/index.jsx
@@ -0,0 +1,54 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import { useCallback } from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Image.configure({
+        resize: {
+          enabled: true,
+          alwaysPreserveAspectRatio: true,
+        },
+      }),
+      Dropcursor,
+    ],
+    content: `
+        <p>This is a basic example of implementing images. Drag to re-order.</p>
+        <img src="https://placehold.co/600x400" />
+        <img src="https://placehold.co/800x400" />
+      `,
+  })
+
+  const addImage = useCallback(() => {
+    const url = window.prompt('URL')
+
+    if (url) {
+      editor.chain().focus().setImage({ src: url }).run()
+    }
+  }, [editor])
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button onClick={addImage}>Set image</button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/ResizableImages/React/styles.scss b/demos/src/Examples/ResizableImages/React/styles.scss
new file mode 100644
index 0000000..f6a7678
--- /dev/null
+++ b/demos/src/Examples/ResizableImages/React/styles.scss
@@ -0,0 +1,95 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+  }
+
+  [data-resize-handle] {
+    position: absolute;
+    background: rgba(0, 0, 0, 0.5);
+    border: 1px solid rgba(255, 255, 255, 0.8);
+    border-radius: 2px;
+    z-index: 10;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.8);
+    }
+
+    /* Corner handles */
+    &[data-resize-handle='top-left'],
+    &[data-resize-handle='top-right'],
+    &[data-resize-handle='bottom-left'],
+    &[data-resize-handle='bottom-right'] {
+      width: 8px;
+      height: 8px;
+    }
+
+    &[data-resize-handle='top-left'] {
+      top: -4px;
+      left: -4px;
+      cursor: nwse-resize;
+    }
+
+    &[data-resize-handle='top-right'] {
+      top: -4px;
+      right: -4px;
+      cursor: nesw-resize;
+    }
+
+    &[data-resize-handle='bottom-left'] {
+      bottom: -4px;
+      left: -4px;
+      cursor: nesw-resize;
+    }
+
+    &[data-resize-handle='bottom-right'] {
+      bottom: -4px;
+      right: -4px;
+      cursor: nwse-resize;
+    }
+
+    /* Edge handles */
+    &[data-resize-handle='top'],
+    &[data-resize-handle='bottom'] {
+      height: 6px;
+      left: 8px;
+      right: 8px;
+    }
+
+    &[data-resize-handle='top'] {
+      top: -3px;
+      cursor: ns-resize;
+    }
+
+    &[data-resize-handle='bottom'] {
+      bottom: -3px;
+      cursor: ns-resize;
+    }
+
+    &[data-resize-handle='left'],
+    &[data-resize-handle='right'] {
+      width: 6px;
+      top: 8px;
+      bottom: 8px;
+    }
+
+    &[data-resize-handle='left'] {
+      left: -3px;
+      cursor: ew-resize;
+    }
+
+    &[data-resize-handle='right'] {
+      right: -3px;
+      cursor: ew-resize;
+    }
+  }
+
+  [data-resize-state='true'] [data-resize-wrapper] {
+    outline: 1px solid rgba(0, 0, 0, 0.25);
+    border-radius: 0.125rem;
+  }
+}
diff --git a/demos/src/Examples/ResizableImages/Vue/index.html b/demos/src/Examples/ResizableImages/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/ResizableImages/Vue/index.vue b/demos/src/Examples/ResizableImages/Vue/index.vue
new file mode 100644
index 0000000..5f4a180
--- /dev/null
+++ b/demos/src/Examples/ResizableImages/Vue/index.vue
@@ -0,0 +1,165 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button @click="addImage">Set image</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  methods: {
+    addImage() {
+      const url = window.prompt('URL')
+
+      if (url) {
+        this.editor.chain().focus().setImage({ src: url }).run()
+      }
+    },
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Image.configure({
+          resize: {
+            enabled: true,
+            alwaysPreserveAspectRatio: true,
+          },
+        }),
+        Dropcursor,
+      ],
+      content: `
+        <p>This is a basic example of implementing images. Drag to re-order.</p>
+        <img src="https://placehold.co/600x400" />
+        <img src="https://placehold.co/800x400" />
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+  }
+
+  [data-resize-handle] {
+    position: absolute;
+    background: rgba(0, 0, 0, 0.5);
+    border: 1px solid rgba(255, 255, 255, 0.8);
+    border-radius: 2px;
+    z-index: 10;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.8);
+    }
+
+    /* Corner handles */
+    &[data-resize-handle='top-left'],
+    &[data-resize-handle='top-right'],
+    &[data-resize-handle='bottom-left'],
+    &[data-resize-handle='bottom-right'] {
+      width: 8px;
+      height: 8px;
+    }
+
+    &[data-resize-handle='top-left'] {
+      top: -4px;
+      left: -4px;
+      cursor: nwse-resize;
+    }
+
+    &[data-resize-handle='top-right'] {
+      top: -4px;
+      right: -4px;
+      cursor: nesw-resize;
+    }
+
+    &[data-resize-handle='bottom-left'] {
+      bottom: -4px;
+      left: -4px;
+      cursor: nesw-resize;
+    }
+
+    &[data-resize-handle='bottom-right'] {
+      bottom: -4px;
+      right: -4px;
+      cursor: nwse-resize;
+    }
+
+    /* Edge handles */
+    &[data-resize-handle='top'],
+    &[data-resize-handle='bottom'] {
+      height: 6px;
+      left: 8px;
+      right: 8px;
+    }
+
+    &[data-resize-handle='top'] {
+      top: -3px;
+      cursor: ns-resize;
+    }
+
+    &[data-resize-handle='bottom'] {
+      bottom: -3px;
+      cursor: ns-resize;
+    }
+
+    &[data-resize-handle='left'],
+    &[data-resize-handle='right'] {
+      width: 6px;
+      top: 8px;
+      bottom: 8px;
+    }
+
+    &[data-resize-handle='left'] {
+      left: -3px;
+      cursor: ew-resize;
+    }
+
+    &[data-resize-handle='right'] {
+      right: -3px;
+      cursor: ew-resize;
+    }
+  }
+
+  [data-resize-state='true'] [data-resize-wrapper] {
+    outline: 1px solid rgba(0, 0, 0, 0.25);
+    border-radius: 0.125rem;
+  }
+}
+</style>
diff --git a/demos/src/Examples/ResizableNodes/React/index.html b/demos/src/Examples/ResizableNodes/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/ResizableNodes/React/index.tsx b/demos/src/Examples/ResizableNodes/React/index.tsx
new file mode 100644
index 0000000..60477c3
--- /dev/null
+++ b/demos/src/Examples/ResizableNodes/React/index.tsx
@@ -0,0 +1,111 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, Node as NodeExtension, ResizableNodeview, useEditor } from '@tiptap/react'
+
+const ResizableNode = NodeExtension.create({
+  name: 'resizableNode',
+  group: 'block',
+  content: 'block+',
+  selectable: true,
+  draggable: true,
+
+  addAttributes() {
+    return {
+      width: {
+        default: 'auto',
+      },
+      height: {
+        default: 'auto',
+      },
+    }
+  },
+
+  parseHTML() {
+    return [{ tag: 'div[data-resizer]' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      'div',
+      {
+        'data-resizer': '',
+        style: `width: ${HTMLAttributes.width}; height: ${HTMLAttributes.height}; border: 1px solid black; box-sizing: border-box;`,
+      },
+      0,
+    ]
+  },
+
+  addNodeView() {
+    return props => {
+      const width = props.node.attrs.width
+      const height = props.node.attrs.height
+
+      const el = document.createElement('div')
+      el.dataset.resizer = ''
+      const content = document.createElement('div')
+      content.innerText = `Width: ${width}, Height: ${height}`
+
+      el.appendChild(content)
+
+      el.style.width = width
+      el.style.height = height
+
+      const resizable = new ResizableNodeview({
+        element: el,
+        getPos: props.getPos,
+        node: props.node,
+        onCommit: (newWidth, newHeight) => {
+          const pos = props.getPos()
+          if (pos === undefined) {
+            return
+          }
+
+          this.editor
+            .chain()
+            .setNodeSelection(pos)
+            .updateAttributes(this.name, {
+              width: newWidth,
+              height: newHeight,
+            })
+            .run()
+        },
+        onResize: (newWidth, newHeight) => {
+          content.innerText = `Width: ${newWidth}, Height: ${newHeight}`
+        },
+        onUpdate: () => false,
+      })
+
+      return resizable
+    }
+  },
+})
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, ResizableNode],
+    content: `
+        <p>This is a resizable node demo.</p>
+        <div data-resizer>
+          <p>Test</p>
+          <p>Test 2</p>
+        </div>
+        <div data-resizer width="800" height="500">
+          <p>Test</p>
+          <p>Test 2</p>
+        </div>
+      `,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/ResizableNodes/React/styles.scss b/demos/src/Examples/ResizableNodes/React/styles.scss
new file mode 100644
index 0000000..5f01596
--- /dev/null
+++ b/demos/src/Examples/ResizableNodes/React/styles.scss
@@ -0,0 +1,95 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  [data-resizer] {
+    background-color: #f0f0f0;
+  }
+
+  [data-resize-handle] {
+    position: absolute;
+    background: rgba(0, 0, 0, 0.5);
+    border: 1px solid rgba(255, 255, 255, 0.8);
+    border-radius: 2px;
+    z-index: 10;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.8);
+    }
+
+    /* Corner handles */
+    &[data-resize-handle='top-left'],
+    &[data-resize-handle='top-right'],
+    &[data-resize-handle='bottom-left'],
+    &[data-resize-handle='bottom-right'] {
+      width: 8px;
+      height: 8px;
+    }
+
+    &[data-resize-handle='top-left'] {
+      top: -4px;
+      left: -4px;
+      cursor: nwse-resize;
+    }
+
+    &[data-resize-handle='top-right'] {
+      top: -4px;
+      right: -4px;
+      cursor: nesw-resize;
+    }
+
+    &[data-resize-handle='bottom-left'] {
+      bottom: -4px;
+      left: -4px;
+      cursor: nesw-resize;
+    }
+
+    &[data-resize-handle='bottom-right'] {
+      bottom: -4px;
+      right: -4px;
+      cursor: nwse-resize;
+    }
+
+    /* Edge handles */
+    &[data-resize-handle='top'],
+    &[data-resize-handle='bottom'] {
+      height: 6px;
+      left: 8px;
+      right: 8px;
+    }
+
+    &[data-resize-handle='top'] {
+      top: -3px;
+      cursor: ns-resize;
+    }
+
+    &[data-resize-handle='bottom'] {
+      bottom: -3px;
+      cursor: ns-resize;
+    }
+
+    &[data-resize-handle='left'],
+    &[data-resize-handle='right'] {
+      width: 6px;
+      top: 8px;
+      bottom: 8px;
+    }
+
+    &[data-resize-handle='left'] {
+      left: -3px;
+      cursor: ew-resize;
+    }
+
+    &[data-resize-handle='right'] {
+      right: -3px;
+      cursor: ew-resize;
+    }
+  }
+
+  [data-resize-state='true'] [data-resize-wrapper] {
+    outline: 1px solid rgba(0, 0, 0, 0.25);
+    border-radius: 0.125rem;
+  }
+}
diff --git a/demos/src/Examples/ResizableNodes/Vue/index.html b/demos/src/Examples/ResizableNodes/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/ResizableNodes/Vue/index.vue b/demos/src/Examples/ResizableNodes/Vue/index.vue
new file mode 100644
index 0000000..c1817e7
--- /dev/null
+++ b/demos/src/Examples/ResizableNodes/Vue/index.vue
@@ -0,0 +1,231 @@
+<template>
+  <div v-if="editor" class="container">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent, Node as NodeExtension, ResizableNodeView } from '@tiptap/vue'
+
+const ResizableNode = NodeExtension.create({
+  name: 'resizableNode',
+  group: 'block',
+  content: 'block+',
+  selectable: true,
+  draggable: true,
+
+  addAttributes() {
+    return {
+      width: {
+        default: 'auto',
+      },
+      height: {
+        default: 'auto',
+      },
+    }
+  },
+
+  parseHTML() {
+    return [{ tag: 'div[data-resizer]' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      'div',
+      {
+        'data-resizer': '',
+        style: `width: ${HTMLAttributes.width}; height: ${HTMLAttributes.height}; border: 1px solid black; box-sizing: border-box;`,
+      },
+      0,
+    ]
+  },
+
+  addNodeView() {
+    return props => {
+      const width = props.node.attrs.width
+      const height = props.node.attrs.height
+
+      const el = document.createElement('div')
+      el.dataset.resizer = ''
+      const content = document.createElement('div')
+      content.innerText = `Width: ${width}, Height: ${height}`
+
+      el.appendChild(content)
+
+      el.style.width = width
+      el.style.height = height
+
+      const resizable = new ResizableNodeView({
+        element: el,
+        getPos: props.getPos,
+        node: props.node,
+        onCommit: (newWidth, newHeight) => {
+          const pos = props.getPos()
+          if (pos === undefined) {
+            return
+          }
+
+          this.editor
+            .chain()
+            .setNodeSelection(pos)
+            .updateAttributes(this.name, {
+              width: newWidth,
+              height: newHeight,
+            })
+            .run()
+        },
+        onResize: (newWidth, newHeight) => {
+          content.innerText = `Width: ${newWidth}, Height: ${newHeight}`
+        },
+        onUpdate: () => false,
+      })
+
+      return resizable
+    }
+  },
+})
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  methods: {
+    addImage() {
+      const url = window.prompt('URL')
+
+      if (url) {
+        this.editor.chain().focus().setImage({ src: url }).run()
+      }
+    },
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, ResizableNode],
+      content: `
+        <p>This is a resizable node demo.</p>
+        <div data-resizer>
+          <p>Test</p>
+          <p>Test 2</p>
+        </div>
+        <div data-resizer width="800" height="500">
+          <p>Test</p>
+          <p>Test 2</p>
+        </div>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  [data-resizer] {
+    background-color: #f0f0f0;
+  }
+
+  [data-resize-handle] {
+    position: absolute;
+    background: rgba(0, 0, 0, 0.5);
+    border: 1px solid rgba(255, 255, 255, 0.8);
+    border-radius: 2px;
+    z-index: 10;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.8);
+    }
+
+    /* Corner handles */
+    &[data-resize-handle='top-left'],
+    &[data-resize-handle='top-right'],
+    &[data-resize-handle='bottom-left'],
+    &[data-resize-handle='bottom-right'] {
+      width: 8px;
+      height: 8px;
+    }
+
+    &[data-resize-handle='top-left'] {
+      top: -4px;
+      left: -4px;
+      cursor: nwse-resize;
+    }
+
+    &[data-resize-handle='top-right'] {
+      top: -4px;
+      right: -4px;
+      cursor: nesw-resize;
+    }
+
+    &[data-resize-handle='bottom-left'] {
+      bottom: -4px;
+      left: -4px;
+      cursor: nesw-resize;
+    }
+
+    &[data-resize-handle='bottom-right'] {
+      bottom: -4px;
+      right: -4px;
+      cursor: nwse-resize;
+    }
+
+    /* Edge handles */
+    &[data-resize-handle='top'],
+    &[data-resize-handle='bottom'] {
+      height: 6px;
+      left: 8px;
+      right: 8px;
+    }
+
+    &[data-resize-handle='top'] {
+      top: -3px;
+      cursor: ns-resize;
+    }
+
+    &[data-resize-handle='bottom'] {
+      bottom: -3px;
+      cursor: ns-resize;
+    }
+
+    &[data-resize-handle='left'],
+    &[data-resize-handle='right'] {
+      width: 6px;
+      top: 8px;
+      bottom: 8px;
+    }
+
+    &[data-resize-handle='left'] {
+      left: -3px;
+      cursor: ew-resize;
+    }
+
+    &[data-resize-handle='right'] {
+      right: -3px;
+      cursor: ew-resize;
+    }
+  }
+
+  [data-resize-state='true'] [data-resize-wrapper] {
+    outline: 1px solid rgba(0, 0, 0, 0.25);
+    border-radius: 0.125rem;
+  }
+}
+</style>
diff --git a/demos/src/Examples/Savvy/React/ColorHighlighter.ts b/demos/src/Examples/Savvy/React/ColorHighlighter.ts
new file mode 100644
index 0000000..2704629
--- /dev/null
+++ b/demos/src/Examples/Savvy/React/ColorHighlighter.ts
@@ -0,0 +1,28 @@
+import { Extension } from '@tiptap/core'
+import { Plugin } from '@tiptap/pm/state'
+
+import findColors from './findColors.js'
+
+export const ColorHighlighter = Extension.create({
+  name: 'colorHighlighter',
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        state: {
+          init(_, { doc }) {
+            return findColors(doc)
+          },
+          apply(transaction, oldState) {
+            return transaction.docChanged ? findColors(transaction.doc) : oldState
+          },
+        },
+        props: {
+          decorations(state) {
+            return this.getState(state)
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/demos/src/Examples/Savvy/React/SmilieReplacer.ts b/demos/src/Examples/Savvy/React/SmilieReplacer.ts
new file mode 100644
index 0000000..1c0a694
--- /dev/null
+++ b/demos/src/Examples/Savvy/React/SmilieReplacer.ts
@@ -0,0 +1,133 @@
+import { Extension, textInputRule } from '@tiptap/core'
+
+export const SmilieReplacer = Extension.create({
+  name: 'smilieReplacer',
+
+  addInputRules() {
+    return [
+      textInputRule({ find: /-___- $/, replace: '😑 ' }),
+      textInputRule({ find: /:'-\) $/, replace: '😂 ' }),
+      textInputRule({ find: /':-\) $/, replace: '😅 ' }),
+      textInputRule({ find: /':-D $/, replace: '😅 ' }),
+      textInputRule({ find: />:-\) $/, replace: '😆 ' }),
+      textInputRule({ find: /-__- $/, replace: '😑 ' }),
+      textInputRule({ find: /':-\( $/, replace: '😓 ' }),
+      textInputRule({ find: /:'-\( $/, replace: '😢 ' }),
+      textInputRule({ find: />:-\( $/, replace: '😠 ' }),
+      textInputRule({ find: /O:-\) $/, replace: '😇 ' }),
+      textInputRule({ find: /0:-3 $/, replace: '😇 ' }),
+      textInputRule({ find: /0:-\) $/, replace: '😇 ' }),
+      textInputRule({ find: /0;\^\) $/, replace: '😇 ' }),
+      textInputRule({ find: /O;-\) $/, replace: '😇 ' }),
+      textInputRule({ find: /0;-\) $/, replace: '😇 ' }),
+      textInputRule({ find: /O:-3 $/, replace: '😇 ' }),
+      textInputRule({ find: /:'\) $/, replace: '😂 ' }),
+      textInputRule({ find: /:-D $/, replace: '😃 ' }),
+      textInputRule({ find: /':\) $/, replace: '😅 ' }),
+      textInputRule({ find: /'=\) $/, replace: '😅 ' }),
+      textInputRule({ find: /':D $/, replace: '😅 ' }),
+      textInputRule({ find: /'=D $/, replace: '😅 ' }),
+      textInputRule({ find: />:\) $/, replace: '😆 ' }),
+      textInputRule({ find: />;\) $/, replace: '😆 ' }),
+      textInputRule({ find: />=\) $/, replace: '😆 ' }),
+      textInputRule({ find: /;-\) $/, replace: '😉 ' }),
+      textInputRule({ find: /\*-\) $/, replace: '😉 ' }),
+      textInputRule({ find: /;-\] $/, replace: '😉 ' }),
+      textInputRule({ find: /;\^\) $/, replace: '😉 ' }),
+      textInputRule({ find: /B-\) $/, replace: '😎 ' }),
+      textInputRule({ find: /8-\) $/, replace: '😎 ' }),
+      textInputRule({ find: /B-D $/, replace: '😎 ' }),
+      textInputRule({ find: /8-D $/, replace: '😎 ' }),
+      textInputRule({ find: /:-\* $/, replace: '😘 ' }),
+      textInputRule({ find: /:\^\* $/, replace: '😘 ' }),
+      textInputRule({ find: /:-\) $/, replace: '🙂 ' }),
+      textInputRule({ find: /-_- $/, replace: '😑 ' }),
+      textInputRule({ find: /:-X $/, replace: '😶 ' }),
+      textInputRule({ find: /:-# $/, replace: '😶 ' }),
+      textInputRule({ find: /:-x $/, replace: '😶 ' }),
+      textInputRule({ find: />.< $/, replace: '😣 ' }),
+      textInputRule({ find: /:-O $/, replace: '😮 ' }),
+      textInputRule({ find: /:-o $/, replace: '😮 ' }),
+      textInputRule({ find: /O_O $/, replace: '😮 ' }),
+      textInputRule({ find: />:O $/, replace: '😮 ' }),
+      textInputRule({ find: /:-P $/, replace: '😛 ' }),
+      textInputRule({ find: /:-p $/, replace: '😛 ' }),
+      textInputRule({ find: /:-Þ $/, replace: '😛 ' }),
+      textInputRule({ find: /:-þ $/, replace: '😛 ' }),
+      textInputRule({ find: /:-b $/, replace: '😛 ' }),
+      textInputRule({ find: />:P $/, replace: '😜 ' }),
+      textInputRule({ find: /X-P $/, replace: '😜 ' }),
+      textInputRule({ find: /x-p $/, replace: '😜 ' }),
+      textInputRule({ find: /':\( $/, replace: '😓 ' }),
+      textInputRule({ find: /'=\( $/, replace: '😓 ' }),
+      textInputRule({ find: />:\\ $/, replace: '😕 ' }),
+      textInputRule({ find: />:\/ $/, replace: '😕 ' }),
+      textInputRule({ find: /:-\/ $/, replace: '😕 ' }),
+      textInputRule({ find: /:-. $/, replace: '😕 ' }),
+      textInputRule({ find: />:\[ $/, replace: '😞 ' }),
+      textInputRule({ find: /:-\( $/, replace: '😞 ' }),
+      textInputRule({ find: /:-\[ $/, replace: '😞 ' }),
+      textInputRule({ find: /:'\( $/, replace: '😢 ' }),
+      textInputRule({ find: /;-\( $/, replace: '😢 ' }),
+      textInputRule({ find: /#-\) $/, replace: '😵 ' }),
+      textInputRule({ find: /%-\) $/, replace: '😵 ' }),
+      textInputRule({ find: /X-\) $/, replace: '😵 ' }),
+      textInputRule({ find: />:\( $/, replace: '😠 ' }),
+      textInputRule({ find: /0:3 $/, replace: '😇 ' }),
+      textInputRule({ find: /0:\) $/, replace: '😇 ' }),
+      textInputRule({ find: /O:\) $/, replace: '😇 ' }),
+      textInputRule({ find: /O=\) $/, replace: '😇 ' }),
+      textInputRule({ find: /O:3 $/, replace: '😇 ' }),
+      textInputRule({ find: /<\/3 $/, replace: '💔 ' }),
+      textInputRule({ find: /:D $/, replace: '😃 ' }),
+      textInputRule({ find: /=D $/, replace: '😃 ' }),
+      textInputRule({ find: /;\) $/, replace: '😉 ' }),
+      textInputRule({ find: /\*\) $/, replace: '😉 ' }),
+      textInputRule({ find: /;\] $/, replace: '😉 ' }),
+      textInputRule({ find: /;D $/, replace: '😉 ' }),
+      textInputRule({ find: /B\) $/, replace: '😎 ' }),
+      textInputRule({ find: /8\) $/, replace: '😎 ' }),
+      textInputRule({ find: /:\* $/, replace: '😘 ' }),
+      textInputRule({ find: /=\* $/, replace: '😘 ' }),
+      textInputRule({ find: /:\) $/, replace: '🙂 ' }),
+      textInputRule({ find: /=\] $/, replace: '🙂 ' }),
+      textInputRule({ find: /=\) $/, replace: '🙂 ' }),
+      textInputRule({ find: /:\] $/, replace: '🙂 ' }),
+      textInputRule({ find: /:X $/, replace: '😶 ' }),
+      textInputRule({ find: /:# $/, replace: '😶 ' }),
+      textInputRule({ find: /=X $/, replace: '😶 ' }),
+      textInputRule({ find: /=x $/, replace: '😶 ' }),
+      textInputRule({ find: /:x $/, replace: '😶 ' }),
+      textInputRule({ find: /=# $/, replace: '😶 ' }),
+      textInputRule({ find: /:O $/, replace: '😮 ' }),
+      textInputRule({ find: /:o $/, replace: '😮 ' }),
+      textInputRule({ find: /:P $/, replace: '😛 ' }),
+      textInputRule({ find: /=P $/, replace: '😛 ' }),
+      textInputRule({ find: /:p $/, replace: '😛  ' }),
+      textInputRule({ find: /=p $/, replace: '😛 ' }),
+      textInputRule({ find: /:Þ $/, replace: '😛 ' }),
+      textInputRule({ find: /:þ $/, replace: '😛 ' }),
+      textInputRule({ find: /:b $/, replace: '😛 ' }),
+      textInputRule({ find: /d: $/, replace: '😛 ' }),
+      textInputRule({ find: /:\/ $/, replace: '😕 ' }),
+      textInputRule({ find: /:\\ $/, replace: '😕 ' }),
+      textInputRule({ find: /=\/ $/, replace: '😕 ' }),
+      textInputRule({ find: /=\\ $/, replace: '😕 ' }),
+      textInputRule({ find: /:L $/, replace: '😕 ' }),
+      textInputRule({ find: /=L $/, replace: '😕 ' }),
+      textInputRule({ find: /:\( $/, replace: '😞 ' }),
+      textInputRule({ find: /:\[ $/, replace: '😞 ' }),
+      textInputRule({ find: /=\( $/, replace: '😞 ' }),
+      textInputRule({ find: /;\( $/, replace: '😢 ' }),
+      textInputRule({ find: /D: $/, replace: '😨 ' }),
+      textInputRule({ find: /:\$ $/, replace: '😳 ' }),
+      textInputRule({ find: /=\$ $/, replace: '😳 ' }),
+      textInputRule({ find: /#\) $/, replace: '😵 ' }),
+      textInputRule({ find: /%\) $/, replace: '😵 ' }),
+      textInputRule({ find: /X\) $/, replace: '😵 ' }),
+      textInputRule({ find: /:@ $/, replace: '😠 ' }),
+      textInputRule({ find: /<3 $/, replace: '❤️ ' }),
+      textInputRule({ find: /\/shrug $/, replace: '¯\\_(ツ)_/¯' }),
+    ]
+  },
+})
diff --git a/demos/src/Examples/Savvy/React/findColors.ts b/demos/src/Examples/Savvy/React/findColors.ts
new file mode 100644
index 0000000..32a5b0a
--- /dev/null
+++ b/demos/src/Examples/Savvy/React/findColors.ts
@@ -0,0 +1,28 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+
+export default function (doc: PMNode): DecorationSet {
+  const hexColor = /(#[0-9a-f]{3,6})\b/gi
+  const decorations: Decoration[] = []
+
+  doc.descendants((node, position) => {
+    if (!node.text) {
+      return
+    }
+
+    Array.from(node.text.matchAll(hexColor)).forEach(match => {
+      const color = match[0]
+      const index = match.index || 0
+      const from = position + index
+      const to = from + color.length
+      const decoration = Decoration.inline(from, to, {
+        class: 'color',
+        style: `--color: ${color}`,
+      })
+
+      decorations.push(decoration)
+    })
+  })
+
+  return DecorationSet.create(doc, decorations)
+}
diff --git a/demos/src/Examples/Savvy/React/index.html b/demos/src/Examples/Savvy/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Savvy/React/index.jsx b/demos/src/Examples/Savvy/React/index.jsx
new file mode 100644
index 0000000..5a8d662
--- /dev/null
+++ b/demos/src/Examples/Savvy/React/index.jsx
@@ -0,0 +1,36 @@
+import './styles.scss'
+
+import Code from '@tiptap/extension-code'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Typography from '@tiptap/extension-typography'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+import { ColorHighlighter } from './ColorHighlighter.ts'
+import { SmilieReplacer } from './SmilieReplacer.ts'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Code, Typography, ColorHighlighter, SmilieReplacer],
+    content: `
+      <p>
+        → With the Typography extension, Tiptap understands »what you mean« and adds correct characters to your text — it’s like a “typography nerd” on your side.
+      </p>
+      <p>
+        Try it out and type <code>(c)</code>, <code>-></code>, <code>>></code>, <code>1/2</code>, <code>!=</code>, <code>--</code> or <code>1x1</code> here:
+      </p>
+      <p></p>
+      <p>
+        Or add completely custom input rules. We added a custom extension here that replaces smilies like <code>:-)</code>, <code><3</code> or <code>>:P</code> with emojis. Try it out:
+      </p>
+      <p></p>
+      <p>
+        You can also teach the editor new things. For example to recognize hex colors and add a color swatch on the fly: #FFF, #0D0D0D, #616161, #A975FF, #FB5151, #FD9170, #FFCB6B, #68CEF8, #80cbc4, #9DEF8F
+      </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Examples/Savvy/React/styles.scss b/demos/src/Examples/Savvy/React/styles.scss
new file mode 100644
index 0000000..fc41c9e
--- /dev/null
+++ b/demos/src/Examples/Savvy/React/styles.scss
@@ -0,0 +1,33 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  /* Color swatches */
+  .color {
+    white-space: nowrap;
+
+    &::before {
+      background-color: var(--color);
+      border: 1px solid rgba(128, 128, 128, 0.3);
+      border-radius: 2px;
+      content: ' ';
+      display: inline-block;
+      height: 1em;
+      margin-bottom: 0.15em;
+      margin-right: 0.1em;
+      vertical-align: middle;
+      width: 1em;
+    }
+  }
+}
diff --git a/demos/src/Examples/Savvy/Vue/ColorHighlighter.ts b/demos/src/Examples/Savvy/Vue/ColorHighlighter.ts
new file mode 100644
index 0000000..2704629
--- /dev/null
+++ b/demos/src/Examples/Savvy/Vue/ColorHighlighter.ts
@@ -0,0 +1,28 @@
+import { Extension } from '@tiptap/core'
+import { Plugin } from '@tiptap/pm/state'
+
+import findColors from './findColors.js'
+
+export const ColorHighlighter = Extension.create({
+  name: 'colorHighlighter',
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        state: {
+          init(_, { doc }) {
+            return findColors(doc)
+          },
+          apply(transaction, oldState) {
+            return transaction.docChanged ? findColors(transaction.doc) : oldState
+          },
+        },
+        props: {
+          decorations(state) {
+            return this.getState(state)
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/demos/src/Examples/Savvy/Vue/SmilieReplacer.ts b/demos/src/Examples/Savvy/Vue/SmilieReplacer.ts
new file mode 100644
index 0000000..1c0a694
--- /dev/null
+++ b/demos/src/Examples/Savvy/Vue/SmilieReplacer.ts
@@ -0,0 +1,133 @@
+import { Extension, textInputRule } from '@tiptap/core'
+
+export const SmilieReplacer = Extension.create({
+  name: 'smilieReplacer',
+
+  addInputRules() {
+    return [
+      textInputRule({ find: /-___- $/, replace: '😑 ' }),
+      textInputRule({ find: /:'-\) $/, replace: '😂 ' }),
+      textInputRule({ find: /':-\) $/, replace: '😅 ' }),
+      textInputRule({ find: /':-D $/, replace: '😅 ' }),
+      textInputRule({ find: />:-\) $/, replace: '😆 ' }),
+      textInputRule({ find: /-__- $/, replace: '😑 ' }),
+      textInputRule({ find: /':-\( $/, replace: '😓 ' }),
+      textInputRule({ find: /:'-\( $/, replace: '😢 ' }),
+      textInputRule({ find: />:-\( $/, replace: '😠 ' }),
+      textInputRule({ find: /O:-\) $/, replace: '😇 ' }),
+      textInputRule({ find: /0:-3 $/, replace: '😇 ' }),
+      textInputRule({ find: /0:-\) $/, replace: '😇 ' }),
+      textInputRule({ find: /0;\^\) $/, replace: '😇 ' }),
+      textInputRule({ find: /O;-\) $/, replace: '😇 ' }),
+      textInputRule({ find: /0;-\) $/, replace: '😇 ' }),
+      textInputRule({ find: /O:-3 $/, replace: '😇 ' }),
+      textInputRule({ find: /:'\) $/, replace: '😂 ' }),
+      textInputRule({ find: /:-D $/, replace: '😃 ' }),
+      textInputRule({ find: /':\) $/, replace: '😅 ' }),
+      textInputRule({ find: /'=\) $/, replace: '😅 ' }),
+      textInputRule({ find: /':D $/, replace: '😅 ' }),
+      textInputRule({ find: /'=D $/, replace: '😅 ' }),
+      textInputRule({ find: />:\) $/, replace: '😆 ' }),
+      textInputRule({ find: />;\) $/, replace: '😆 ' }),
+      textInputRule({ find: />=\) $/, replace: '😆 ' }),
+      textInputRule({ find: /;-\) $/, replace: '😉 ' }),
+      textInputRule({ find: /\*-\) $/, replace: '😉 ' }),
+      textInputRule({ find: /;-\] $/, replace: '😉 ' }),
+      textInputRule({ find: /;\^\) $/, replace: '😉 ' }),
+      textInputRule({ find: /B-\) $/, replace: '😎 ' }),
+      textInputRule({ find: /8-\) $/, replace: '😎 ' }),
+      textInputRule({ find: /B-D $/, replace: '😎 ' }),
+      textInputRule({ find: /8-D $/, replace: '😎 ' }),
+      textInputRule({ find: /:-\* $/, replace: '😘 ' }),
+      textInputRule({ find: /:\^\* $/, replace: '😘 ' }),
+      textInputRule({ find: /:-\) $/, replace: '🙂 ' }),
+      textInputRule({ find: /-_- $/, replace: '😑 ' }),
+      textInputRule({ find: /:-X $/, replace: '😶 ' }),
+      textInputRule({ find: /:-# $/, replace: '😶 ' }),
+      textInputRule({ find: /:-x $/, replace: '😶 ' }),
+      textInputRule({ find: />.< $/, replace: '😣 ' }),
+      textInputRule({ find: /:-O $/, replace: '😮 ' }),
+      textInputRule({ find: /:-o $/, replace: '😮 ' }),
+      textInputRule({ find: /O_O $/, replace: '😮 ' }),
+      textInputRule({ find: />:O $/, replace: '😮 ' }),
+      textInputRule({ find: /:-P $/, replace: '😛 ' }),
+      textInputRule({ find: /:-p $/, replace: '😛 ' }),
+      textInputRule({ find: /:-Þ $/, replace: '😛 ' }),
+      textInputRule({ find: /:-þ $/, replace: '😛 ' }),
+      textInputRule({ find: /:-b $/, replace: '😛 ' }),
+      textInputRule({ find: />:P $/, replace: '😜 ' }),
+      textInputRule({ find: /X-P $/, replace: '😜 ' }),
+      textInputRule({ find: /x-p $/, replace: '😜 ' }),
+      textInputRule({ find: /':\( $/, replace: '😓 ' }),
+      textInputRule({ find: /'=\( $/, replace: '😓 ' }),
+      textInputRule({ find: />:\\ $/, replace: '😕 ' }),
+      textInputRule({ find: />:\/ $/, replace: '😕 ' }),
+      textInputRule({ find: /:-\/ $/, replace: '😕 ' }),
+      textInputRule({ find: /:-. $/, replace: '😕 ' }),
+      textInputRule({ find: />:\[ $/, replace: '😞 ' }),
+      textInputRule({ find: /:-\( $/, replace: '😞 ' }),
+      textInputRule({ find: /:-\[ $/, replace: '😞 ' }),
+      textInputRule({ find: /:'\( $/, replace: '😢 ' }),
+      textInputRule({ find: /;-\( $/, replace: '😢 ' }),
+      textInputRule({ find: /#-\) $/, replace: '😵 ' }),
+      textInputRule({ find: /%-\) $/, replace: '😵 ' }),
+      textInputRule({ find: /X-\) $/, replace: '😵 ' }),
+      textInputRule({ find: />:\( $/, replace: '😠 ' }),
+      textInputRule({ find: /0:3 $/, replace: '😇 ' }),
+      textInputRule({ find: /0:\) $/, replace: '😇 ' }),
+      textInputRule({ find: /O:\) $/, replace: '😇 ' }),
+      textInputRule({ find: /O=\) $/, replace: '😇 ' }),
+      textInputRule({ find: /O:3 $/, replace: '😇 ' }),
+      textInputRule({ find: /<\/3 $/, replace: '💔 ' }),
+      textInputRule({ find: /:D $/, replace: '😃 ' }),
+      textInputRule({ find: /=D $/, replace: '😃 ' }),
+      textInputRule({ find: /;\) $/, replace: '😉 ' }),
+      textInputRule({ find: /\*\) $/, replace: '😉 ' }),
+      textInputRule({ find: /;\] $/, replace: '😉 ' }),
+      textInputRule({ find: /;D $/, replace: '😉 ' }),
+      textInputRule({ find: /B\) $/, replace: '😎 ' }),
+      textInputRule({ find: /8\) $/, replace: '😎 ' }),
+      textInputRule({ find: /:\* $/, replace: '😘 ' }),
+      textInputRule({ find: /=\* $/, replace: '😘 ' }),
+      textInputRule({ find: /:\) $/, replace: '🙂 ' }),
+      textInputRule({ find: /=\] $/, replace: '🙂 ' }),
+      textInputRule({ find: /=\) $/, replace: '🙂 ' }),
+      textInputRule({ find: /:\] $/, replace: '🙂 ' }),
+      textInputRule({ find: /:X $/, replace: '😶 ' }),
+      textInputRule({ find: /:# $/, replace: '😶 ' }),
+      textInputRule({ find: /=X $/, replace: '😶 ' }),
+      textInputRule({ find: /=x $/, replace: '😶 ' }),
+      textInputRule({ find: /:x $/, replace: '😶 ' }),
+      textInputRule({ find: /=# $/, replace: '😶 ' }),
+      textInputRule({ find: /:O $/, replace: '😮 ' }),
+      textInputRule({ find: /:o $/, replace: '😮 ' }),
+      textInputRule({ find: /:P $/, replace: '😛 ' }),
+      textInputRule({ find: /=P $/, replace: '😛 ' }),
+      textInputRule({ find: /:p $/, replace: '😛  ' }),
+      textInputRule({ find: /=p $/, replace: '😛 ' }),
+      textInputRule({ find: /:Þ $/, replace: '😛 ' }),
+      textInputRule({ find: /:þ $/, replace: '😛 ' }),
+      textInputRule({ find: /:b $/, replace: '😛 ' }),
+      textInputRule({ find: /d: $/, replace: '😛 ' }),
+      textInputRule({ find: /:\/ $/, replace: '😕 ' }),
+      textInputRule({ find: /:\\ $/, replace: '😕 ' }),
+      textInputRule({ find: /=\/ $/, replace: '😕 ' }),
+      textInputRule({ find: /=\\ $/, replace: '😕 ' }),
+      textInputRule({ find: /:L $/, replace: '😕 ' }),
+      textInputRule({ find: /=L $/, replace: '😕 ' }),
+      textInputRule({ find: /:\( $/, replace: '😞 ' }),
+      textInputRule({ find: /:\[ $/, replace: '😞 ' }),
+      textInputRule({ find: /=\( $/, replace: '😞 ' }),
+      textInputRule({ find: /;\( $/, replace: '😢 ' }),
+      textInputRule({ find: /D: $/, replace: '😨 ' }),
+      textInputRule({ find: /:\$ $/, replace: '😳 ' }),
+      textInputRule({ find: /=\$ $/, replace: '😳 ' }),
+      textInputRule({ find: /#\) $/, replace: '😵 ' }),
+      textInputRule({ find: /%\) $/, replace: '😵 ' }),
+      textInputRule({ find: /X\) $/, replace: '😵 ' }),
+      textInputRule({ find: /:@ $/, replace: '😠 ' }),
+      textInputRule({ find: /<3 $/, replace: '❤️ ' }),
+      textInputRule({ find: /\/shrug $/, replace: '¯\\_(ツ)_/¯' }),
+    ]
+  },
+})
diff --git a/demos/src/Examples/Savvy/Vue/findColors.ts b/demos/src/Examples/Savvy/Vue/findColors.ts
new file mode 100644
index 0000000..32a5b0a
--- /dev/null
+++ b/demos/src/Examples/Savvy/Vue/findColors.ts
@@ -0,0 +1,28 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+
+export default function (doc: PMNode): DecorationSet {
+  const hexColor = /(#[0-9a-f]{3,6})\b/gi
+  const decorations: Decoration[] = []
+
+  doc.descendants((node, position) => {
+    if (!node.text) {
+      return
+    }
+
+    Array.from(node.text.matchAll(hexColor)).forEach(match => {
+      const color = match[0]
+      const index = match.index || 0
+      const from = position + index
+      const to = from + color.length
+      const decoration = Decoration.inline(from, to, {
+        class: 'color',
+        style: `--color: ${color}`,
+      })
+
+      decorations.push(decoration)
+    })
+  })
+
+  return DecorationSet.create(doc, decorations)
+}
diff --git a/demos/src/Examples/Savvy/Vue/index.html b/demos/src/Examples/Savvy/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Savvy/Vue/index.vue b/demos/src/Examples/Savvy/Vue/index.vue
new file mode 100644
index 0000000..8c11a78
--- /dev/null
+++ b/demos/src/Examples/Savvy/Vue/index.vue
@@ -0,0 +1,90 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Code from '@tiptap/extension-code'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Typography from '@tiptap/extension-typography'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import { ColorHighlighter } from './ColorHighlighter.ts'
+import { SmilieReplacer } from './SmilieReplacer.ts'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Code, Typography, ColorHighlighter, SmilieReplacer],
+      content: `
+        <p>
+          → With the Typography extension, Tiptap understands »what you mean« and adds correct characters to your text — it’s like a “typography nerd” on your side.
+        </p>
+        <p>
+          Try it out and type <code>(c)</code>, <code>-></code>, <code>>></code>, <code>1/2</code>, <code>!=</code>, <code>--</code> or <code>1x1</code> here:
+        </p>
+        <p></p>
+        <p>
+          Or add completely custom input rules. We added a custom extension here that replaces smilies like <code>:-)</code>, <code><3</code> or <code>>:P</code> with emojis. Try it out:
+        </p>
+        <p></p>
+        <p>
+          You can also teach the editor new things. For example to recognize hex colors and add a color swatch on the fly: #FFF, #0D0D0D, #616161, #A975FF, #FB5151, #FD9170, #FFCB6B, #68CEF8, #80cbc4, #9DEF8F
+        </p>
+
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  /* Color swatches */
+  .color {
+    white-space: nowrap;
+
+    &::before {
+      background-color: var(--color);
+      border: 1px solid rgba(128, 128, 128, 0.3);
+      border-radius: 2px;
+      content: ' ';
+      display: inline-block;
+      height: 1em;
+      margin-bottom: 0.15em;
+      margin-right: 0.1em;
+      vertical-align: middle;
+      width: 1em;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/Savvy/index.spec.ts b/demos/src/Examples/Savvy/index.spec.ts
new file mode 100644
index 0000000..0ceddaf
--- /dev/null
+++ b/demos/src/Examples/Savvy/index.spec.ts
@@ -0,0 +1,57 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Savvy'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+const cases: [string, string][] = [
+  ['(c)', '©'],
+  ['->', '→'],
+  ['>>', '»'],
+  ['1/2', '½'],
+  ['!=', '≠'],
+  ['--', '—'],
+  ['1x1', '1×1'],
+  [':-) ', '🙂'],
+  ['<3 ', '❤️'],
+  ['>:P ', '😜'],
+]
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.chain().focus().clearContent().run()
+        })
+      })
+
+      cases.forEach(([input, expected]) => {
+        test(`should parse ${input} correctly`, async ({ page }) => {
+          const editor = await getEditor(page)
+
+          await editor.click()
+          await editor.type(`${input} `)
+
+          await expect(page.locator('.tiptap')).toContainText(expected)
+        })
+      })
+
+      test('should parse hex colors correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.type('#FD9170')
+
+        await expect(page.locator('.tiptap .color').first()).toBeVisible()
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/StaticRendering/React/index.html b/demos/src/Examples/StaticRendering/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/StaticRendering/React/index.tsx b/demos/src/Examples/StaticRendering/React/index.tsx
new file mode 100644
index 0000000..e0d3a8a
--- /dev/null
+++ b/demos/src/Examples/StaticRendering/React/index.tsx
@@ -0,0 +1,357 @@
+import './styles.scss'
+
+import type { JSONContent } from '@tiptap/react'
+import { EditorProvider, useCurrentEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import { renderToHTMLString, renderToMarkdown, renderToReactElement } from '@tiptap/static-renderer'
+import React, { useState } from 'react'
+
+const extensions = [StarterKit]
+
+const content = `
+<h2>
+  Hi there,
+</h2>
+<p>
+  this is a <em>basic</em> example of <strong>Tiptap</strong>. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:
+</p>
+<ul>
+  <li>
+    That’s a bullet list with one …
+  </li>
+  <li>
+    … or two list items.
+  </li>
+</ul>
+<p>
+  Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:
+</p>
+<pre><code class="language-css">body {
+  display: none;
+}</code></pre>
+<p>
+  I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.
+</p>
+<blockquote>
+  Wow, that’s amazing. Good work, boy! 👏
+  <br />
+  — Mom
+</blockquote>
+`
+
+/**
+ * This example demonstrates how to render a Prosemirror Node (or JSON Content) to a React Element.
+ * It will use your extensions to render the content based on each Node's/Mark's `renderHTML` method.
+ * This can be useful if you want to render content to React without having an actual editor instance.
+ *
+ * You have complete control over the rendering process. And can replace how each Node/Mark is rendered.
+ */
+export default () => {
+  const [tab, setTab] = useState<'react' | 'html' | 'html-element' | 'markdown'>('react')
+  const [currentJSON, setJSON] = useState<JSONContent | null>(null)
+  return (
+    <div>
+      <EditorProvider
+        // oxlint-disable-next-lineno-use-before-define -- Just want to show the usage first
+        slotBefore={<MenuBar />}
+        extensions={extensions}
+        content={content}
+        onUpdate={({ editor }) => {
+          setJSON(editor.getJSON())
+        }}
+      ></EditorProvider>
+
+      <div className="control-group">
+        <h1>Rendered as:</h1>
+        <div className="switch-group">
+          <label>
+            <input
+              type="radio"
+              name="option-switch"
+              onChange={() => {
+                setTab('react')
+              }}
+              checked={tab === 'react'}
+            />
+            React
+          </label>
+          <label>
+            <input
+              type="radio"
+              name="option-switch"
+              onChange={() => {
+                setTab('html')
+              }}
+              checked={tab === 'html'}
+            />
+            HTML
+          </label>
+          <label>
+            <input
+              type="radio"
+              name="option-switch"
+              onChange={() => {
+                setTab('html-element')
+              }}
+              checked={tab === 'html-element'}
+            />
+            HTML Element
+          </label>
+          <label>
+            <input
+              type="radio"
+              name="option-switch"
+              onChange={() => {
+                setTab('markdown')
+              }}
+              checked={tab === 'markdown'}
+            />
+            Markdown
+          </label>
+        </div>
+      </div>
+      {tab === 'react' && (
+        <div className="output-group tiptap">
+          <h2>React Element</h2>
+          <p>
+            This example renders the JSON content directly into a React element without using an
+            editor instance.
+          </p>
+          <p className="hint">Notice that every paragraph now has a button counter</p>
+          <div className="tiptap">
+            {currentJSON &&
+              renderToReactElement({
+                content: currentJSON,
+                extensions,
+                options: {
+                  nodeMapping: {
+                    paragraph: ({ node }) => {
+                      // oxlint-disable-next-line react-hooks/rules-of-hooks
+                      const [count, setCount] = useState(0)
+                      return (
+                        <>
+                          <button onClick={() => setCount(count + 1)} className="primary">
+                            CLICK ME
+                          </button>
+                          <p>Count is: {count}</p>
+                          <p>{node.textContent}</p>
+                        </>
+                      )
+                    },
+                  },
+                },
+              })}
+          </div>
+        </div>
+      )}
+      {tab === 'html' && (
+        <div className="output-group tiptap">
+          <h2>HTML String</h2>
+          <p>
+            This example renders the JSON content into an HTML string without using an editor
+            instance or document parser.
+          </p>
+          <pre>
+            <code>
+              {currentJSON &&
+                renderToHTMLString({
+                  content: currentJSON,
+                  extensions,
+                })}
+            </code>
+          </pre>
+        </div>
+      )}
+      {tab === 'html-element' && (
+        <div className="output-group tiptap">
+          <h2>To HTML Element (via dangerouslySetInnerHTML)</h2>
+          <p>
+            This example renders the JSON content into an HTML string without using an editor
+            instance or document parser, and places that result directly into the HTML using
+            dangerouslySetInnerHTML.
+          </p>
+          <div
+            className="tiptap"
+            dangerouslySetInnerHTML={{
+              __html: currentJSON
+                ? renderToHTMLString({
+                    content: currentJSON,
+                    extensions,
+                  })
+                : '',
+            }}
+          ></div>
+        </div>
+      )}
+      {tab === 'markdown' && (
+        <div className="output-group tiptap">
+          <h2>Markdown</h2>
+          <p>
+            This example renders the JSON content into a markdown without using an editor instance,
+            document parser or markdown library.
+          </p>
+          <pre>
+            <code>
+              {currentJSON &&
+                renderToMarkdown({
+                  content: currentJSON,
+                  extensions,
+                })}
+            </code>
+          </pre>
+        </div>
+      )}
+    </div>
+  )
+}
+
+function MenuBar() {
+  const { editor } = useCurrentEditor()
+
+  const editorState = useEditorState({
+    editor: editor!,
+    selector: ctx => {
+      return {
+        isBold: ctx.editor.isActive('bold') ?? false,
+        canBold: ctx.editor.can().chain().focus().toggleBold().run() ?? false,
+        isItalic: ctx.editor.isActive('italic') ?? false,
+        canItalic: ctx.editor.can().chain().focus().toggleItalic().run() ?? false,
+        isStrike: ctx.editor.isActive('strike') ?? false,
+        canStrike: ctx.editor.can().chain().focus().toggleStrike().run() ?? false,
+        isCode: ctx.editor.isActive('code') ?? false,
+        canCode: ctx.editor.can().chain().focus().toggleCode().run() ?? false,
+        canClearMarks: ctx.editor.can().chain().focus().unsetAllMarks().run() ?? false,
+        isParagraph: ctx.editor.isActive('paragraph') ?? false,
+        isHeading1: ctx.editor.isActive('heading', { level: 1 }) ?? false,
+        isHeading2: ctx.editor.isActive('heading', { level: 2 }) ?? false,
+        isHeading3: ctx.editor.isActive('heading', { level: 3 }) ?? false,
+        isHeading4: ctx.editor.isActive('heading', { level: 4 }) ?? false,
+        isHeading5: ctx.editor.isActive('heading', { level: 5 }) ?? false,
+        isHeading6: ctx.editor.isActive('heading', { level: 6 }) ?? false,
+        isBulletList: ctx.editor.isActive('bulletList') ?? false,
+        isOrderedList: ctx.editor.isActive('orderedList') ?? false,
+        isCodeBlock: ctx.editor.isActive('codeBlock') ?? false,
+        isBlockquote: ctx.editor.isActive('blockquote') ?? false,
+        canUndo: ctx.editor.can().chain().focus().undo().run() ?? false,
+        canRedo: ctx.editor.can().chain().focus().redo().run() ?? false,
+      }
+    },
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className="control-group">
+      <div className="button-group">
+        <button
+          onClick={() => editor.chain().focus().toggleBold().run()}
+          disabled={!editorState.canBold}
+          className={editorState.isBold ? 'is-active' : ''}
+        >
+          Bold
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleItalic().run()}
+          disabled={!editorState.canItalic}
+          className={editorState.isItalic ? 'is-active' : ''}
+        >
+          Italic
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleStrike().run()}
+          disabled={!editorState.canStrike}
+          className={editorState.isStrike ? 'is-active' : ''}
+        >
+          Strike
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleCode().run()}
+          disabled={!editorState.canCode}
+          className={editorState.isCode ? 'is-active' : ''}
+        >
+          Code
+        </button>
+        <button onClick={() => editor.chain().focus().unsetAllMarks().run()}>Clear marks</button>
+        <button onClick={() => editor.chain().focus().clearNodes().run()}>Clear nodes</button>
+        <button
+          onClick={() => editor.chain().focus().setParagraph().run()}
+          className={editorState.isParagraph ? 'is-active' : ''}
+        >
+          Paragraph
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+          className={editorState.isHeading1 ? 'is-active' : ''}
+        >
+          H1
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+          className={editorState.isHeading2 ? 'is-active' : ''}
+        >
+          H2
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}
+          className={editorState.isHeading3 ? 'is-active' : ''}
+        >
+          H3
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 4 }).run()}
+          className={editorState.isHeading4 ? 'is-active' : ''}
+        >
+          H4
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 5 }).run()}
+          className={editorState.isHeading5 ? 'is-active' : ''}
+        >
+          H5
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 6 }).run()}
+          className={editorState.isHeading6 ? 'is-active' : ''}
+        >
+          H6
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleBulletList().run()}
+          className={editorState.isBulletList ? 'is-active' : ''}
+        >
+          Bullet list
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleOrderedList().run()}
+          className={editorState.isOrderedList ? 'is-active' : ''}
+        >
+          Ordered list
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleCodeBlock().run()}
+          className={editorState.isCodeBlock ? 'is-active' : ''}
+        >
+          Code block
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleBlockquote().run()}
+          className={editorState.isBlockquote ? 'is-active' : ''}
+        >
+          Blockquote
+        </button>
+        <button onClick={() => editor.chain().focus().setHorizontalRule().run()}>
+          Horizontal rule
+        </button>
+        <button onClick={() => editor.chain().focus().setHardBreak().run()}>Hard break</button>
+        <button onClick={() => editor.chain().focus().undo().run()} disabled={!editorState.canUndo}>
+          Undo
+        </button>
+        <button onClick={() => editor.chain().focus().redo().run()} disabled={!editorState.canRedo}>
+          Redo
+        </button>
+      </div>
+    </div>
+  )
+}
diff --git a/demos/src/Examples/StaticRendering/React/styles.scss b/demos/src/Examples/StaticRendering/React/styles.scss
new file mode 100644
index 0000000..ae82a93
--- /dev/null
+++ b/demos/src/Examples/StaticRendering/React/styles.scss
@@ -0,0 +1,92 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+    overflow-x: auto;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Examples/StaticRenderingAdvanced/React/index.html b/demos/src/Examples/StaticRenderingAdvanced/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/StaticRenderingAdvanced/React/index.tsx b/demos/src/Examples/StaticRenderingAdvanced/React/index.tsx
new file mode 100644
index 0000000..bd5d8df
--- /dev/null
+++ b/demos/src/Examples/StaticRenderingAdvanced/React/index.tsx
@@ -0,0 +1,313 @@
+import {
+  Node,
+  NodeViewContent,
+  ReactNodeViewContentProvider,
+  ReactNodeViewRenderer,
+} from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import { renderToReactElement } from '@tiptap/static-renderer'
+import React, { useMemo } from 'react'
+
+// This component does not have a NodeViewContent, so it does not render it's children's rich text content
+function MyCustomComponentWithoutContent() {
+  const [count, setCount] = React.useState(200)
+
+  return (
+    <div className="custom-component-without-content">
+      <button onClick={() => setCount(a => a + 1)}>Click me</button>
+      {count} Custom component without content in React!
+    </div>
+  )
+}
+
+// This component does have a NodeViewContent, so it will render it's children's rich text content
+function MyCustomComponentWithContent() {
+  const [count, setCount] = React.useState(200)
+  return (
+    <div className="custom-component-with-content">
+      <button onClick={() => setCount(a => a + 1)}>Click me</button>
+      {count} Custom component with content in React!
+      <NodeViewContent />
+    </div>
+  )
+}
+
+const CustomNodeExtensionWithContent = Node.create({
+  name: 'customNodeExtensionWithContent',
+  content: 'text*',
+  group: 'block',
+  renderHTML() {
+    return ['div', { class: 'my-custom-component-with-content' }, 0] as const
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer(MyCustomComponentWithContent)
+  },
+})
+
+const CustomNodeExtensionWithoutContent = Node.create({
+  name: 'customNodeExtensionWithoutContent',
+  atom: true,
+  renderHTML() {
+    return ['div', { class: 'my-custom-component-without-content' }] as const
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer(MyCustomComponentWithoutContent)
+  },
+})
+
+/**
+ * This example demonstrates how to render a Prosemirror Node (or JSON Content) to a React Element.
+ * It will use your extensions to render the content based on each Node's/Mark's `renderHTML` method.
+ * This can be useful if you want to render content to React without having an actual editor instance.
+ *
+ * You have complete control over the rendering process. And can replace how each Node/Mark is rendered.
+ */
+export default () => {
+  const output = useMemo(() => {
+    return renderToReactElement({
+      extensions: [StarterKit, CustomNodeExtensionWithContent, CustomNodeExtensionWithoutContent],
+      options: {
+        nodeMapping: {
+          // You can replace the rendering of a node with a custom react component
+          heading({ node, children }) {
+            // oxlint-disable-next-line react-hooks/rules-of-hooks
+            const [show, setEnabled] = React.useState(false)
+
+            return (
+              <h1 {...node.attrs} onClick={() => setEnabled(true)}>
+                {show
+                  ? `100% you can use React hooks!`
+                  : `Can you use React hooks? Click to find out!`}{' '}
+                {children}
+              </h1>
+            )
+          },
+          // Node views are not supported in the static renderer, so you need to supply the custom component yourself
+          customNodeExtensionWithContent({ children }) {
+            return (
+              <ReactNodeViewContentProvider content={children}>
+                <MyCustomComponentWithContent />
+              </ReactNodeViewContentProvider>
+            )
+          },
+          customNodeExtensionWithoutContent() {
+            return <MyCustomComponentWithoutContent />
+          },
+        },
+        markMapping: {},
+      },
+      content: {
+        type: 'doc',
+        from: 0,
+        to: 574,
+        content: [
+          {
+            type: 'heading',
+            from: 0,
+            to: 11,
+            attrs: {
+              level: 2,
+            },
+            content: [
+              {
+                type: 'text',
+                from: 1,
+                to: 10,
+                text: 'Hi there,',
+              },
+            ],
+          },
+          // This is a custom node extension with content
+          {
+            type: 'customNodeExtensionWithContent',
+            content: [
+              {
+                type: 'text',
+                text: 'MY CUSTOM COMPONENT CONTENT!!!',
+              },
+            ],
+          },
+          // This is a custom node extension without content
+          {
+            type: 'customNodeExtensionWithoutContent',
+          },
+          {
+            type: 'paragraph',
+            from: 11,
+            to: 169,
+            content: [
+              {
+                type: 'text',
+                from: 12,
+                to: 22,
+                text: 'this is a ',
+              },
+              {
+                type: 'text',
+                from: 22,
+                to: 27,
+                marks: [
+                  {
+                    type: 'italic',
+                  },
+                ],
+                text: 'basic',
+              },
+              {
+                type: 'text',
+                from: 27,
+                to: 39,
+                text: ' example of ',
+              },
+              {
+                type: 'text',
+                from: 39,
+                to: 45,
+                marks: [
+                  {
+                    type: 'bold',
+                  },
+                ],
+                text: 'Tiptap',
+              },
+              {
+                type: 'text',
+                from: 45,
+                to: 168,
+                text: '. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:',
+              },
+            ],
+          },
+          {
+            type: 'bulletList',
+            from: 169,
+            to: 230,
+            content: [
+              {
+                type: 'listItem',
+                from: 170,
+                to: 205,
+                attrs: {
+                  color: '',
+                },
+                content: [
+                  {
+                    type: 'paragraph',
+                    from: 171,
+                    to: 204,
+                    content: [
+                      {
+                        type: 'text',
+                        from: 172,
+                        to: 203,
+                        text: 'That’s a bullet list with one …',
+                      },
+                    ],
+                  },
+                ],
+              },
+              {
+                type: 'listItem',
+                from: 205,
+                to: 229,
+                attrs: {
+                  color: '',
+                },
+                content: [
+                  {
+                    type: 'paragraph',
+                    from: 206,
+                    to: 228,
+                    content: [
+                      {
+                        type: 'text',
+                        from: 207,
+                        to: 227,
+                        text: '… or two list items.',
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            type: 'paragraph',
+            from: 230,
+            to: 326,
+            content: [
+              {
+                type: 'text',
+                from: 231,
+                to: 325,
+                text: 'Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:',
+              },
+            ],
+          },
+          {
+            type: 'codeBlock',
+            from: 326,
+            to: 353,
+            attrs: {
+              language: 'css',
+            },
+            content: [
+              {
+                type: 'text',
+                from: 327,
+                to: 352,
+                text: 'body {\n  display: none;\n}',
+              },
+            ],
+          },
+          {
+            type: 'paragraph',
+            from: 353,
+            to: 522,
+            content: [
+              {
+                type: 'text',
+                from: 354,
+                to: 521,
+                text: 'I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.',
+              },
+            ],
+          },
+          {
+            type: 'blockquote',
+            from: 522,
+            to: 572,
+            content: [
+              {
+                type: 'paragraph',
+                from: 523,
+                to: 571,
+                content: [
+                  {
+                    type: 'text',
+                    from: 524,
+                    to: 564,
+                    text: 'Wow, that’s amazing. Good work, boy! 👏 ',
+                  },
+                  {
+                    type: 'hardBreak',
+                    from: 564,
+                    to: 565,
+                  },
+                  {
+                    type: 'text',
+                    from: 565,
+                    to: 570,
+                    text: '— Mom',
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+  }, [])
+
+  return <div className="tiptap">{output}</div>
+}
diff --git a/demos/src/Examples/SuggestionPositioning/React/DropdownList.jsx b/demos/src/Examples/SuggestionPositioning/React/DropdownList.jsx
new file mode 100644
index 0000000..bae32ad
--- /dev/null
+++ b/demos/src/Examples/SuggestionPositioning/React/DropdownList.jsx
@@ -0,0 +1,64 @@
+import React, { useEffect, useImperativeHandle, useState } from 'react'
+
+export default props => {
+  const [selectedIndex, setSelectedIndex] = useState(0)
+
+  const selectItem = index => {
+    const item = props.items[index]
+
+    if (item) {
+      props.command(item)
+    }
+  }
+
+  const upHandler = () => {
+    setSelectedIndex((selectedIndex + props.items.length - 1) % props.items.length)
+  }
+
+  const downHandler = () => {
+    setSelectedIndex((selectedIndex + 1) % props.items.length)
+  }
+
+  const enterHandler = () => {
+    selectItem(selectedIndex)
+  }
+
+  useEffect(() => setSelectedIndex(0), [props.items])
+
+  useImperativeHandle(props.ref, () => ({
+    onKeyDown: ({ event }) => {
+      if (event.key === 'ArrowUp') {
+        upHandler()
+        return true
+      }
+
+      if (event.key === 'ArrowDown') {
+        downHandler()
+        return true
+      }
+
+      if (event.key === 'Enter') {
+        enterHandler()
+        return true
+      }
+
+      return false
+    },
+  }))
+
+  return (
+    <div className="dropdown-menu">
+      {props.items.length === 0 && <div>No items found</div>}
+      {props.items.map((item, index) => (
+        <button
+          className={index === selectedIndex ? 'is-selected' : ''}
+          key={item.id}
+          onMouseDown={event => event.preventDefault()}
+          onClick={() => selectItem(index)}
+        >
+          {item.label}
+        </button>
+      ))}
+    </div>
+  )
+}
diff --git a/demos/src/Examples/SuggestionPositioning/React/index.html b/demos/src/Examples/SuggestionPositioning/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/SuggestionPositioning/React/index.jsx b/demos/src/Examples/SuggestionPositioning/React/index.jsx
new file mode 100644
index 0000000..84ce9ca
--- /dev/null
+++ b/demos/src/Examples/SuggestionPositioning/React/index.jsx
@@ -0,0 +1,36 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Mention from '@tiptap/extension-mention'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+import suggestion from './suggestion.js'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Mention.configure({
+        HTMLAttributes: {
+          class: 'mention',
+        },
+        suggestion,
+      }),
+    ],
+    content: `
+      <p>Try mentioning a colleague by typing <code>@</code>.</p>
+      <p>The popup uses <code>floatingUi</code> options to control placement, strategy, and middleware while the suggestion plugin keeps ownership of the anchor. It stays pinned to the top-start side and shifts inside the viewport.</p>
+    `,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Examples/SuggestionPositioning/React/styles.scss b/demos/src/Examples/SuggestionPositioning/React/styles.scss
new file mode 100644
index 0000000..12f1ef6
--- /dev/null
+++ b/demos/src/Examples/SuggestionPositioning/React/styles.scss
@@ -0,0 +1,49 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  .mention {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    color: var(--purple);
+    padding: 0.1rem 0.3rem;
+
+    &::after {
+      content: '\200B';
+    }
+  }
+}
+
+/* Dropdown menu */
+.dropdown-menu {
+  background: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  overflow: auto;
+  padding: 0.4rem;
+
+  button {
+    align-items: center;
+    background-color: transparent;
+    display: flex;
+    gap: 0.25rem;
+    text-align: left;
+    width: 100%;
+
+    &:hover,
+    &:hover.is-selected {
+      background-color: var(--gray-3);
+    }
+
+    &.is-selected {
+      background-color: var(--gray-2);
+    }
+  }
+}
diff --git a/demos/src/Examples/SuggestionPositioning/React/suggestion.js b/demos/src/Examples/SuggestionPositioning/React/suggestion.js
new file mode 100644
index 0000000..67a968e
--- /dev/null
+++ b/demos/src/Examples/SuggestionPositioning/React/suggestion.js
@@ -0,0 +1,73 @@
+import { flip, shift } from '@floating-ui/dom'
+import { ReactRenderer } from '@tiptap/react'
+
+import DropdownList from './DropdownList.jsx'
+
+const items = [
+  { id: 'alice', label: 'Alice Johnson' },
+  { id: 'bob', label: 'Bob Smith' },
+  { id: 'carol', label: 'Carol Williams' },
+  { id: 'dave', label: 'Dave Brown' },
+  { id: 'eve', label: 'Eve Davis' },
+  { id: 'frank', label: 'Frank Miller' },
+  { id: 'grace', label: 'Grace Wilson' },
+  { id: 'hank', label: 'Hank Moore' },
+  { id: 'iris', label: 'Iris Taylor' },
+  { id: 'jack', label: 'Jack Anderson' },
+]
+
+export default {
+  items: ({ query }) =>
+    items.filter(item => item.label.toLowerCase().startsWith(query.toLowerCase())).slice(0, 5),
+
+  placement: 'top-start',
+
+  offset: { mainAxis: 8 },
+
+  flip: false,
+
+  floatingUi: {
+    strategy: 'fixed',
+    middleware: [flip({ padding: 8 }), shift({ padding: 8 })],
+  },
+
+  // Dismiss the popup when clicking outside it (and outside the editor).
+  dismissOnOutsideClick: true,
+
+  render: () => {
+    let component
+    let unmount = null
+
+    return {
+      onStart: props => {
+        component = new ReactRenderer(DropdownList, {
+          props,
+          editor: props.editor,
+        })
+
+        // Managed positioning: the plugin mounts the element into the container,
+        // keeps it anchored to the cursor, and repositions it on scroll/resize.
+        unmount = props.mount(component.element)
+      },
+
+      onUpdate(props) {
+        component.updateProps(props)
+      },
+
+      onKeyDown(props) {
+        if (props.event.key === 'Escape') {
+          component.destroy()
+
+          return true
+        }
+
+        return component.ref?.onKeyDown(props)
+      },
+
+      onExit() {
+        unmount?.()
+        component.destroy()
+      },
+    }
+  },
+}
diff --git a/demos/src/Examples/SuggestionPositioning/Vue/DropdownList.vue b/demos/src/Examples/SuggestionPositioning/Vue/DropdownList.vue
new file mode 100644
index 0000000..a2a2038
--- /dev/null
+++ b/demos/src/Examples/SuggestionPositioning/Vue/DropdownList.vue
@@ -0,0 +1,115 @@
+<template>
+  <div class="dropdown-menu">
+    <div v-if="items.length === 0">No items found</div>
+    <button
+      :class="{ 'is-selected': index === selectedIndex }"
+      v-for="(item, index) in items"
+      :key="item.id"
+      @mousedown.prevent
+      @click="selectItem(index)"
+    >
+      {{ item.label }}
+    </button>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    items: {
+      type: Array,
+      required: true,
+    },
+
+    command: {
+      type: Function,
+      required: true,
+    },
+  },
+
+  data() {
+    return {
+      selectedIndex: 0,
+    }
+  },
+
+  watch: {
+    items() {
+      this.selectedIndex = 0
+    },
+  },
+
+  methods: {
+    onKeyDown({ event }) {
+      if (event.key === 'ArrowUp') {
+        this.upHandler()
+        return true
+      }
+
+      if (event.key === 'ArrowDown') {
+        this.downHandler()
+        return true
+      }
+
+      if (event.key === 'Enter') {
+        this.enterHandler()
+        return true
+      }
+
+      return false
+    },
+
+    upHandler() {
+      this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length
+    },
+
+    downHandler() {
+      this.selectedIndex = (this.selectedIndex + 1) % this.items.length
+    },
+
+    enterHandler() {
+      this.selectItem(this.selectedIndex)
+    },
+
+    selectItem(index) {
+      const item = this.items[index]
+
+      if (item) {
+        this.command(item)
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+.dropdown-menu {
+  background: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  overflow: auto;
+  padding: 0.4rem;
+
+  button {
+    align-items: center;
+    background-color: transparent;
+    display: flex;
+    gap: 0.25rem;
+    text-align: left;
+    width: 100%;
+
+    &:hover,
+    &:hover.is-selected {
+      background-color: var(--gray-3);
+    }
+
+    &.is-selected {
+      background-color: var(--gray-2);
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/SuggestionPositioning/Vue/index.html b/demos/src/Examples/SuggestionPositioning/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/SuggestionPositioning/Vue/index.vue b/demos/src/Examples/SuggestionPositioning/Vue/index.vue
new file mode 100644
index 0000000..4d03665
--- /dev/null
+++ b/demos/src/Examples/SuggestionPositioning/Vue/index.vue
@@ -0,0 +1,72 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Mention from '@tiptap/extension-mention'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import suggestion from './suggestion.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Mention.configure({
+          HTMLAttributes: {
+            class: 'mention',
+          },
+          suggestion,
+        }),
+      ],
+      content: `
+      <p>Try mentioning a colleague by typing <code>@</code>.</p>
+      <p>The popup uses <code>floatingUi</code> options to control placement, strategy, and middleware while the suggestion plugin keeps ownership of the anchor. It stays pinned to the top-start side and shifts inside the viewport.</p>
+    `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  .mention {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    color: var(--purple);
+    padding: 0.1rem 0.3rem;
+
+    &::after {
+      content: '\200B';
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/SuggestionPositioning/Vue/suggestion.js b/demos/src/Examples/SuggestionPositioning/Vue/suggestion.js
new file mode 100644
index 0000000..ec61ed4
--- /dev/null
+++ b/demos/src/Examples/SuggestionPositioning/Vue/suggestion.js
@@ -0,0 +1,77 @@
+import { flip, shift } from '@floating-ui/dom'
+import { VueRenderer } from '@tiptap/vue'
+
+import DropdownList from './DropdownList.vue'
+
+const items = [
+  { id: 'alice', label: 'Alice Johnson' },
+  { id: 'bob', label: 'Bob Smith' },
+  { id: 'carol', label: 'Carol Williams' },
+  { id: 'dave', label: 'Dave Brown' },
+  { id: 'eve', label: 'Eve Davis' },
+  { id: 'frank', label: 'Frank Miller' },
+  { id: 'grace', label: 'Grace Wilson' },
+  { id: 'hank', label: 'Hank Moore' },
+  { id: 'iris', label: 'Iris Taylor' },
+  { id: 'jack', label: 'Jack Anderson' },
+]
+
+export default {
+  items: ({ query }) =>
+    items.filter(item => item.label.toLowerCase().startsWith(query.toLowerCase())).slice(0, 5),
+
+  placement: 'top-start',
+
+  offset: { mainAxis: 8 },
+
+  flip: false,
+
+  floatingUi: {
+    strategy: 'fixed',
+    middleware: [flip({ padding: 8 }), shift({ padding: 8 })],
+  },
+
+  // Dismiss the popup when clicking outside it (and outside the editor).
+  dismissOnOutsideClick: true,
+
+  render: () => {
+    let component
+    let unmount = null
+
+    return {
+      onStart: props => {
+        if (component) {
+          component.destroy()
+        }
+
+        component = new VueRenderer(DropdownList, {
+          props,
+          editor: props.editor,
+        })
+
+        // Managed positioning: the plugin mounts the element into the container,
+        // keeps it anchored to the cursor, and repositions it on scroll/resize.
+        unmount = props.mount(component.element)
+      },
+
+      onUpdate(props) {
+        component.updateProps(props)
+      },
+
+      onKeyDown(props) {
+        if (props.event.key === 'Escape') {
+          component.destroy()
+
+          return true
+        }
+
+        return component.ref?.onKeyDown(props)
+      },
+
+      onExit() {
+        unmount?.()
+        component.destroy()
+      },
+    }
+  },
+}
diff --git a/demos/src/Examples/SuggestionPositioning/index.spec.ts b/demos/src/Examples/SuggestionPositioning/index.spec.ts
new file mode 100644
index 0000000..9b50fb7
--- /dev/null
+++ b/demos/src/Examples/SuggestionPositioning/index.spec.ts
@@ -0,0 +1,62 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoPath = '/src/Examples/SuggestionPositioning'
+
+test.describe(demoPath, () => {
+  test.describe('React', () => {
+    const fullDemoPath = `${demoPath}/React/`
+
+    test.beforeEach(async ({ page }) => {
+      await page.goto(fullDemoPath)
+    })
+
+    test('opens a dropdown menu when @ is typed', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@')
+      await expect(page.locator('.dropdown-menu')).toBeVisible()
+    })
+
+    test('shows matching items in the dropdown', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@a')
+      // Only 'Alice Johnson' starts with 'a'
+      await expect(page.locator('.dropdown-menu button')).toHaveCount(1)
+      await expect(page.locator('.dropdown-menu button').first()).toContainText('Alice')
+    })
+
+    test('selects an item via click and inserts a mention', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@')
+      await page.locator('.dropdown-menu button').first().click()
+      await expect(page.locator('.tiptap span.mention')).toBeVisible()
+    })
+
+    test('inserts Bob via arrow keys and Enter', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@')
+      // Wait for dropdown to appear before pressing ArrowDown
+      await page.locator('.dropdown-menu').waitFor({ state: 'visible' })
+      await page.keyboard.press('ArrowDown')
+      await page.keyboard.press('Enter')
+      await expect(page.locator('.tiptap span.mention')).toHaveAttribute('data-id', 'bob')
+    })
+  })
+
+  test.describe('Vue', () => {
+    test('loads the editor', async ({ page }) => {
+      await page.goto(`${demoPath}/Vue/`)
+      const editor = await getEditor(page)
+      await expect(editor).toBeVisible()
+    })
+  })
+})
diff --git a/demos/src/Examples/Tables/React/index.html b/demos/src/Examples/Tables/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Tables/React/index.jsx b/demos/src/Examples/Tables/React/index.jsx
new file mode 100644
index 0000000..b64f80c
--- /dev/null
+++ b/demos/src/Examples/Tables/React/index.jsx
@@ -0,0 +1,275 @@
+import './styles.scss'
+
+import { TableCell, TableKit } from '@tiptap/extension-table'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+const CustomTableCell = TableCell.extend({
+  addAttributes() {
+    return {
+      // extend the existing attributes …
+      ...this.parent?.(),
+
+      // and add a new one …
+      backgroundColor: {
+        default: null,
+        parseHTML: element => element.getAttribute('data-background-color'),
+        renderHTML: attributes => {
+          return {
+            'data-background-color': attributes.backgroundColor,
+            style: `background-color: ${attributes.backgroundColor}`,
+          }
+        },
+      },
+    }
+  },
+})
+
+export const tableHTML = `
+  <table style="width:100%">
+    <tr>
+      <th>Firstname</th>
+      <th>Lastname</th>
+      <th>Age</th>
+    </tr>
+    <tr>
+      <td>Jill</td>
+      <td>Smith</td>
+      <td>50</td>
+    </tr>
+    <tr>
+      <td>Eve</td>
+      <td>Jackson</td>
+      <td>94</td>
+    </tr>
+    <tr>
+      <td>John</td>
+      <td>Doe</td>
+      <td>80</td>
+    </tr>
+  </table>
+`
+
+const MenuBar = ({ editor }) => {
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => ({
+      canAddColumnBefore: ctx.editor.can().addColumnBefore() ?? false,
+      canAddColumnAfter: ctx.editor.can().addColumnAfter() ?? false,
+      canDeleteColumn: ctx.editor.can().deleteColumn() ?? false,
+      canAddRowBefore: ctx.editor.can().addRowBefore() ?? false,
+      canAddRowAfter: ctx.editor.can().addRowAfter() ?? false,
+      canDeleteRow: ctx.editor.can().deleteRow() ?? false,
+      canDeleteTable: ctx.editor.can().deleteTable() ?? false,
+      canMergeCells: ctx.editor.can().mergeCells() ?? false,
+      canSplitCell: ctx.editor.can().splitCell() ?? false,
+      canToggleHeaderColumn: ctx.editor.can().toggleHeaderColumn() ?? false,
+      canToggleHeaderRow: ctx.editor.can().toggleHeaderRow() ?? false,
+      canToggleHeaderCell: ctx.editor.can().toggleHeaderCell() ?? false,
+      canMergeOrSplit: ctx.editor.can().mergeOrSplit() ?? false,
+      canSetCellAttribute: ctx.editor.can().setCellAttribute('backgroundColor', '#FAF594') ?? false,
+      canFixTables: ctx.editor.can().fixTables() ?? false,
+      canGoToNextCell: ctx.editor.can().goToNextCell() ?? false,
+      canGoToPreviousCell: ctx.editor.can().goToPreviousCell() ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className="control-group">
+      <div className="button-group">
+        <button
+          onClick={() =>
+            editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
+          }
+        >
+          Insert table
+        </button>
+        <button
+          onClick={() =>
+            editor
+              .chain()
+              .focus()
+              .insertContent(tableHTML, {
+                parseOptions: {
+                  preserveWhitespace: false,
+                },
+              })
+              .run()
+          }
+        >
+          Insert HTML table
+        </button>
+        <button
+          onClick={() => editor.chain().focus().addColumnBefore().run()}
+          disabled={!editorState.canAddColumnBefore}
+        >
+          Add column before
+        </button>
+        <button
+          onClick={() => editor.chain().focus().addColumnAfter().run()}
+          disabled={!editorState.canAddColumnAfter}
+        >
+          Add column after
+        </button>
+        <button
+          onClick={() => editor.chain().focus().deleteColumn().run()}
+          disabled={!editorState.canDeleteColumn}
+        >
+          Delete column
+        </button>
+        <button
+          onClick={() => editor.chain().focus().addRowBefore().run()}
+          disabled={!editorState.canAddRowBefore}
+        >
+          Add row before
+        </button>
+        <button
+          onClick={() => editor.chain().focus().addRowAfter().run()}
+          disabled={!editorState.canAddRowAfter}
+        >
+          Add row after
+        </button>
+        <button
+          onClick={() => editor.chain().focus().deleteRow().run()}
+          disabled={!editorState.canDeleteRow}
+        >
+          Delete row
+        </button>
+        <button
+          onClick={() => editor.chain().focus().deleteTable().run()}
+          disabled={!editorState.canDeleteTable}
+        >
+          Delete table
+        </button>
+        <button
+          onClick={() => editor.chain().focus().mergeCells().run()}
+          disabled={!editorState.canMergeCells}
+        >
+          Merge cells
+        </button>
+        <button
+          onClick={() => editor.chain().focus().splitCell().run()}
+          disabled={!editorState.canSplitCell}
+        >
+          Split cell
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeaderColumn().run()}
+          disabled={!editorState.canToggleHeaderColumn}
+        >
+          Toggle header column
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeaderRow().run()}
+          disabled={!editorState.canToggleHeaderRow}
+        >
+          Toggle header row
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeaderCell().run()}
+          disabled={!editorState.canToggleHeaderCell}
+        >
+          Toggle header cell
+        </button>
+        <button
+          onClick={() => editor.chain().focus().mergeOrSplit().run()}
+          disabled={!editorState.canMergeOrSplit}
+        >
+          Merge or split
+        </button>
+        <button
+          onClick={() =>
+            editor.chain().focus().setCellAttribute('backgroundColor', '#FAF594').run()
+          }
+          disabled={!editorState.canSetCellAttribute}
+        >
+          Set cell attribute
+        </button>
+        <button
+          onClick={() => editor.chain().focus().fixTables().run()}
+          disabled={!editorState.canFixTables}
+        >
+          Fix tables
+        </button>
+        <button
+          onClick={() => editor.chain().focus().goToNextCell().run()}
+          disabled={!editorState.canGoToNextCell}
+        >
+          Go to next cell
+        </button>
+        <button
+          onClick={() => editor.chain().focus().goToPreviousCell().run()}
+          disabled={!editorState.canGoToPreviousCell}
+        >
+          Go to previous cell
+        </button>
+      </div>
+    </div>
+  )
+}
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      TableKit.configure({
+        table: { resizable: true },
+        tableCell: false,
+      }),
+      // Default TableCell
+      // TableCell,
+      // Custom TableCell with backgroundColor attribute
+      CustomTableCell,
+    ],
+    content: `
+      <h3>
+        Have you seen our tables? They are amazing!
+      </h3>
+      <ul>
+        <li>Tables with rows, cells and headers (optional)</li>
+        <li>Support for <code>colgroup</code> and <code>rowspan</code></li>
+        <li>And even resizable columns (optional)</li>
+      </ul>
+      <p>
+        Here is an example:
+      </p>
+      <table>
+        <tbody>
+          <tr>
+            <th colwidth="200">Name</th>
+            <th colspan="3" colwidth="150,100">Description</th>
+          </tr>
+          <tr>
+            <td>Cyndi Lauper</td>
+            <td>Singer</td>
+            <td>Songwriter</td>
+            <td>Actress</td>
+          </tr>
+          <tr>
+            <td>Marie Curie</td>
+            <td>Scientist</td>
+            <td>Chemist</td>
+            <td>Physicist</td>
+          </tr>
+          <tr>
+            <td>Indira Gandhi</td>
+            <td>Prime minister</td>
+            <td colspan="2">Politician</td>
+          </tr>
+        </tbody>
+      </table>
+    `,
+  })
+
+  return (
+    <>
+      <MenuBar editor={editor} />
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Examples/Tables/React/styles.scss b/demos/src/Examples/Tables/React/styles.scss
new file mode 100644
index 0000000..8552f29
--- /dev/null
+++ b/demos/src/Examples/Tables/React/styles.scss
@@ -0,0 +1,152 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Table-specific styling */
+  table {
+    border-collapse: collapse;
+    margin: 0;
+    overflow: hidden;
+    table-layout: fixed;
+    width: 100%;
+
+    td,
+    th {
+      border: 1px solid var(--gray-3);
+      box-sizing: border-box;
+      min-width: 1em;
+      padding: 6px 8px;
+      position: relative;
+      vertical-align: top;
+
+      > * {
+        margin-bottom: 0;
+      }
+    }
+
+    th {
+      background-color: var(--gray-1);
+      font-weight: bold;
+      text-align: left;
+    }
+
+    .selectedCell:after {
+      background: var(--gray-2);
+      content: '';
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      pointer-events: none;
+      position: absolute;
+      z-index: 2;
+    }
+
+    .column-resize-handle {
+      background-color: var(--purple);
+      bottom: -2px;
+      pointer-events: none;
+      position: absolute;
+      right: -2px;
+      top: 0;
+      width: 4px;
+    }
+  }
+
+  .tableWrapper {
+    margin: 1.5rem 0;
+    overflow-x: auto;
+  }
+
+  &.resize-cursor {
+    cursor: ew-resize;
+    cursor: col-resize;
+  }
+}
diff --git a/demos/src/Examples/Tables/Vue/index.html b/demos/src/Examples/Tables/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Tables/Vue/index.vue b/demos/src/Examples/Tables/Vue/index.vue
new file mode 100644
index 0000000..2be42bf
--- /dev/null
+++ b/demos/src/Examples/Tables/Vue/index.vue
@@ -0,0 +1,406 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="
+            editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
+          "
+        >
+          Insert table
+        </button>
+        <button
+          @click="
+            editor
+              .chain()
+              .focus()
+              .insertContent(tableHTML, { parseOptions: { preserveWhitespace: false } })
+              .run()
+          "
+        >
+          Insert HTML table
+        </button>
+        <button
+          @click="editor.chain().focus().addColumnBefore().run()"
+          :disabled="!editor.can().addColumnBefore()"
+        >
+          Add column before
+        </button>
+        <button
+          @click="editor.chain().focus().addColumnAfter().run()"
+          :disabled="!editor.can().addColumnAfter()"
+        >
+          Add column after
+        </button>
+        <button
+          @click="editor.chain().focus().deleteColumn().run()"
+          :disabled="!editor.can().deleteColumn()"
+        >
+          Delete column
+        </button>
+        <button
+          @click="editor.chain().focus().addRowBefore().run()"
+          :disabled="!editor.can().addRowBefore()"
+        >
+          Add row before
+        </button>
+        <button
+          @click="editor.chain().focus().addRowAfter().run()"
+          :disabled="!editor.can().addRowAfter()"
+        >
+          Add row after
+        </button>
+        <button
+          @click="editor.chain().focus().deleteRow().run()"
+          :disabled="!editor.can().deleteRow()"
+        >
+          Delete row
+        </button>
+        <button
+          @click="editor.chain().focus().deleteTable().run()"
+          :disabled="!editor.can().deleteTable()"
+        >
+          Delete table
+        </button>
+        <button
+          @click="editor.chain().focus().mergeCells().run()"
+          :disabled="!editor.can().mergeCells()"
+        >
+          Merge cells
+        </button>
+        <button
+          @click="editor.chain().focus().splitCell().run()"
+          :disabled="!editor.can().splitCell()"
+        >
+          Split cell
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeaderColumn().run()"
+          :disabled="!editor.can().toggleHeaderColumn()"
+        >
+          Toggle header column
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeaderRow().run()"
+          :disabled="!editor.can().toggleHeaderRow()"
+        >
+          Toggle header row
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeaderCell().run()"
+          :disabled="!editor.can().toggleHeaderCell()"
+        >
+          Toggle header cell
+        </button>
+        <button
+          @click="editor.chain().focus().mergeOrSplit().run()"
+          :disabled="!editor.can().mergeOrSplit()"
+        >
+          Merge or split
+        </button>
+        <button
+          @click="editor.chain().focus().setCellAttribute('backgroundColor', '#FAF594').run()"
+          :disabled="!editor.can().setCellAttribute('backgroundColor', '#FAF594')"
+        >
+          Set cell attribute
+        </button>
+        <button
+          @click="editor.chain().focus().fixTables().run()"
+          :disabled="!editor.can().fixTables()"
+        >
+          Fix tables
+        </button>
+        <button
+          @click="editor.chain().focus().goToNextCell().run()"
+          :disabled="!editor.can().goToNextCell()"
+        >
+          Go to next cell
+        </button>
+        <button
+          @click="editor.chain().focus().goToPreviousCell().run()"
+          :disabled="!editor.can().goToPreviousCell()"
+        >
+          Go to previous cell
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import { TableCell, TableKit } from '@tiptap/extension-table'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+const CustomTableCell = TableCell.extend({
+  addAttributes() {
+    return {
+      // extend the existing attributes …
+      ...this.parent?.(),
+
+      // and add a new one …
+      backgroundColor: {
+        default: null,
+        parseHTML: element => element.getAttribute('data-background-color'),
+        renderHTML: attributes => {
+          return {
+            'data-background-color': attributes.backgroundColor,
+            style: `background-color: ${attributes.backgroundColor}`,
+          }
+        },
+      },
+    }
+  },
+})
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      tableHTML: `
+  <table style="width:100%">
+    <tr>
+      <th>Firstname</th>
+      <th>Lastname</th>
+      <th>Age</th>
+    </tr>
+    <tr>
+      <td>Jill</td>
+      <td>Smith</td>
+      <td>50</td>
+    </tr>
+    <tr>
+      <td>Eve</td>
+      <td>Jackson</td>
+      <td>94</td>
+    </tr>
+    <tr>
+      <td>John</td>
+      <td>Doe</td>
+      <td>80</td>
+    </tr>
+  </table>`,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit,
+        TableKit.configure({
+          table: {
+            resizable: true,
+          },
+          tableCell: false,
+        }),
+        // Default TableCell
+        // TableCell,
+        // Custom TableCell with backgroundColor attribute
+        CustomTableCell,
+      ],
+      content: `
+        <h3>
+          Have you seen our tables? They are amazing!
+        </h3>
+        <ul>
+          <li>Tables with rows, cells and headers (optional)</li>
+          <li>Support for <code>colgroup</code> and <code>rowspan</code></li>
+          <li>And even resizable columns (optional)</li>
+        </ul>
+        <p>
+          Here is an example:
+        </p>
+        <table>
+          <tbody>
+            <tr>
+              <th>Name</th>
+              <th colspan="3">Description</th>
+            </tr>
+            <tr>
+              <td>Cyndi Lauper</td>
+              <td>Singer</td>
+              <td>Songwriter</td>
+              <td>Actress</td>
+            </tr>
+            <tr>
+              <td>Marie Curie</td>
+              <td>Scientist</td>
+              <td>Chemist</td>
+              <td>Physicist</td>
+            </tr>
+            <tr>
+              <td>Indira Gandhi</td>
+              <td>Prime minister</td>
+              <td colspan="2">Politician</td>
+            </tr>
+          </tbody>
+        </table>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Table-specific styling */
+  table {
+    border-collapse: collapse;
+    margin: 0;
+    overflow: hidden;
+    table-layout: fixed;
+    width: 100%;
+
+    td,
+    th {
+      border: 1px solid var(--gray-3);
+      box-sizing: border-box;
+      min-width: 1em;
+      padding: 6px 8px;
+      position: relative;
+      vertical-align: top;
+
+      > * {
+        margin-bottom: 0;
+      }
+    }
+
+    th {
+      background-color: var(--gray-1);
+      font-weight: bold;
+      text-align: left;
+    }
+
+    .selectedCell:after {
+      background: var(--gray-2);
+      content: '';
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      pointer-events: none;
+      position: absolute;
+      z-index: 2;
+    }
+
+    .column-resize-handle {
+      background-color: var(--purple);
+      bottom: -2px;
+      pointer-events: none;
+      position: absolute;
+      right: -2px;
+      top: 0;
+      width: 4px;
+    }
+  }
+
+  .tableWrapper {
+    margin: 1.5rem 0;
+    overflow-x: auto;
+  }
+
+  &.resize-cursor {
+    cursor: ew-resize;
+    cursor: col-resize;
+  }
+}
+</style>
diff --git a/demos/src/Examples/Tasks/React/index.html b/demos/src/Examples/Tasks/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Tasks/React/index.jsx b/demos/src/Examples/Tasks/React/index.jsx
new file mode 100644
index 0000000..2bd0839
--- /dev/null
+++ b/demos/src/Examples/Tasks/React/index.jsx
@@ -0,0 +1,35 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import { TaskItem, TaskList } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+const CustomDocument = Document.extend({
+  content: 'taskList',
+})
+
+const CustomTaskItem = TaskItem.extend({
+  content: 'inline*',
+})
+
+export default () => {
+  const editor = useEditor({
+    extensions: [CustomDocument, Paragraph, Text, TaskList, CustomTaskItem],
+    content: `
+      <ul data-type="taskList">
+        <li data-type="taskItem" data-checked="true">flour</li>
+        <li data-type="taskItem" data-checked="true">baking powder</li>
+        <li data-type="taskItem" data-checked="true">salt</li>
+        <li data-type="taskItem" data-checked="false">sugar</li>
+        <li data-type="taskItem" data-checked="false">milk</li>
+        <li data-type="taskItem" data-checked="false">eggs</li>
+        <li data-type="taskItem" data-checked="false">butter</li>
+      </ul>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Examples/Tasks/React/styles.scss b/demos/src/Examples/Tasks/React/styles.scss
new file mode 100644
index 0000000..0dcc9ac
--- /dev/null
+++ b/demos/src/Examples/Tasks/React/styles.scss
@@ -0,0 +1,44 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Task list specific styles */
+  ul[data-type='taskList'] {
+    list-style: none;
+    margin-left: 0;
+    padding: 0;
+
+    li {
+      align-items: center;
+      display: flex;
+
+      > label {
+        flex: 0 0 auto;
+        margin-right: 0.5rem;
+        user-select: none;
+      }
+
+      > div {
+        flex: 1 1 auto;
+      }
+    }
+
+    input[type='checkbox'] {
+      cursor: pointer;
+    }
+  }
+}
diff --git a/demos/src/Examples/Tasks/Vue/index.html b/demos/src/Examples/Tasks/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Tasks/Vue/index.vue b/demos/src/Examples/Tasks/Vue/index.vue
new file mode 100644
index 0000000..0e8faea
--- /dev/null
+++ b/demos/src/Examples/Tasks/Vue/index.vue
@@ -0,0 +1,99 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import { TaskItem, TaskList } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+const CustomDocument = Document.extend({
+  content: 'taskList',
+})
+
+const CustomTaskItem = TaskItem.extend({
+  content: 'inline*',
+})
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [CustomDocument, Paragraph, Text, TaskList, CustomTaskItem],
+      content: `
+        <ul data-type="taskList">
+          <li data-type="taskItem" data-checked="true">flour</li>
+          <li data-type="taskItem" data-checked="true">baking powder</li>
+          <li data-type="taskItem" data-checked="true">salt</li>
+          <li data-type="taskItem" data-checked="false">sugar</li>
+          <li data-type="taskItem" data-checked="false">milk</li>
+          <li data-type="taskItem" data-checked="false">eggs</li>
+          <li data-type="taskItem" data-checked="false">butter</li>
+        </ul>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Task list specific styles */
+  ul[data-type='taskList'] {
+    list-style: none;
+    margin-left: 0;
+    padding: 0;
+
+    li {
+      align-items: center;
+      display: flex;
+
+      > label {
+        flex: 0 0 auto;
+        margin-right: 0.5rem;
+        user-select: none;
+      }
+
+      > div {
+        flex: 1 1 auto;
+      }
+    }
+
+    input[type='checkbox'] {
+      cursor: pointer;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Examples/Tasks/index.spec.ts b/demos/src/Examples/Tasks/index.spec.ts
new file mode 100644
index 0000000..3e2c3c7
--- /dev/null
+++ b/demos/src/Examples/Tasks/index.spec.ts
@@ -0,0 +1,66 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Tasks'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+
+        await editor.evaluate((el: any) => {
+          el.editor.commands.clearContent()
+        })
+      })
+
+      test('should always use task items', async ({ page }) => {
+        await expect(page.locator('.tiptap input[type="checkbox"]')).toHaveCount(1)
+      })
+
+      test('should create new tasks', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.type('Cook food')
+        await editor.press('Enter')
+        await editor.type('Eat food')
+        await editor.press('Enter')
+        await editor.type('Clean dishes')
+
+        await expect(page.locator('.tiptap input[type="checkbox"]')).toHaveCount(3)
+      })
+
+      test('should check and uncheck tasks on click', async ({ page }) => {
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await editor.type('Cook food')
+        await editor.press('Enter')
+        await editor.type('Eat food')
+        await editor.press('Enter')
+        await editor.type('Clean dishes')
+
+        const checkboxes = page.locator('.tiptap input[type="checkbox"]')
+
+        await checkboxes.nth(0).check({ force: true })
+        await expect(page.locator('.tiptap input[type="checkbox"]:checked')).toHaveCount(1)
+
+        await checkboxes.nth(1).check({ force: true })
+        await expect(page.locator('.tiptap input[type="checkbox"]:checked')).toHaveCount(2)
+
+        await checkboxes.nth(0).uncheck({ force: true })
+        await expect(page.locator('.tiptap input[type="checkbox"]:checked')).toHaveCount(1)
+
+        await checkboxes.nth(1).uncheck({ force: true })
+        await expect(page.locator('.tiptap input[type="checkbox"]:checked')).toHaveCount(0)
+      })
+    })
+  })
+})
diff --git a/demos/src/Examples/TextDirection/React/index.html b/demos/src/Examples/TextDirection/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/TextDirection/React/index.tsx b/demos/src/Examples/TextDirection/React/index.tsx
new file mode 100644
index 0000000..a701435
--- /dev/null
+++ b/demos/src/Examples/TextDirection/React/index.tsx
@@ -0,0 +1,127 @@
+import './styles.scss'
+
+import type { Editor } from '@tiptap/react'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useState } from 'react'
+
+const extensions = [StarterKit]
+
+function MenuBar({
+  editor,
+  globalDirection,
+  setGlobalDirection,
+}: {
+  editor: Editor
+  globalDirection: 'ltr' | 'rtl' | 'auto' | undefined
+  setGlobalDirection: (dir: 'ltr' | 'rtl' | 'auto' | undefined) => void
+}) {
+  return (
+    <div className="control-group">
+      <div className="button-group">
+        <strong>Global Direction:</strong>
+        <button
+          onClick={() => setGlobalDirection(undefined)}
+          className={globalDirection === undefined ? 'is-active' : ''}
+        >
+          None
+        </button>
+        <button
+          onClick={() => setGlobalDirection('ltr')}
+          className={globalDirection === 'ltr' ? 'is-active' : ''}
+        >
+          LTR
+        </button>
+        <button
+          onClick={() => setGlobalDirection('rtl')}
+          className={globalDirection === 'rtl' ? 'is-active' : ''}
+        >
+          RTL
+        </button>
+        <button
+          onClick={() => setGlobalDirection('auto')}
+          className={globalDirection === 'auto' ? 'is-active' : ''}
+        >
+          Auto
+        </button>
+      </div>
+
+      <div className="button-group">
+        <strong>Set Direction on Selection:</strong>
+        <button onClick={() => editor.chain().focus().setTextDirection('ltr').run()}>
+          Set LTR
+        </button>
+        <button onClick={() => editor.chain().focus().setTextDirection('rtl').run()}>
+          Set RTL
+        </button>
+        <button onClick={() => editor.chain().focus().setTextDirection('auto').run()}>
+          Set Auto
+        </button>
+        <button onClick={() => editor.chain().focus().unsetTextDirection().run()}>
+          Unset Direction
+        </button>
+      </div>
+    </div>
+  )
+}
+
+export default () => {
+  const [globalDirection, setGlobalDirection] = useState<'ltr' | 'rtl' | 'auto' | undefined>('auto')
+
+  const editor = useEditor(
+    {
+      extensions,
+      textDirection: globalDirection,
+      content: `
+<h2>Text Direction Support</h2>
+<p>This demo showcases the text direction feature in Tiptap. You can set the global text direction for all content, or apply it to specific nodes using commands.</p>
+
+<h3>English Text (LTR)</h3>
+<p>This is a paragraph in English, which is a left-to-right language. The text flows naturally from left to right.</p>
+
+<h3>Arabic Text (RTL)</h3>
+<p>هذا مثال على نص باللغة العربية. اللغة العربية تُكتب من اليمين إلى اليسار.</p>
+
+<h3>Hebrew Text (RTL)</h3>
+<p>זהו דוגמה לטקסט בעברית. עברית נכתבת מימין לשמאל.</p>
+
+<h3>Bidirectional Text</h3>
+<p>This paragraph contains both English and Arabic: مرحبا بك في Tiptap! This demonstrates how the auto direction works.</p>
+<p>Another example: Hello העולם שלום World!</p>
+
+<h3>Lists</h3>
+<ul>
+  <li>English list item</li>
+  <li>عنصر قائمة عربي</li>
+  <li>Mixed: English and عربي together</li>
+</ul>
+
+<ol>
+  <li>First item</li>
+  <li>البند الثاني</li>
+  <li>Third item: עברית</li>
+</ol>
+
+<blockquote>
+  <p>This is a blockquote with مختلط mixed content.</p>
+</blockquote>
+`,
+    },
+    [globalDirection],
+  )
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div>
+      <MenuBar
+        editor={editor}
+        globalDirection={globalDirection}
+        setGlobalDirection={setGlobalDirection}
+      />
+      <EditorContent editor={editor} />
+    </div>
+  )
+}
diff --git a/demos/src/Examples/TextDirection/React/styles.scss b/demos/src/Examples/TextDirection/React/styles.scss
new file mode 100644
index 0000000..93dc8e2
--- /dev/null
+++ b/demos/src/Examples/TextDirection/React/styles.scss
@@ -0,0 +1,109 @@
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  [dir='rtl'] {
+    text-align: right;
+  }
+
+  [dir='ltr'] {
+    text-align: left;
+  }
+}
+
+.control-group {
+  .button-group {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    margin-bottom: 1rem;
+    align-items: center;
+
+    strong {
+      margin-right: 0.5rem;
+    }
+  }
+}
diff --git a/demos/src/Examples/TransformPastedHTML/React/index.html b/demos/src/Examples/TransformPastedHTML/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/TransformPastedHTML/React/index.jsx b/demos/src/Examples/TransformPastedHTML/React/index.jsx
new file mode 100644
index 0000000..f7c7467
--- /dev/null
+++ b/demos/src/Examples/TransformPastedHTML/React/index.jsx
@@ -0,0 +1,134 @@
+import './styles.scss'
+
+import { Extension } from '@tiptap/core'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useCallback } from 'react'
+
+export default () => {
+  // Create extension that replaces words
+  const WordReplacerExtension = Extension.create({
+    name: 'wordReplacer',
+    priority: 100,
+
+    transformPastedHTML(html) {
+      // Replace "foo" with "bar" in text content
+      return html.replace(/\bfoo\b/gi, 'bar')
+    },
+  })
+
+  // Create extension that converts tabs to spaces
+  const TabToSpacesExtension = Extension.create({
+    name: 'tabToSpaces',
+    priority: 110, // Higher priority = runs first
+
+    transformPastedHTML(html) {
+      // Convert tabs to 2 spaces
+      return html.replace(/\t/g, '  ')
+    },
+  })
+
+  // Create extension that normalizes line breaks
+  const LineBreakExtension = Extension.create({
+    name: 'lineBreak',
+    priority: 90,
+
+    transformPastedHTML(html) {
+      // Convert double line breaks to paragraph breaks
+      return html.replace(/\n\n+/g, '</p><p>')
+    },
+  })
+
+  // Create extension that removes inline styles
+  const CleanStylesExtension = Extension.create({
+    name: 'cleanStyles',
+    priority: 80,
+
+    transformPastedHTML(html) {
+      // Remove inline style attributes
+      return html.replace(/\s+style="[^"]*"/gi, '')
+    },
+  })
+
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      TabToSpacesExtension,
+      WordReplacerExtension,
+      LineBreakExtension,
+      CleanStylesExtension,
+    ],
+    content: `
+      <h2>Transform Pasted HTML Demo</h2>
+      <p>This demo showcases the <code>transformPastedHTML</code> API that allows extensions to transform pasted HTML content before it's parsed into the editor.</p>
+
+      <h3>How it works:</h3>
+      <ol>
+        <li><strong>Tab to Spaces</strong> (priority: 110) - Converts tabs to spaces</li>
+        <li><strong>Word Replacer</strong> (priority: 100) - Replaces "foo" with "bar"</li>
+        <li><strong>Line Break</strong> (priority: 90) - Converts double line breaks to paragraphs</li>
+        <li><strong>Clean Styles</strong> (priority: 80) - Removes inline style attributes</li>
+      </ol>
+
+      <p>Extensions with higher priority run first. Each extension receives the output from the previous extension's transform, creating a transform chain.</p>
+
+      <h3>Try it:</h3>
+      <p>Use the buttons above to simulate the transformation, or try copying and pasting HTML content with tabs, "foo" text, or inline styles from another source to see the API work during actual paste events!</p>
+
+      <p><em>Note: The buttons above simulate the transform for demonstration purposes. Real paste events (Ctrl+V / Cmd+V) will also trigger these transforms automatically.</em></p>
+    `,
+  })
+
+  const pasteHTML = useCallback(
+    html => {
+      if (!editor) {
+        return
+      }
+
+      // Get the transformed HTML by calling the view's transformPastedHTML
+      const transformedHTML = editor.view.props.transformPastedHTML?.(html) || html
+
+      // Insert the transformed HTML at the current position
+      editor.chain().focus().insertContent(transformedHTML).run()
+    },
+    [editor],
+  )
+
+  const pasteWithTabs = useCallback(() => {
+    const html = '<p>This\ttext\thas\ttabs\tbetween\twords</p>'
+    pasteHTML(html)
+  }, [pasteHTML])
+
+  const pasteWithFoo = useCallback(() => {
+    const html = '<p>The foo is strong in this foo. Foo fighters unite!</p>'
+    pasteHTML(html)
+  }, [pasteHTML])
+
+  const pasteWithStyles = useCallback(() => {
+    const html =
+      '<p style="background-color: yellow; padding: 20px;">This has <span style="color: red;">inline</span> styles that will be removed</p>'
+    pasteHTML(html)
+  }, [pasteHTML])
+
+  return (
+    <div>
+      {editor && (
+        <div className="control-group">
+          <div className="button-group">
+            <button onClick={pasteWithTabs} type="button">
+              Paste with Tabs
+            </button>
+            <button onClick={pasteWithFoo} type="button">
+              Paste with "foo"
+            </button>
+            <button onClick={pasteWithStyles} type="button">
+              Paste with Styles
+            </button>
+          </div>
+        </div>
+      )}
+
+      <EditorContent editor={editor} />
+    </div>
+  )
+}
diff --git a/demos/src/Examples/TransformPastedHTML/React/styles.scss b/demos/src/Examples/TransformPastedHTML/React/styles.scss
new file mode 100644
index 0000000..9bc0e8f
--- /dev/null
+++ b/demos/src/Examples/TransformPastedHTML/React/styles.scss
@@ -0,0 +1,145 @@
+/* Control group styles */
+.control-group {
+  margin-bottom: 1rem;
+  padding: 1rem;
+  background-color: var(--gray-1);
+  border-radius: 0.5rem;
+}
+
+.button-group {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+
+  button {
+    padding: 0.5rem 1rem;
+    background-color: var(--purple);
+    color: white;
+    border: none;
+    border-radius: 0.25rem;
+    cursor: pointer;
+    font-size: 0.875rem;
+    font-weight: 500;
+    transition: background-color 0.2s;
+
+    &:hover {
+      background-color: var(--purple-contrast);
+    }
+  }
+}
+
+/* Info panel styles */
+.info-panel {
+  margin-top: 1.5rem;
+  padding: 1rem;
+  background-color: var(--gray-1);
+  border-radius: 0.5rem;
+  border-left: 3px solid var(--purple);
+
+  h3 {
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+    font-size: 1rem;
+    color: var(--purple);
+  }
+}
+
+.log-entries {
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+.log-entry {
+  padding: 0.25rem 0;
+  font-size: 0.875rem;
+  font-family: 'JetBrainsMono', monospace;
+  color: var(--gray-5);
+
+  strong {
+    color: var(--purple);
+  }
+}
+
+/* Basic editor styles */
+.tiptap {
+  padding: 1rem;
+  border: 2px solid var(--gray-3);
+  border-radius: 0.5rem;
+  min-height: 300px;
+
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Code styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Link styles */
+  a {
+    color: var(--purple);
+    cursor: pointer;
+
+    &:hover {
+      color: var(--purple-contrast);
+    }
+  }
+
+  /* Strong styles */
+  strong {
+    font-weight: 600;
+  }
+}
diff --git a/demos/src/Examples/TransformPastedHTML/Vue/index.html b/demos/src/Examples/TransformPastedHTML/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/TransformPastedHTML/Vue/index.vue b/demos/src/Examples/TransformPastedHTML/Vue/index.vue
new file mode 100644
index 0000000..3a5362e
--- /dev/null
+++ b/demos/src/Examples/TransformPastedHTML/Vue/index.vue
@@ -0,0 +1,252 @@
+<template>
+  <div>
+    <div v-if="editor" class="control-group">
+      <div class="button-group">
+        <button @click="pasteWithTabs" type="button">Paste with Tabs</button>
+        <button @click="pasteWithFoo" type="button">Paste with "foo"</button>
+        <button @click="pasteWithStyles" type="button">Paste with Styles</button>
+      </div>
+    </div>
+
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import { Extension } from '@tiptap/core'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      tabsHTML: '<p>This\ttext\thas\ttabs\tbetween\twords</p>',
+      fooHTML: '<p>The foo is strong in this foo. Foo fighters unite!</p>',
+      styledHTML:
+        '<p style="background-color: yellow; padding: 20px;">This has <span style="color: red;">inline</span> styles that will be removed</p>',
+    }
+  },
+
+  methods: {
+    pasteHTML(html) {
+      // Get the transformed HTML by calling the view's transformPastedHTML
+      const transformedHTML = this.editor.view.props.transformPastedHTML?.(html) || html
+
+      // Insert the transformed HTML at the current position
+      this.editor.chain().focus().insertContent(transformedHTML).run()
+    },
+
+    pasteWithTabs() {
+      this.pasteHTML(this.tabsHTML)
+    },
+
+    pasteWithFoo() {
+      this.pasteHTML(this.fooHTML)
+    },
+
+    pasteWithStyles() {
+      this.pasteHTML(this.styledHTML)
+    },
+  },
+
+  mounted() {
+    // Create extension that replaces words
+    const WordReplacerExtension = Extension.create({
+      name: 'wordReplacer',
+      priority: 100,
+
+      transformPastedHTML(html) {
+        // Replace "foo" with "bar" in text content
+        return html.replace(/\bfoo\b/gi, 'bar')
+      },
+    })
+
+    // Create extension that converts tabs to spaces
+    const TabToSpacesExtension = Extension.create({
+      name: 'tabToSpaces',
+      priority: 110, // Higher priority = runs first
+
+      transformPastedHTML(html) {
+        // Convert tabs to 2 spaces
+        return html.replace(/\t/g, '  ')
+      },
+    })
+
+    // Create extension that normalizes line breaks
+    const LineBreakExtension = Extension.create({
+      name: 'lineBreak',
+      priority: 90,
+
+      transformPastedHTML(html) {
+        // Convert double line breaks to paragraph breaks
+        return html.replace(/\n\n+/g, '</p><p>')
+      },
+    })
+
+    // Create extension that removes inline styles
+    const CleanStylesExtension = Extension.create({
+      name: 'cleanStyles',
+      priority: 80,
+
+      transformPastedHTML(html) {
+        // Remove inline style attributes
+        return html.replace(/\s+style="[^"]*"/gi, '')
+      },
+    })
+
+    this.editor = new Editor({
+      extensions: [
+        StarterKit,
+        TabToSpacesExtension,
+        WordReplacerExtension,
+        LineBreakExtension,
+        CleanStylesExtension,
+      ],
+      content: `
+        <h2>Transform Pasted HTML Demo</h2>
+        <p>This demo showcases the <code>transformPastedHTML</code> API that allows extensions to transform pasted HTML content before it's parsed into the editor.</p>
+
+        <h3>How it works:</h3>
+        <ol>
+          <li><strong>Tab to Spaces</strong> (priority: 110) - Converts tabs to spaces</li>
+          <li><strong>Word Replacer</strong> (priority: 100) - Replaces "foo" with "bar"</li>
+          <li><strong>Line Break</strong> (priority: 90) - Converts double line breaks to paragraphs</li>
+          <li><strong>Clean Styles</strong> (priority: 80) - Removes inline style attributes</li>
+        </ol>
+
+        <p>Extensions with higher priority run first. Each extension receives the output from the previous extension's transform, creating a transform chain.</p>
+
+        <h3>Try it:</h3>
+        <p>Use the buttons above to simulate the transformation, or try copying and pasting HTML content with tabs, "foo" text, or inline styles from another source to see the API work during actual paste events!</p>
+
+        <p><em>Note: The buttons above simulate the transform for demonstration purposes. Real paste events (Ctrl+V / Cmd+V) will also trigger these transforms automatically.</em></p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Control group styles */
+.control-group {
+  margin-bottom: 1rem;
+  padding: 1rem;
+  background-color: var(--gray-1);
+  border-radius: 0.5rem;
+}
+
+.button-group {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+
+  button {
+    padding: 0.5rem 1rem;
+    background-color: var(--purple);
+    color: white;
+    border: none;
+    border-radius: 0.25rem;
+    cursor: pointer;
+    font-size: 0.875rem;
+    font-weight: 500;
+    transition: background-color 0.2s;
+
+    &:hover {
+      background-color: var(--purple-contrast);
+    }
+  }
+}
+
+/* Basic editor styles */
+.tiptap {
+  padding: 1rem;
+  border: 2px solid var(--gray-3);
+  border-radius: 0.5rem;
+  min-height: 300px;
+
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Code styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Link styles */
+  a {
+    color: var(--purple);
+    cursor: pointer;
+
+    &:hover {
+      color: var(--purple-contrast);
+    }
+  }
+
+  /* Strong styles */
+  strong {
+    font-weight: 600;
+  }
+}
+</style>
diff --git a/demos/src/Examples/Transition/Vue/Extension.js b/demos/src/Examples/Transition/Vue/Extension.js
new file mode 100644
index 0000000..9051c29
--- /dev/null
+++ b/demos/src/Examples/Transition/Vue/Extension.js
@@ -0,0 +1,36 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { VueNodeViewRenderer } from '@tiptap/vue'
+
+import Component from './VueComponent.vue'
+
+export default Node.create({
+  name: 'vueComponent',
+
+  group: 'block',
+
+  atom: true,
+
+  addAttributes() {
+    return {
+      count: {
+        default: 0,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'vue-component',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['vue-component', mergeAttributes(HTMLAttributes)]
+  },
+
+  addNodeView() {
+    return VueNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/Examples/Transition/Vue/ParentComponent.vue b/demos/src/Examples/Transition/Vue/ParentComponent.vue
new file mode 100644
index 0000000..f1190de
--- /dev/null
+++ b/demos/src/Examples/Transition/Vue/ParentComponent.vue
@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <EditorContent :editor="editor" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import StarterKit from '@tiptap/starter-kit'
+import { EditorContent, useEditor } from '@tiptap/vue'
+import { ref } from 'vue'
+
+import VueComponent from './Extension.js'
+import type { TNote } from './types.js'
+
+const note = ref<TNote>({
+  id: 'note-1',
+  content: `
+  <p>Some random note text</p>
+  <vue-component count="0"></vue-component>
+  `,
+})
+
+const editor = useEditor({
+  content: note.value.content,
+  editorProps: {
+    attributes: {
+      class: 'textarea',
+    },
+  },
+  extensions: [StarterKit, VueComponent],
+})
+</script>
diff --git a/demos/src/Examples/Transition/Vue/VueComponent.vue b/demos/src/Examples/Transition/Vue/VueComponent.vue
new file mode 100644
index 0000000..91be0a6
--- /dev/null
+++ b/demos/src/Examples/Transition/Vue/VueComponent.vue
@@ -0,0 +1,21 @@
+<template>
+  <NodeViewWrapper>
+    <label>Vue Component</label>
+
+    <div class="content">
+      <button @click="increase">This button has been clicked {{ node.attrs.count }} times.</button>
+    </div>
+  </NodeViewWrapper>
+</template>
+
+<script setup lang="ts">
+import { nodeViewProps, NodeViewWrapper } from '@tiptap/vue'
+
+const props = defineProps(nodeViewProps)
+
+function increase() {
+  props.updateAttributes({
+    count: props.node.attrs.count + 1,
+  })
+}
+</script>
diff --git a/demos/src/Examples/Transition/Vue/index.html b/demos/src/Examples/Transition/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/Transition/Vue/index.vue b/demos/src/Examples/Transition/Vue/index.vue
new file mode 100644
index 0000000..b349eb4
--- /dev/null
+++ b/demos/src/Examples/Transition/Vue/index.vue
@@ -0,0 +1,97 @@
+<script setup lang="ts">
+import StarterKit from '@tiptap/starter-kit'
+import { EditorContent, useEditor } from '@tiptap/vue'
+import { ref } from 'vue'
+
+import VueComponent from './Extension.js'
+import ParentComponent from './ParentComponent.vue'
+import type { TNote } from './types.js'
+
+/** Display editor in the same component */
+const showDirectEditor = ref(false)
+
+/** Display editor in a child component */
+const showNestedEditor = ref(false)
+
+const note = ref<TNote>({
+  id: 'note-1',
+  content: `
+  <p>Some random note text</p>
+  <vue-component count="0"></vue-component>
+  `,
+})
+
+const editor = useEditor({
+  content: note.value.content,
+  editorProps: {
+    attributes: {
+      class: 'textarea',
+    },
+  },
+  extensions: [StarterKit, VueComponent],
+})
+</script>
+
+<template>
+  <!-- Transition with editor in the same component -->
+  <div>
+    <button
+      id="toggle-direct-editor"
+      type="button"
+      style="margin-bottom: 1rem"
+      @click="showDirectEditor = !showDirectEditor"
+    >
+      {{ showDirectEditor ? 'Hide direct editor' : 'Show direct editor' }}
+    </button>
+
+    <transition name="fade">
+      <div v-if="showDirectEditor" class="tiptap-wrapper">
+        <EditorContent :editor="editor" />
+      </div>
+    </transition>
+  </div>
+
+  <hr />
+
+  <!-- Transition with editor in a child component -->
+  <div>
+    <button
+      id="toggle-nested-editor"
+      type="button"
+      style="margin-bottom: 1rem"
+      @click="showNestedEditor = !showNestedEditor"
+    >
+      {{ showNestedEditor ? 'Hide nested editor' : 'Show nested editor' }}
+    </button>
+
+    <transition name="fade">
+      <div v-if="showNestedEditor" class="tiptap-wrapper">
+        <ParentComponent />
+      </div>
+    </transition>
+  </div>
+</template>
+
+<style scoped>
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 1s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+hr {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+.tiptap-wrapper {
+  background-color: var(--purple-light);
+  border: 2px solid var(--purple);
+  border-radius: 0.5rem;
+  margin: 1rem 0;
+}
+</style>
diff --git a/demos/src/Examples/TypographyRTL/React/index.html b/demos/src/Examples/TypographyRTL/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Examples/TypographyRTL/React/index.jsx b/demos/src/Examples/TypographyRTL/React/index.jsx
new file mode 100644
index 0000000..072c731
--- /dev/null
+++ b/demos/src/Examples/TypographyRTL/React/index.jsx
@@ -0,0 +1,55 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Typography from '@tiptap/extension-typography'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  // Demonstrating automatic RTL detection via textDirection option
+  const editorAuto = useEditor({
+    extensions: [Document, Paragraph, Text, Typography],
+    textDirection: 'rtl',
+    content: `
+        <p>اقتباس "مرحبا بالعالم" باللغة العربية</p>
+        <p>Automatic RTL detection: </p>
+      `,
+  })
+
+  // Demonstrating explicit RTL configuration
+  const editorExplicit = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Typography.configure({
+        doubleQuotes: {
+          rtl: { open: '\u201D', close: '\u201C' },
+        },
+        singleQuotes: {
+          rtl: { open: '\u2019', close: '\u2018' },
+        },
+      }),
+    ],
+    content: `
+        <p dir="rtl">اقتباس "مرحبا بالعالم" باللغة العربية</p>
+        <p dir="rtl">Explicit RTL config: </p>
+      `,
+  })
+
+  return (
+    <div>
+      <h3>Automatic RTL Detection (textDirection: 'rtl')</h3>
+      <div className="editor-auto">
+        <EditorContent editor={editorAuto} />
+      </div>
+
+      <h3>Explicit RTL Configuration</h3>
+      <div className="editor-explicit">
+        <EditorContent editor={editorExplicit} />
+      </div>
+    </div>
+  )
+}
diff --git a/demos/src/Examples/TypographyRTL/React/styles.scss b/demos/src/Examples/TypographyRTL/React/styles.scss
new file mode 100644
index 0000000..b1c9d74
--- /dev/null
+++ b/demos/src/Examples/TypographyRTL/React/styles.scss
@@ -0,0 +1,12 @@
+.editor-auto .tiptap,
+.editor-explicit .tiptap {
+  direction: rtl;
+  text-align: right;
+}
+
+h3 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+  font-size: 14px;
+  font-weight: 600;
+}
diff --git a/demos/src/Examples/TypographyRTL/index.spec.ts b/demos/src/Examples/TypographyRTL/index.spec.ts
new file mode 100644
index 0000000..7aa1159
--- /dev/null
+++ b/demos/src/Examples/TypographyRTL/index.spec.ts
@@ -0,0 +1,76 @@
+import { expect, test } from '@playwright/test'
+
+const demoName = 'TypographyRTL'
+const frameworkPaths = ['React']
+const demoPath = '/src/Examples'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await page.locator('.editor-auto .tiptap').first().waitFor()
+      })
+
+      test.describe('Automatic RTL detection', () => {
+        test.beforeEach(async ({ page }) => {
+          await page
+            .locator('.editor-auto .tiptap')
+            .first()
+            .evaluate((el: any) => {
+              el.editor.commands.clearContent()
+            })
+        })
+
+        test('should use RTL double quotes when textDirection is rtl', async ({ page }) => {
+          const editor = page.locator('.editor-auto .tiptap').first()
+
+          await editor.click()
+          await editor.type('"hello"')
+
+          await expect(editor).toContainText('”hello“')
+        })
+
+        test('should use RTL single quotes when textDirection is rtl', async ({ page }) => {
+          const editor = page.locator('.editor-auto .tiptap').first()
+
+          await editor.click()
+          await editor.type("'world'")
+
+          await expect(editor).toContainText('’world‘')
+        })
+      })
+
+      test.describe('Explicit RTL configuration', () => {
+        test.beforeEach(async ({ page }) => {
+          await page
+            .locator('.editor-explicit .tiptap')
+            .first()
+            .evaluate((el: any) => {
+              el.editor.commands.clearContent()
+            })
+        })
+
+        test('should use RTL double quotes when configured', async ({ page }) => {
+          const editor = page.locator('.editor-explicit .tiptap').first()
+
+          await editor.click()
+          await editor.type('"hello"')
+
+          await expect(editor).toContainText('”hello“')
+        })
+
+        test('should use RTL single quotes when configured', async ({ page }) => {
+          const editor = page.locator('.editor-explicit .tiptap').first()
+
+          await editor.click()
+          await editor.type("'world'")
+
+          await expect(editor).toContainText('’world‘')
+        })
+      })
+    })
+  })
+})
diff --git a/demos/src/Experiments/All/Vue/index.html b/demos/src/Experiments/All/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/All/Vue/index.vue b/demos/src/Experiments/All/Vue/index.vue
new file mode 100644
index 0000000..08ba4fd
--- /dev/null
+++ b/demos/src/Experiments/All/Vue/index.vue
@@ -0,0 +1,656 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleBold().run()"
+          :class="{ 'is-active': editor.isActive('bold') }"
+        >
+          Bold
+        </button>
+        <button
+          @click="editor.chain().focus().toggleItalic().run()"
+          :class="{ 'is-active': editor.isActive('italic') }"
+        >
+          Italic
+        </button>
+        <button
+          @click="editor.chain().focus().toggleStrike().run()"
+          :class="{ 'is-active': editor.isActive('strike') }"
+        >
+          Strike
+        </button>
+        <button
+          @click="editor.chain().focus().toggleCode().run()"
+          :class="{ 'is-active': editor.isActive('code') }"
+        >
+          Code
+        </button>
+        <button @click="editor.chain().focus().unsetAllMarks().run()">Clear marks</button>
+        <button @click="editor.chain().focus().clearNodes().run()">Clear nodes</button>
+        <button
+          @click="editor.chain().focus().setParagraph().run()"
+          :class="{ 'is-active': editor.isActive('paragraph') }"
+        >
+          Paragraph
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }"
+        >
+          H1
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }"
+        >
+          H2
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }"
+        >
+          H3
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 4 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 4 }) }"
+        >
+          H4
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 5 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 5 }) }"
+        >
+          H5
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 6 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 6 }) }"
+        >
+          h6
+        </button>
+        <button
+          @click="editor.chain().focus().toggleBulletList().run()"
+          :class="{ 'is-active': editor.isActive('bulletList') }"
+        >
+          Bullet list
+        </button>
+        <button
+          @click="editor.chain().focus().toggleOrderedList().run()"
+          :class="{ 'is-active': editor.isActive('orderedList') }"
+        >
+          Ordered list
+        </button>
+        <button
+          @click="editor.chain().focus().toggleCodeBlock().run()"
+          :class="{ 'is-active': editor.isActive('codeBlock') }"
+        >
+          Code block
+        </button>
+        <button
+          @click="editor.chain().focus().toggleBlockquote().run()"
+          :class="{ 'is-active': editor.isActive('blockquote') }"
+        >
+          Blockquote
+        </button>
+        <button @click="editor.chain().focus().setHorizontalRule().run()">Horizontal rule</button>
+        <button @click="editor.chain().focus().setHardBreak().run()">Hard break</button>
+        <button @click="editor.chain().focus().undo().run()">Undo</button>
+        <button @click="editor.chain().focus().redo().run()">Redo</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Blockquote from '@tiptap/extension-blockquote'
+import Bold from '@tiptap/extension-bold'
+import Code from '@tiptap/extension-code'
+import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
+import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
+import Heading from '@tiptap/extension-heading'
+import Highlight from '@tiptap/extension-highlight'
+import HorizontalRule from '@tiptap/extension-horizontal-rule'
+import Image from '@tiptap/extension-image'
+import Italic from '@tiptap/extension-italic'
+import Link from '@tiptap/extension-link'
+import { BulletList, ListItem, OrderedList, TaskItem, TaskList } from '@tiptap/extension-list'
+import Mention from '@tiptap/extension-mention'
+import Paragraph from '@tiptap/extension-paragraph'
+import Strike from '@tiptap/extension-strike'
+import Subscript from '@tiptap/extension-subscript'
+import Superscript from '@tiptap/extension-superscript'
+import { TableKit } from '@tiptap/extension-table'
+import Text from '@tiptap/extension-text'
+import TextAlign from '@tiptap/extension-text-align'
+import { Color, TextStyle } from '@tiptap/extension-text-style'
+import Underline from '@tiptap/extension-underline'
+import { Dropcursor, Gapcursor, Placeholder, UndoRedo } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { all, createLowlight } from 'lowlight'
+
+const lowlight = createLowlight(all)
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Blockquote,
+        Bold,
+        BulletList,
+        Code,
+        CodeBlockLowlight.configure({
+          lowlight,
+        }),
+        Document,
+        Dropcursor,
+        Gapcursor,
+        HardBreak,
+        Heading,
+        UndoRedo,
+        HorizontalRule,
+        Italic,
+        ListItem,
+        OrderedList,
+        Paragraph,
+        Strike,
+        Text,
+        Underline,
+        Superscript,
+        Subscript,
+        Link,
+        Mention.configure({
+          HTMLAttributes: {
+            class: 'mention',
+          },
+        }),
+        TableKit.configure({
+          table: { resizable: true },
+        }),
+        Image,
+        TaskList,
+        TaskItem,
+        Placeholder.configure({
+          placeholder: 'This is a placeholder …',
+          includeChildren: true,
+        }),
+        TextAlign.configure({
+          types: ['heading', 'paragraph'],
+        }),
+        TextStyle,
+        Color,
+        Highlight.configure({ multicolor: true }),
+      ],
+      content: `
+        <h2>
+          Hi there,
+        </h2>
+        <p>
+          this is a <em>basic</em> example of <strong>Tiptap</strong>. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:
+        </p>
+        <ul>
+          <li>
+            That's a bullet list with one …
+          </li>
+          <li>
+            … or two list items.
+          </li>
+        </ul>
+        <p>
+          Isn't that great? And all of that is editable. But wait, there's more. Let's try a code block:
+        </p>
+        <pre><code class="language-javascript">for (var i=1; i <= 20; i++)
+{
+  if (i % 15 == 0)
+    console.log("FizzBuzz");
+  else if (i % 3 == 0)
+    console.log("Fizz");
+  else if (i % 5 == 0)
+    console.log("Buzz");
+  else
+    console.log(i);
+}</code></pre>
+        <p>
+          I know, I know, this is impressive. It's only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.
+        </p>
+        <blockquote>
+          Wow, that's amazing. Good work, boy! 👏
+          <br />
+          — Mom
+        </blockquote>
+        <h2>Text align</h2>
+        <p style="text-align: center">first paragraph</p>
+        <p style="text-align: right">second paragraph</p>
+        <h2>Color</h2>
+        <p><span style="color: #958DF1">Oh, for some reason that's purple.</span></p>
+        <h2>Highlight</h2>
+        <p>This isn't highlighted.</s></p>
+        <p><mark>But that one is.</mark></p>
+        <p><mark style="background-color: red;">And this is highlighted too, but in a different color.</mark></p>
+        <p><mark data-color="#ffa8a8">And this one has a data attribute.</mark></p>
+        <h2>Task list</h2>
+        <ul data-type="taskList">
+          <li data-type="taskItem" data-checked="true">A list item</li>
+          <li data-type="taskItem" data-checked="false">And another one</li>
+        </ul>
+        <p>Some text with a mention <span data-type="mention" data-id="Mention 1"></span> and another one <span data-type="mention" data-id="Mention 2"></span>. Great.</p>
+        <table>
+          <tbody>
+            <tr>
+              <th>Name</th>
+              <th colspan="3">Description</th>
+            </tr>
+            <tr>
+              <td>Cyndi Lauper</td>
+              <td>Singer</td>
+              <td>Songwriter</td>
+              <td>Actress</td>
+            </tr>
+            <tr>
+              <td>Marie Curie</td>
+              <td>Scientist</td>
+              <td>Chemist</td>
+              <td>Physicist</td>
+            </tr>
+            <tr>
+              <td>Indira Gandhi</td>
+              <td>Prime minister</td>
+              <td colspan="2">Politician</td>
+            </tr>
+          </tbody>
+        </table>
+        <p>This is a basic example of implementing images. Drag to re-order.</p>
+        <img src="https://placehold.co/800x400" />
+        <img src="https://placehold.co/800x400/6A00F5/white" />
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Placeholder (on every new line) */
+  .is-empty::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+
+  a {
+    color: var(--purple);
+    cursor: pointer;
+
+    &:hover {
+      color: var(--purple-contrast);
+    }
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Task list specific styles */
+  ul[data-type='taskList'] {
+    list-style: none;
+    margin-left: 0;
+    padding: 0;
+
+    li {
+      align-items: flex-start;
+      display: flex;
+
+      > label {
+        flex: 0 0 auto;
+        margin-right: 0.5rem;
+        user-select: none;
+      }
+
+      > div {
+        flex: 1 1 auto;
+      }
+    }
+
+    input[type='checkbox'] {
+      cursor: pointer;
+    }
+
+    ul[data-type='taskList'] {
+      margin: 0;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Display empty p */
+  p:empty::before {
+    content: '\00a0';
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+
+    /* Code styling */
+    .hljs-comment,
+    .hljs-quote {
+      color: #616161;
+    }
+
+    .hljs-variable,
+    .hljs-template-variable,
+    .hljs-attribute,
+    .hljs-tag,
+    .hljs-name,
+    .hljs-regexp,
+    .hljs-link,
+    .hljs-name,
+    .hljs-selector-id,
+    .hljs-selector-class {
+      color: #f98181;
+    }
+
+    .hljs-number,
+    .hljs-meta,
+    .hljs-built_in,
+    .hljs-builtin-name,
+    .hljs-literal,
+    .hljs-type,
+    .hljs-params {
+      color: #fbbc88;
+    }
+
+    .hljs-string,
+    .hljs-symbol,
+    .hljs-bullet {
+      color: #b9f18d;
+    }
+
+    .hljs-title,
+    .hljs-section {
+      color: #faf594;
+    }
+
+    .hljs-keyword,
+    .hljs-selector-tag {
+      color: #70cff8;
+    }
+
+    .hljs-emphasis {
+      font-style: italic;
+    }
+
+    .hljs-strong {
+      font-weight: 700;
+    }
+  }
+
+  .code-block {
+    position: relative;
+
+    select {
+      position: absolute;
+      background-color: var(--white);
+      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="Black" d="M7 10l5 5 5-5z"/></svg>');
+      right: 0.5rem;
+      top: 0.5rem;
+    }
+  }
+
+  mark {
+    background-color: #faf594;
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    padding: 0.1rem 0.3rem;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+      transition: outline 0.15s;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  .mention {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    color: var(--purple);
+    padding: 0.1rem 0.3rem;
+  }
+
+  /* Color swatches */
+  .color {
+    white-space: nowrap;
+
+    &::before {
+      background-color: var(--color);
+      border: 1px solid rgba(128, 128, 128, 0.3);
+      border-radius: 2px;
+      content: ' ';
+      display: inline-block;
+      height: 1em;
+      margin-bottom: 0.15em;
+      margin-right: 0.1em;
+      vertical-align: middle;
+      width: 1em;
+    }
+  }
+
+  /* Table-specific styling */
+  table {
+    border-collapse: collapse;
+    margin: 0;
+    overflow: hidden;
+    table-layout: fixed;
+    width: 100%;
+
+    td,
+    th {
+      border: 1px solid var(--gray-3);
+      box-sizing: border-box;
+      min-width: 1em;
+      padding: 6px 8px;
+      position: relative;
+      vertical-align: top;
+
+      > * {
+        margin-bottom: 0;
+      }
+    }
+
+    th {
+      background-color: var(--gray-1);
+      font-weight: bold;
+      text-align: left;
+    }
+
+    .selectedCell:after {
+      background: var(--gray-2);
+      content: '';
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      pointer-events: none;
+      position: absolute;
+      z-index: 2;
+    }
+
+    .column-resize-handle {
+      background-color: var(--purple);
+      bottom: -2px;
+      pointer-events: none;
+      position: absolute;
+      right: -2px;
+      top: 0;
+      width: 4px;
+    }
+  }
+
+  .tableWrapper {
+    margin: 1.5rem 0;
+    overflow-x: auto;
+  }
+
+  &.resize-cursor {
+    cursor: ew-resize;
+    cursor: col-resize;
+  }
+}
+
+/* Floating/Bubble Menus */
+.bubble-menu {
+  background-color: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  padding: 0.2rem;
+
+  button {
+    background-color: unset;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--purple);
+
+      &:hover {
+        background-color: var(--purple-contrast);
+      }
+    }
+  }
+}
+
+.floating-menu {
+  display: flex;
+  background-color: var(--gray-3);
+  padding: 0.1rem;
+  border-radius: 0.5rem;
+
+  button {
+    background-color: unset;
+    padding: 0.275rem 0.425rem;
+    border-radius: 0.3rem;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--white);
+      color: var(--purple);
+
+      &:hover {
+        color: var(--purple-contrast);
+      }
+    }
+  }
+}
+</style>
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationItem.ts b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationItem.ts
new file mode 100644
index 0000000..dfcc92c
--- /dev/null
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationItem.ts
@@ -0,0 +1,37 @@
+export class AnnotationItem {
+  private decoration!: any
+
+  constructor(decoration: any) {
+    this.decoration = decoration
+  }
+
+  get id() {
+    return this.decoration.type.spec.id
+  }
+
+  get from() {
+    return this.decoration.from
+  }
+
+  get to() {
+    return this.decoration.to
+  }
+
+  get data() {
+    return this.decoration.type.spec.data
+  }
+
+  get HTMLAttributes() {
+    return this.decoration.type.attrs
+  }
+
+  toString() {
+    return JSON.stringify({
+      id: this.id,
+      data: this.data,
+      from: this.from,
+      to: this.to,
+      HTMLAttributes: this.HTMLAttributes,
+    })
+  }
+}
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationPlugin.ts b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationPlugin.ts
new file mode 100644
index 0000000..0d82d16
--- /dev/null
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationPlugin.ts
@@ -0,0 +1,54 @@
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import { DecorationSet } from '@tiptap/pm/view'
+import type * as Y from 'yjs'
+
+import type { AnnotationItem } from './AnnotationItem.js'
+import { AnnotationState } from './AnnotationState.js'
+
+export const AnnotationPluginKey = new PluginKey('annotation')
+
+export interface AnnotationPluginOptions {
+  HTMLAttributes: {
+    [key: string]: any
+  }
+  onUpdate: (items: AnnotationItem[]) => object
+  map: Y.Map<any>
+  instance: string
+}
+
+export const AnnotationPlugin = (options: AnnotationPluginOptions) =>
+  new Plugin({
+    key: AnnotationPluginKey,
+
+    state: {
+      init() {
+        return new AnnotationState({
+          HTMLAttributes: options.HTMLAttributes,
+          map: options.map,
+          instance: options.instance,
+        })
+      },
+      apply(transaction, pluginState, oldState, newState) {
+        return pluginState.apply(transaction, newState)
+      },
+    },
+
+    props: {
+      decorations(state) {
+        const decorations = this.getState(state)?.decorations || new DecorationSet()
+        const { selection } = state
+
+        if (!selection.empty) {
+          return decorations
+        }
+
+        const annotations = this.getState(state)?.annotationsAt(selection.from)
+
+        if (annotations) {
+          options.onUpdate(annotations)
+        }
+
+        return decorations
+      },
+    },
+  })
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationState.ts b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationState.ts
new file mode 100644
index 0000000..e91bb45
--- /dev/null
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationState.ts
@@ -0,0 +1,180 @@
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+import {
+  absolutePositionToRelativePosition,
+  relativePositionToAbsolutePosition,
+  ySyncPluginKey,
+} from '@tiptap/y-tiptap'
+import type * as Y from 'yjs'
+
+import { AnnotationItem } from './AnnotationItem.js'
+import { AnnotationPluginKey } from './AnnotationPlugin.js'
+import type {
+  AddAnnotationAction,
+  DeleteAnnotationAction,
+  UpdateAnnotationAction,
+} from './collaboration-annotation.js'
+
+export interface AnnotationStateOptions {
+  HTMLAttributes: {
+    [key: string]: any
+  }
+  map: Y.Map<any>
+  instance: string
+}
+
+export class AnnotationState {
+  options: AnnotationStateOptions
+
+  decorations = DecorationSet.empty
+
+  constructor(options: AnnotationStateOptions) {
+    this.options = options
+  }
+
+  randomId() {
+    // TODO: That seems … to simple.
+    return Math.floor(Math.random() * 0xffffffff).toString()
+  }
+
+  findAnnotation(id: string) {
+    const current = this.decorations.find()
+
+    for (let i = 0; i < current.length; i += 1) {
+      if (current[i].spec.id === id) {
+        return current[i]
+      }
+    }
+  }
+
+  addAnnotation(action: AddAnnotationAction, state: EditorState) {
+    const ystate = ySyncPluginKey.getState(state)
+    const { type, binding } = ystate
+    const { map } = this.options
+    const { from, to, data } = action
+    const absoluteFrom = absolutePositionToRelativePosition(from, type, binding.mapping)
+    const absoluteTo = absolutePositionToRelativePosition(to, type, binding.mapping)
+
+    map.set(this.randomId(), {
+      from: absoluteFrom,
+      to: absoluteTo,
+      data,
+    })
+  }
+
+  updateAnnotation(action: UpdateAnnotationAction) {
+    const { map } = this.options
+
+    const annotation = map.get(action.id)
+
+    map.set(action.id, {
+      from: annotation.from,
+      to: annotation.to,
+      data: action.data,
+    })
+  }
+
+  deleteAnnotation(id: string) {
+    const { map } = this.options
+
+    map.delete(id)
+  }
+
+  annotationsAt(position: number) {
+    return this.decorations.find(position, position).map(decoration => {
+      return new AnnotationItem(decoration)
+    })
+  }
+
+  createDecorations(state: EditorState) {
+    const { map, HTMLAttributes } = this.options
+    const ystate = ySyncPluginKey.getState(state)
+    const { doc, type, binding } = ystate
+    const decorations: Decoration[] = []
+
+    map.forEach((annotation, id) => {
+      const from = relativePositionToAbsolutePosition(doc, type, annotation.from, binding.mapping)
+      const to = relativePositionToAbsolutePosition(doc, type, annotation.to, binding.mapping)
+
+      if (!from || !to) {
+        return
+      }
+
+      // oxlint-disable-next-line
+      console.log(`[${this.options.instance}] Decoration.inline()`, from, to, HTMLAttributes, {
+        id,
+        data: annotation.data,
+      })
+
+      if (from === to) {
+        console.warn(
+          `[${this.options.instance}] corrupt decoration `,
+          annotation.from,
+          from,
+          annotation.to,
+          to,
+        )
+      }
+
+      decorations.push(
+        Decoration.inline(from, to, HTMLAttributes, {
+          id,
+          data: annotation.data,
+          inclusiveEnd: true,
+        }),
+      )
+    })
+
+    this.decorations = DecorationSet.create(state.doc, decorations)
+  }
+
+  apply(transaction: Transaction, state: EditorState) {
+    // Add/Remove annotations
+    const action = transaction.getMeta(AnnotationPluginKey) as
+      | AddAnnotationAction
+      | UpdateAnnotationAction
+      | DeleteAnnotationAction
+
+    if (action && action.type) {
+      // oxlint-disable-next-line
+      console.log(`[${this.options.instance}] action: ${action.type}`)
+
+      if (action.type === 'addAnnotation') {
+        this.addAnnotation(action, state)
+      }
+
+      if (action.type === 'updateAnnotation') {
+        this.updateAnnotation(action)
+      }
+
+      if (action.type === 'deleteAnnotation') {
+        this.deleteAnnotation(action.id)
+      }
+
+      // @ts-ignore
+      if (action.type === 'createDecorations') {
+        this.createDecorations(state)
+      }
+
+      return this
+    }
+
+    // Use Y.js to update positions
+    const ystate = ySyncPluginKey.getState(state)
+
+    if (ystate.isChangeOrigin) {
+      // oxlint-disable-next-line
+      console.log(`[${this.options.instance}] isChangeOrigin: true → createDecorations`)
+      this.createDecorations(state)
+
+      return this
+    }
+
+    // Use ProseMirror to update positions
+    // oxlint-disable-next-line
+    console.log(`[${this.options.instance}] isChangeOrigin: false → ProseMirror mapping`)
+    this.decorations = this.decorations.map(transaction.mapping, transaction.doc)
+
+    return this
+  }
+}
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/collaboration-annotation.ts b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/collaboration-annotation.ts
new file mode 100644
index 0000000..fcf2462
--- /dev/null
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/collaboration-annotation.ts
@@ -0,0 +1,154 @@
+import { Extension } from '@tiptap/core'
+import type * as Y from 'yjs'
+
+import { AnnotationPlugin, AnnotationPluginKey } from './AnnotationPlugin.js'
+
+export interface AddAnnotationAction {
+  type: 'addAnnotation'
+  data: any
+  from: number
+  to: number
+}
+
+export interface UpdateAnnotationAction {
+  type: 'updateAnnotation'
+  id: string
+  data: any
+}
+
+export interface DeleteAnnotationAction {
+  type: 'deleteAnnotation'
+  id: string
+}
+
+export interface AnnotationOptions {
+  HTMLAttributes: {
+    [key: string]: any
+  }
+  /**
+   * An event listener which receives annotations for the current selection.
+   */
+  onUpdate: (items: any[]) => object
+  /**
+   * An initialized Y.js document.
+   */
+  document: Y.Doc | null
+  /**
+   * Name of a Y.js map, can be changed to sync multiple fields with one Y.js document.
+   */
+  field: string
+  /**
+   * A raw Y.js map, can be used instead of `document` and `field`.
+   */
+  map: Y.Map<any> | null
+  instance: string
+}
+
+function getMapFromOptions(options: AnnotationOptions): Y.Map<any> {
+  return options.map ? options.map : (options.document?.getMap(options.field) as Y.Map<any>)
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    annotation: {
+      addAnnotation: (data: any) => ReturnType
+      updateAnnotation: (id: string, data: any) => ReturnType
+      deleteAnnotation: (id: string) => ReturnType
+    }
+  }
+}
+
+export const CollaborationAnnotation = Extension.create<AnnotationOptions>({
+  name: 'annotation',
+
+  priority: 1000,
+
+  addOptions() {
+    return {
+      HTMLAttributes: {
+        class: 'annotation',
+      },
+      onUpdate: decorations => decorations,
+      document: null,
+      field: 'annotations',
+      map: null,
+      instance: '',
+    }
+  },
+
+  onCreate() {
+    const map = getMapFromOptions(this.options)
+
+    map.observe(() => {
+      // oxlint-disable-next-line
+      console.log(`[${this.options.instance}] map updated  → createDecorations`)
+
+      const transaction = this.editor.state.tr.setMeta(AnnotationPluginKey, {
+        type: 'createDecorations',
+      })
+
+      this.editor.view.dispatch(transaction)
+    })
+  },
+
+  addCommands() {
+    return {
+      addAnnotation:
+        (data: any) =>
+        ({ dispatch, state }) => {
+          const { selection } = state
+
+          if (selection.empty) {
+            return false
+          }
+
+          if (dispatch && data) {
+            state.tr.setMeta(AnnotationPluginKey, <AddAnnotationAction>{
+              type: 'addAnnotation',
+              from: selection.from,
+              to: selection.to,
+              data,
+            })
+          }
+
+          return true
+        },
+      updateAnnotation:
+        (id: string, data: any) =>
+        ({ dispatch, state }) => {
+          if (dispatch) {
+            state.tr.setMeta(AnnotationPluginKey, <UpdateAnnotationAction>{
+              type: 'updateAnnotation',
+              id,
+              data,
+            })
+          }
+
+          return true
+        },
+      deleteAnnotation:
+        id =>
+        ({ dispatch, state }) => {
+          if (dispatch) {
+            state.tr.setMeta(AnnotationPluginKey, <DeleteAnnotationAction>{
+              type: 'deleteAnnotation',
+              id,
+            })
+          }
+
+          return true
+        },
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      AnnotationPlugin({
+        HTMLAttributes: this.options.HTMLAttributes,
+        onUpdate: this.options.onUpdate,
+        map: getMapFromOptions(this.options),
+        instance: this.options.instance,
+      }),
+    ]
+  },
+})
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/index.ts b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/index.ts
new file mode 100644
index 0000000..9ede9db
--- /dev/null
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/index.ts
@@ -0,0 +1,5 @@
+import { CollaborationAnnotation } from './collaboration-annotation.js'
+
+export * from './collaboration-annotation.js'
+
+export default CollaborationAnnotation
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/index.html b/demos/src/Experiments/CollaborationAnnotation/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/index.vue b/demos/src/Experiments/CollaborationAnnotation/Vue/index.vue
new file mode 100644
index 0000000..03abb31
--- /dev/null
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/index.vue
@@ -0,0 +1,188 @@
+<template>
+  <div>
+    <div v-if="editor" class="container">
+      <div class="control-group">
+        <h2>Original Editor</h2>
+        <div class="button-group">
+          <button @click="addComment" :disabled="!editor.can().addAnnotation()">Comment</button>
+        </div>
+      </div>
+      <editor-content class="editor-1" :editor="editor" />
+
+      <div class="output-group" v-for="comment in comments" :key="comment.id">
+        {{ comment }}
+
+        <div class="button-group">
+          <button @click="updateComment(comment.id)">Update</button>
+
+          <button @click="deleteComment(comment.id)">Remove</button>
+        </div>
+      </div>
+
+      <div class="control-group">
+        <h2>Another Editor</h2>
+        <div class="button-group">
+          <button @click="addAnotherComment" :disabled="!anotherEditor.can().addAnnotation()">
+            Comment
+          </button>
+        </div>
+      </div>
+      <editor-content class="editor-2" :editor="anotherEditor" />
+    </div>
+  </div>
+</template>
+
+<script>
+import Bold from '@tiptap/extension-bold'
+import Collaboration from '@tiptap/extension-collaboration'
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+import * as Y from 'yjs'
+
+import CollaborationAnnotation from './extension/index.ts'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      anotherEditor: null,
+      comments: [],
+    }
+  },
+
+  mounted() {
+    const ydoc = new Y.Doc()
+
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Bold,
+        Heading,
+        CollaborationAnnotation.configure({
+          document: ydoc,
+          onUpdate: items => {
+            this.comments = items
+          },
+          instance: 'editor1',
+        }),
+        Collaboration.configure({
+          document: ydoc,
+        }),
+      ],
+      content: `
+        <p>
+          Annotations can be used to add additional information to the content, for example comments. They live on a different level than the actual editor content.
+        </p>
+        <p>
+          This example allows you to add plain text, but you’re free to add more complex data, for example JSON from another Tiptap instance. :-)
+        </p>
+      `,
+    })
+
+    this.anotherEditor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Bold,
+        Heading,
+        CollaborationAnnotation.configure({
+          document: ydoc,
+          instance: 'editor2',
+        }),
+        Collaboration.configure({
+          document: ydoc,
+        }),
+      ],
+    })
+  },
+
+  methods: {
+    addComment() {
+      const data = prompt('Comment', '')
+
+      this.editor.commands.addAnnotation(data)
+    },
+    updateComment(id) {
+      const comment = this.comments.find(item => {
+        return id === item.id
+      })
+
+      const data = prompt('Comment', comment.data)
+
+      this.editor.commands.updateAnnotation(id, data)
+    },
+    deleteComment(id) {
+      this.editor.commands.deleteAnnotation(id)
+    },
+    addAnotherComment() {
+      const data = prompt('Comment', '')
+
+      this.anotherEditor.commands.addAnnotation(data)
+    },
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+    this.anotherEditor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+}
+
+.annotation {
+  background: #9def8f;
+}
+</style>
diff --git a/demos/src/Experiments/CollaborationAnnotation/index.spec.ts b/demos/src/Experiments/CollaborationAnnotation/index.spec.ts
new file mode 100644
index 0000000..515110c
--- /dev/null
+++ b/demos/src/Experiments/CollaborationAnnotation/index.spec.ts
@@ -0,0 +1,21 @@
+import { expect, test } from '@playwright/test'
+
+const demoName = 'CollaborationAnnotation'
+const frameworkPaths = ['Vue']
+const demoPath = '/src/Experiments'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('renders two editors', async ({ page }) => {
+        await expect(page.locator('.tiptap')).toHaveCount(2)
+      })
+    })
+  })
+})
diff --git a/demos/src/Experiments/CollaborationMappingPerformance/React/index.html b/demos/src/Experiments/CollaborationMappingPerformance/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/CollaborationMappingPerformance/React/index.tsx b/demos/src/Experiments/CollaborationMappingPerformance/React/index.tsx
new file mode 100644
index 0000000..45e797f
--- /dev/null
+++ b/demos/src/Experiments/CollaborationMappingPerformance/React/index.tsx
@@ -0,0 +1,460 @@
+import './styles.scss'
+
+import Collaboration from '@tiptap/extension-collaboration'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Placeholder } from '@tiptap/extensions'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+import type { MappablePosition } from '@tiptap/react'
+import { EditorContent, Extension, useEditor } from '@tiptap/react'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { WebrtcProvider } from 'y-webrtc'
+import * as Y from 'yjs'
+
+/**
+ * Generates HTML content with the specified number of paragraphs.
+ * @param paragraphCount - The number of paragraphs to generate.
+ * @returns HTML string with the generated content.
+ */
+function generateContent(paragraphCount: number): string {
+  const loremPhrases = [
+    'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+    'Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+    'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.',
+    'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.',
+    'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.',
+    'Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.',
+    'Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.',
+    'Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse.',
+    'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis.',
+    'Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit.',
+  ]
+
+  const paragraphs: string[] = []
+
+  for (let i = 0; i < paragraphCount; i += 1) {
+    const sentenceCount = 3 + Math.floor(Math.random() * 5)
+    const sentences: string[] = []
+
+    for (let j = 0; j < sentenceCount; j += 1) {
+      sentences.push(loremPhrases[Math.floor(Math.random() * loremPhrases.length)])
+    }
+
+    paragraphs.push(`<p>${sentences.join(' ')}</p>`)
+  }
+
+  return paragraphs.join('\n')
+}
+
+/**
+ * Content size presets with different amounts of text.
+ */
+const CONTENT_SIZES = {
+  small: generateContent(5),
+  medium: generateContent(25),
+  large: generateContent(100),
+  veryLarge: generateContent(500),
+} as const
+
+type ContentSize = keyof typeof CONTENT_SIZES
+
+/**
+ * Decoration count options.
+ */
+const DECORATION_COUNTS = [5, 50, 500, 1000] as const
+
+type DecorationCount = (typeof DECORATION_COUNTS)[number]
+
+/**
+ * Creates a ProseMirror DecorationSet from a list of positions.
+ * @param positions - The positions where the decorations should be placed.
+ * @param doc - The ProseMirror document node.
+ * @returns A ProseMirror DecorationSet.
+ */
+function createDecorations(positions: number[], doc: PMNode): DecorationSet {
+  const validPositions = positions.filter(pos => pos >= 0 && pos <= doc.content.size)
+
+  return DecorationSet.create(
+    doc,
+    validPositions.map(position =>
+      Decoration.widget(position, () => {
+        const element = document.createElement('span')
+
+        element.classList.add('decoration')
+
+        return element
+      }),
+    ),
+  )
+}
+
+/**
+ * The state of the DecorationsExtension ProseMirror plugin.
+ */
+interface PluginState {
+  positions: MappablePosition[]
+  decorations: DecorationSet
+}
+
+const DecorationsPluginKey = new PluginKey<PluginState>('decorations')
+
+/**
+ * Metadata for the decorations plugin transactions.
+ */
+interface DecorationsMeta {
+  type: 'add' | 'set' | 'clear'
+  positions?: MappablePosition[]
+}
+
+/**
+ * Callback type for performance logging from the extension.
+ */
+type PerformanceCallback = (action: string, duration: number) => void
+
+/**
+ * Global ref for the performance callback, set by the component.
+ */
+let performanceCallback: PerformanceCallback | null = null
+
+/**
+ * Sets the performance callback for the decorations extension.
+ * @param callback - The callback to invoke with performance data.
+ */
+function setPerformanceCallback(callback: PerformanceCallback | null): void {
+  performanceCallback = callback
+}
+
+/**
+ * An extension that allows you to insert decorations into the editor.
+ * Tracks decoration positions and remaps them on document changes.
+ * Also measures the time taken for position mapping.
+ */
+const DecorationsExtension = Extension.create({
+  name: 'decorations',
+  addProseMirrorPlugins() {
+    const editor = this.editor
+
+    return [
+      new Plugin<PluginState>({
+        key: DecorationsPluginKey,
+        state: {
+          init: () => ({
+            positions: [],
+            decorations: DecorationSet.empty,
+          }),
+          apply(transaction, pluginState, _oldState, newState) {
+            let positions = pluginState.positions
+            let mappingDuration = 0
+
+            if (transaction.docChanged && positions.length > 0) {
+              const startTime = performance.now()
+
+              positions = positions.map(
+                position => editor.utils.getUpdatedPosition(position, transaction).position,
+              )
+              mappingDuration = performance.now() - startTime
+
+              if (performanceCallback) {
+                performanceCallback(
+                  `Position mapping (${positions.length} positions)`,
+                  mappingDuration,
+                )
+              }
+            }
+
+            const metadata = transaction.getMeta(DecorationsPluginKey) as
+              | DecorationsMeta
+              | undefined
+
+            if (metadata) {
+              if (metadata.type === 'clear') {
+                positions = []
+              } else if (metadata.type === 'set' && metadata.positions) {
+                positions = metadata.positions
+              } else if (metadata.type === 'add' && metadata.positions) {
+                positions = [...positions, ...metadata.positions]
+              }
+            }
+
+            return {
+              positions,
+              decorations: createDecorations(
+                positions.map(position => position.position),
+                newState.doc,
+              ),
+            }
+          },
+        },
+        props: {
+          decorations: state => DecorationsPluginKey.getState(state)?.decorations,
+        },
+      }),
+    ]
+  },
+})
+
+const ydoc = new Y.Doc()
+
+// oxlint-disable-next-line no-unused-vars
+const provider = new WebrtcProvider('tiptap-collab-mapping-perf-experiment', ydoc)
+
+/**
+ * Performance logging entry.
+ */
+interface PerformanceEntry {
+  timestamp: number
+  action: string
+  duration: number
+}
+
+export default () => {
+  const [contentSize, setContentSize] = useState<ContentSize>('small')
+  const [decorationCount, setDecorationCount] = useState<DecorationCount>(5)
+  const [performanceLog, setPerformanceLog] = useState<PerformanceEntry[]>([])
+  const [currentDecorationCount, setCurrentDecorationCount] = useState(0)
+  const [docSize, setDocSize] = useState(0)
+
+  const transactionStartTime = useRef<number | null>(null)
+  const pendingAction = useRef<string | null>(null)
+
+  /**
+   * Logs a performance measurement.
+   */
+  const logPerformance = useCallback((action: string, duration: number) => {
+    setPerformanceLog(prev => [{ timestamp: Date.now(), action, duration }, ...prev.slice(0, 99)])
+  }, [])
+
+  useEffect(() => {
+    setPerformanceCallback(logPerformance)
+
+    return () => {
+      setPerformanceCallback(null)
+    }
+  }, [logPerformance])
+
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Collaboration.configure({
+        document: ydoc,
+      }),
+      Placeholder.configure({
+        placeholder: 'Content will be loaded here...',
+      }),
+      DecorationsExtension,
+    ],
+    onTransaction: () => {
+      if (transactionStartTime.current !== null && pendingAction.current !== null) {
+        const duration = performance.now() - transactionStartTime.current
+
+        logPerformance(pendingAction.current, duration)
+        transactionStartTime.current = null
+        pendingAction.current = null
+      }
+    },
+    onUpdate: ({ editor: updatedEditor }) => {
+      setDocSize(updatedEditor.state.doc.content.size)
+    },
+  })
+
+  /**
+   * Starts timing a measured action.
+   */
+  const startTiming = useCallback((action: string) => {
+    transactionStartTime.current = performance.now()
+    pendingAction.current = action
+  }, [])
+
+  /**
+   * Loads content of the selected size into the editor.
+   */
+  const loadContent = useCallback(() => {
+    if (!editor) {
+      return
+    }
+
+    startTiming(`Load ${contentSize} content`)
+
+    editor.commands.command(({ tr }) => {
+      tr.setMeta(DecorationsPluginKey, { type: 'clear' })
+
+      return true
+    })
+
+    editor.commands.setContent(CONTENT_SIZES[contentSize])
+    setCurrentDecorationCount(0)
+  }, [editor, contentSize, startTiming])
+
+  /**
+   * Generates random positions within the document.
+   */
+  const generateRandomPositions = useCallback(
+    (count: number): number[] => {
+      if (!editor) {
+        return []
+      }
+
+      const size = editor.state.doc.content.size
+      const positions: number[] = []
+
+      for (let i = 0; i < count; i += 1) {
+        const pos = Math.floor(Math.random() * (size - 1)) + 1
+
+        positions.push(pos)
+      }
+
+      return positions.sort((a, b) => a - b)
+    },
+    [editor],
+  )
+
+  /**
+   * Adds decorations at random positions in the document.
+   */
+  const addDecorations = useCallback(() => {
+    if (!editor) {
+      return
+    }
+
+    startTiming(`Add ${decorationCount} decorations`)
+    const positions = generateRandomPositions(decorationCount)
+
+    editor.commands.command(({ tr }) => {
+      const metadata: DecorationsMeta = {
+        type: 'set',
+        positions: positions.map(position => editor.utils.createMappablePosition(position)),
+      }
+      tr.setMeta(DecorationsPluginKey, metadata)
+
+      return true
+    })
+
+    setCurrentDecorationCount(decorationCount)
+  }, [editor, decorationCount, generateRandomPositions, startTiming])
+
+  /**
+   * Clears all decorations from the editor.
+   */
+  const clearDecorations = useCallback(() => {
+    if (!editor) {
+      return
+    }
+
+    startTiming('Clear decorations')
+
+    editor.commands.command(({ tr }) => {
+      tr.setMeta(DecorationsPluginKey, { type: 'clear' })
+
+      return true
+    })
+
+    setCurrentDecorationCount(0)
+  }, [editor, startTiming])
+
+  /**
+   * Runs a typing simulation to test position mapping performance.
+   */
+  const runTypingTest = useCallback(() => {
+    if (!editor) {
+      return
+    }
+
+    startTiming(`Insert text (${currentDecorationCount} decorations)`)
+    const testString = 'Testing position mapping performance. '
+    const insertPosition = Math.floor(editor.state.doc.content.size / 2)
+
+    editor.commands.insertContentAt(insertPosition, testString)
+  }, [editor, currentDecorationCount, startTiming])
+
+  /**
+   * Clears the performance log.
+   */
+  const clearLog = useCallback(() => {
+    setPerformanceLog([])
+  }, [])
+
+  useEffect(() => {
+    if (editor && editor.isEmpty) {
+      loadContent()
+    }
+  }, [editor, loadContent])
+
+  useEffect(() => {
+    if (editor) {
+      setDocSize(editor.state.doc.content.size)
+    }
+  }, [editor])
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <label>Content:</label>
+          <select value={contentSize} onChange={e => setContentSize(e.target.value as ContentSize)}>
+            <option value="small">Small (5p)</option>
+            <option value="medium">Medium (25p)</option>
+            <option value="large">Large (100p)</option>
+            <option value="veryLarge">Very Large (500p)</option>
+          </select>
+          <button onClick={loadContent}>Load</button>
+        </div>
+
+        <div className="button-group">
+          <label>Decorations:</label>
+          <select
+            value={decorationCount}
+            onChange={e => setDecorationCount(Number(e.target.value) as DecorationCount)}
+          >
+            {DECORATION_COUNTS.map(count => (
+              <option key={count} value={count}>
+                {count}
+              </option>
+            ))}
+          </select>
+          <button onClick={addDecorations}>Add</button>
+          <button onClick={clearDecorations} disabled={currentDecorationCount === 0}>
+            Clear
+          </button>
+        </div>
+
+        <div className="button-group">
+          <label>Test:</label>
+          <button onClick={runTypingTest}>Insert Text</button>
+        </div>
+
+        <div className="button-group">
+          <span>Doc: {docSize.toLocaleString()} chars</span>
+          <span>Decorations: {currentDecorationCount.toLocaleString()}</span>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+
+      {performanceLog.length > 0 && (
+        <div className="performance-log">
+          <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '8px' }}>
+            <strong>Performance Log:</strong>
+            <button onClick={clearLog} style={{ fontSize: '11px', padding: '2px 8px' }}>
+              Clear
+            </button>
+          </div>
+          {performanceLog.map((entry, index) => (
+            <div key={index} className="performance-log-entry">
+              {new Date(entry.timestamp).toLocaleTimeString()}: {entry.action} -{' '}
+              {entry.duration.toFixed(2)}ms
+            </div>
+          ))}
+        </div>
+      )}
+    </>
+  )
+}
diff --git a/demos/src/Experiments/CollaborationMappingPerformance/React/styles.scss b/demos/src/Experiments/CollaborationMappingPerformance/React/styles.scss
new file mode 100644
index 0000000..0c19ed7
--- /dev/null
+++ b/demos/src/Experiments/CollaborationMappingPerformance/React/styles.scss
@@ -0,0 +1,45 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Placeholder (at the top) */
+  p.is-editor-empty:first-child::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+}
+
+.decoration {
+  background-color: red;
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin: 0 1px;
+  vertical-align: middle;
+}
+
+.performance-log {
+  margin-top: 16px;
+  padding: 12px;
+  background: var(--gray-1);
+  border-radius: 8px;
+  font-family: monospace;
+  font-size: 12px;
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+.performance-log-entry {
+  padding: 4px 0;
+  border-bottom: 1px solid var(--gray-2);
+}
+
+.performance-log-entry:last-child {
+  border-bottom: none;
+}
diff --git a/demos/src/Experiments/Commands/Vue/CommandsList.vue b/demos/src/Experiments/Commands/Vue/CommandsList.vue
new file mode 100644
index 0000000..b38ee2f
--- /dev/null
+++ b/demos/src/Experiments/Commands/Vue/CommandsList.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="dropdown-menu">
+    <template v-if="items.length">
+      <button
+        :class="{ 'is-selected': index === selectedIndex }"
+        v-for="(item, index) in items"
+        :key="index"
+        @click="selectItem(index)"
+      >
+        {{ item.title }}
+      </button>
+    </template>
+    <div class="item" v-else>No result</div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    items: {
+      type: Array,
+      required: true,
+    },
+
+    command: {
+      type: Function,
+      required: true,
+    },
+  },
+
+  data() {
+    return {
+      selectedIndex: 0,
+    }
+  },
+
+  watch: {
+    items() {
+      this.selectedIndex = 0
+    },
+  },
+
+  methods: {
+    onKeyDown({ event }) {
+      if (event.key === 'ArrowUp') {
+        this.upHandler()
+        return true
+      }
+
+      if (event.key === 'ArrowDown') {
+        this.downHandler()
+        return true
+      }
+
+      if (event.key === 'Enter') {
+        this.enterHandler()
+        return true
+      }
+
+      return false
+    },
+
+    upHandler() {
+      this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length
+    },
+
+    downHandler() {
+      this.selectedIndex = (this.selectedIndex + 1) % this.items.length
+    },
+
+    enterHandler() {
+      this.selectItem(this.selectedIndex)
+    },
+
+    selectItem(index) {
+      const item = this.items[index]
+
+      if (item) {
+        this.command(item)
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+/* Dropdown menu */
+.dropdown-menu {
+  background: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  overflow: auto;
+  padding: 0.4rem;
+  position: relative;
+
+  button {
+    align-items: center;
+    background-color: transparent;
+    display: flex;
+    gap: 0.25rem;
+    text-align: left;
+    width: 100%;
+
+    &:hover,
+    &:hover.is-selected {
+      background-color: var(--gray-3);
+    }
+
+    &.is-selected {
+      background-color: var(--gray-2);
+    }
+  }
+}
+</style>
diff --git a/demos/src/Experiments/Commands/Vue/commands.js b/demos/src/Experiments/Commands/Vue/commands.js
new file mode 100644
index 0000000..ea3f57f
--- /dev/null
+++ b/demos/src/Experiments/Commands/Vue/commands.js
@@ -0,0 +1,26 @@
+import { Extension } from '@tiptap/core'
+import Suggestion from '@tiptap/suggestion'
+
+export default Extension.create({
+  name: 'commands',
+
+  addOptions() {
+    return {
+      suggestion: {
+        char: '/',
+        command: ({ editor, range, props }) => {
+          props.command({ editor, range })
+        },
+      },
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      Suggestion({
+        editor: this.editor,
+        ...this.options.suggestion,
+      }),
+    ]
+  },
+})
diff --git a/demos/src/Experiments/Commands/Vue/index.html b/demos/src/Experiments/Commands/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/Commands/Vue/index.vue b/demos/src/Experiments/Commands/Vue/index.vue
new file mode 100644
index 0000000..1a9f918
--- /dev/null
+++ b/demos/src/Experiments/Commands/Vue/index.vue
@@ -0,0 +1,139 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import Commands from './commands.js'
+import suggestion from './suggestion.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit,
+        Commands.configure({
+          suggestion,
+        }),
+      ],
+      content: `
+        <p>Type a slash</p>
+        <p></p>
+        <p></p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Experiments/Commands/Vue/suggestion.js b/demos/src/Experiments/Commands/Vue/suggestion.js
new file mode 100644
index 0000000..c5b98b9
--- /dev/null
+++ b/demos/src/Experiments/Commands/Vue/suggestion.js
@@ -0,0 +1,104 @@
+import { computePosition, flip, shift } from '@floating-ui/dom'
+import { posToDOMRect, VueRenderer } from '@tiptap/vue'
+
+import CommandsList from './CommandsList.vue'
+
+const updatePosition = (editor, element) => {
+  const virtualElement = {
+    getBoundingClientRect: () =>
+      posToDOMRect(editor.view, editor.state.selection.from, editor.state.selection.to),
+  }
+
+  computePosition(virtualElement, element, {
+    placement: 'bottom-start',
+    strategy: 'absolute',
+    middleware: [shift(), flip()],
+  }).then(({ x, y, strategy }) => {
+    element.style.width = 'max-content'
+    element.style.position = strategy
+    element.style.left = `${x}px`
+    element.style.top = `${y}px`
+  })
+}
+
+export default {
+  items: ({ query }) => {
+    return [
+      {
+        title: 'Heading 1',
+        command: ({ editor, range }) => {
+          editor.chain().focus().deleteRange(range).setNode('heading', { level: 1 }).run()
+        },
+      },
+      {
+        title: 'Heading 2',
+        command: ({ editor, range }) => {
+          editor.chain().focus().deleteRange(range).setNode('heading', { level: 2 }).run()
+        },
+      },
+      {
+        title: 'Bold',
+        command: ({ editor, range }) => {
+          editor.chain().focus().deleteRange(range).setMark('bold').run()
+        },
+      },
+      {
+        title: 'Italic',
+        command: ({ editor, range }) => {
+          editor.chain().focus().deleteRange(range).setMark('italic').run()
+        },
+      },
+    ]
+      .filter(item => item.title.toLowerCase().startsWith(query.toLowerCase()))
+      .slice(0, 10)
+  },
+
+  render: () => {
+    let component
+
+    return {
+      onStart: props => {
+        component = new VueRenderer(CommandsList, {
+          props,
+          editor: props.editor,
+        })
+
+        if (!props.clientRect) {
+          return
+        }
+
+        component.element.style.position = 'absolute'
+
+        document.body.appendChild(component.element)
+
+        updatePosition(props.editor, component.element)
+      },
+
+      onUpdate(props) {
+        component.updateProps(props)
+
+        if (!props.clientRect) {
+          return
+        }
+
+        updatePosition(props.editor, component.element)
+      },
+
+      onKeyDown(props) {
+        if (props.event.key === 'Escape') {
+          component.destroy()
+          component.element.remove()
+
+          return true
+        }
+
+        return component.ref?.onKeyDown(props)
+      },
+
+      onExit() {
+        component.destroy()
+        component.element.remove()
+      },
+    }
+  },
+}
diff --git a/demos/src/Experiments/Commands/index.spec.ts b/demos/src/Experiments/Commands/index.spec.ts
new file mode 100644
index 0000000..ab052c1
--- /dev/null
+++ b/demos/src/Experiments/Commands/index.spec.ts
@@ -0,0 +1,61 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Commands'
+const frameworkPaths = ['Vue']
+const demoPath = '/src/Experiments'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      })
+
+      test('opens a popup after typing a slash and inserts the chosen item', async ({ page }) => {
+        const items = [{ tag: 'h1' }, { tag: 'h2' }, { tag: 'strong' }, { tag: 'em' }]
+        const editor = await getEditor(page)
+        const dropdown = page.locator('.dropdown-menu')
+
+        await items.reduce(async (prev, item, i) => {
+          await prev
+          await editor.click()
+          await editor.evaluate((el: any) => el.editor.commands.clearContent())
+          await editor.type('/')
+          await expect(dropdown).toBeVisible()
+          await dropdown.locator('button').nth(i).click()
+          await editor.evaluate(
+            (el: any, text: string) => el.editor.commands.insertContent(text),
+            `I am a ${item.tag}`,
+          )
+          await expect(page.locator(`.tiptap ${item.tag}`)).toHaveText(`I am a ${item.tag}`)
+        }, Promise.resolve())
+      })
+
+      test('closes the popup without any command via esc', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.click()
+        await editor.type('/')
+        await expect(page.locator('.dropdown-menu')).toBeVisible()
+        await page.keyboard.press('Escape')
+        await expect(page.locator('.dropdown-menu')).toHaveCount(0)
+      })
+
+      test('opens the popup when the cursor is after a slash', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.click()
+        await editor.type('/')
+        await expect(page.locator('.dropdown-menu')).toBeVisible()
+        await page.keyboard.press('ArrowLeft')
+        await expect(page.locator('.dropdown-menu')).toHaveCount(0)
+        await page.keyboard.press('ArrowRight')
+        await expect(page.locator('.dropdown-menu')).toBeVisible()
+      })
+    })
+  })
+})
diff --git a/demos/src/Experiments/DestroyingEditor/Vue/index.html b/demos/src/Experiments/DestroyingEditor/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/DestroyingEditor/Vue/index.vue b/demos/src/Experiments/DestroyingEditor/Vue/index.vue
new file mode 100644
index 0000000..a7707f8
--- /dev/null
+++ b/demos/src/Experiments/DestroyingEditor/Vue/index.vue
@@ -0,0 +1,135 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button @click="() => editor.chain().toggleBold().focus().run()">Make bold</button>
+        <button @click="() => editor.destroy()">Destroy editor</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit],
+      content: `
+        <p>Try destroying the editor</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Experiments/Embeds/Vue/iframe.ts b/demos/src/Experiments/Embeds/Vue/iframe.ts
new file mode 100644
index 0000000..3481f0e
--- /dev/null
+++ b/demos/src/Experiments/Embeds/Vue/iframe.ts
@@ -0,0 +1,80 @@
+import { Node } from '@tiptap/core'
+
+export interface IframeOptions {
+  allowFullscreen: boolean
+  HTMLAttributes: {
+    [key: string]: any
+  }
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    iframe: {
+      /**
+       * Add an iframe
+       */
+      setIframe: (options: { src: string }) => ReturnType
+    }
+  }
+}
+
+export default Node.create<IframeOptions>({
+  name: 'iframe',
+
+  group: 'block',
+
+  atom: true,
+
+  addOptions() {
+    return {
+      allowFullscreen: true,
+      HTMLAttributes: {
+        class: 'iframe-wrapper',
+      },
+    }
+  },
+
+  addAttributes() {
+    return {
+      src: {
+        default: null,
+      },
+      frameborder: {
+        default: 0,
+      },
+      allowfullscreen: {
+        default: this.options.allowFullscreen,
+        parseHTML: () => this.options.allowFullscreen,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'iframe',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['div', this.options.HTMLAttributes, ['iframe', HTMLAttributes]]
+  },
+
+  addCommands() {
+    return {
+      setIframe:
+        (options: { src: string }) =>
+        ({ tr, dispatch }) => {
+          const { selection } = tr
+          const node = this.type.create(options)
+
+          if (dispatch) {
+            tr.replaceRangeWith(selection.from, selection.to, node)
+          }
+
+          return true
+        },
+    }
+  },
+})
diff --git a/demos/src/Experiments/Embeds/Vue/index.html b/demos/src/Experiments/Embeds/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/Embeds/Vue/index.vue b/demos/src/Experiments/Embeds/Vue/index.vue
new file mode 100644
index 0000000..6522127
--- /dev/null
+++ b/demos/src/Experiments/Embeds/Vue/index.vue
@@ -0,0 +1,83 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button @click="addIframe">Add iFrame</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import Iframe from './iframe.ts'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, Iframe],
+      content: `
+        <p>Here is an exciting video:</p>
+        <iframe src="https://www.youtube.com/embed/XIMLoLxmTDw" frameborder="0" allowfullscreen></iframe>
+      `,
+    })
+  },
+
+  methods: {
+    addIframe() {
+      const url = window.prompt('URL')
+
+      if (url) {
+        this.editor.chain().focus().setIframe({ src: url }).run()
+      }
+    },
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+@use 'sass:math';
+.tiptap {
+  > * + * {
+    margin-top: 0.75em;
+  }
+}
+
+.iframe-wrapper {
+  position: relative;
+  padding-bottom: math.div(100, 16) * 9%;
+  height: 0;
+  overflow: hidden;
+  width: 100%;
+  height: auto;
+
+  &.ProseMirror-selectednode {
+    outline: 3px solid #68cef8;
+  }
+
+  iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>
diff --git a/demos/src/Experiments/ExtensionStorage/React/CustomExtension.ts b/demos/src/Experiments/ExtensionStorage/React/CustomExtension.ts
new file mode 100644
index 0000000..ee7f910
--- /dev/null
+++ b/demos/src/Experiments/ExtensionStorage/React/CustomExtension.ts
@@ -0,0 +1,19 @@
+import { Extension } from '@tiptap/core'
+
+type CustomStorage = {
+  foo: number
+}
+
+export const CustomExtension = Extension.create<any, CustomStorage>({
+  name: 'custom',
+
+  addStorage() {
+    return {
+      foo: 123,
+    }
+  },
+
+  onUpdate() {
+    this.storage.foo += 1
+  },
+})
diff --git a/demos/src/Experiments/ExtensionStorage/React/index.html b/demos/src/Experiments/ExtensionStorage/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/ExtensionStorage/React/index.jsx b/demos/src/Experiments/ExtensionStorage/React/index.jsx
new file mode 100644
index 0000000..dbb78d7
--- /dev/null
+++ b/demos/src/Experiments/ExtensionStorage/React/index.jsx
@@ -0,0 +1,30 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+import { CustomExtension } from './CustomExtension.ts'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, CustomExtension],
+    content: `
+      <p>
+        This is a radically reduced version of Tiptap. It has support for a document, with paragraphs and text. That’s it. It’s probably too much for real minimalists though.
+      </p>
+      <p>
+        The paragraph extension is not really required, but you need at least one node. Sure, that node can be something different.
+      </p>
+    `,
+  })
+
+  return (
+    <>
+      <EditorContent editor={editor} />
+      <div className="output-group">Reactive storage: {editor?.storage.custom.foo}</div>
+    </>
+  )
+}
diff --git a/demos/src/Experiments/ExtensionStorage/React/styles.scss b/demos/src/Experiments/ExtensionStorage/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Experiments/ExtensionStorage/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Experiments/ExtensionStorage/Vue/CustomExtension.ts b/demos/src/Experiments/ExtensionStorage/Vue/CustomExtension.ts
new file mode 100644
index 0000000..ee7f910
--- /dev/null
+++ b/demos/src/Experiments/ExtensionStorage/Vue/CustomExtension.ts
@@ -0,0 +1,19 @@
+import { Extension } from '@tiptap/core'
+
+type CustomStorage = {
+  foo: number
+}
+
+export const CustomExtension = Extension.create<any, CustomStorage>({
+  name: 'custom',
+
+  addStorage() {
+    return {
+      foo: 123,
+    }
+  },
+
+  onUpdate() {
+    this.storage.foo += 1
+  },
+})
diff --git a/demos/src/Experiments/ExtensionStorage/Vue/index.html b/demos/src/Experiments/ExtensionStorage/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/ExtensionStorage/Vue/index.vue b/demos/src/Experiments/ExtensionStorage/Vue/index.vue
new file mode 100644
index 0000000..53a60ab
--- /dev/null
+++ b/demos/src/Experiments/ExtensionStorage/Vue/index.vue
@@ -0,0 +1,54 @@
+<template>
+  <div class="container">
+    <editor-content :editor="editor" />
+    <div class="output-group">Reactive storage: {{ editor?.storage.custom.foo }}</div>
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import { CustomExtension } from './CustomExtension.ts'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, CustomExtension],
+      content: `
+        <p>
+          This is a radically reduced version of Tiptap. It has support for a document, with paragraphs and text. That’s it. It’s probably too much for real minimalists though.
+        </p>
+        <p>
+          The paragraph extension is not really required, but you need at least one node. Sure, that node can be something different.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Experiments/Figure/Vue/figure.ts b/demos/src/Experiments/Figure/Vue/figure.ts
new file mode 100644
index 0000000..f8c7a6a
--- /dev/null
+++ b/demos/src/Experiments/Figure/Vue/figure.ts
@@ -0,0 +1,199 @@
+import { findChildrenInRange, mergeAttributes, Node, nodeInputRule, Tracker } from '@tiptap/core'
+
+export interface FigureOptions {
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    figure: {
+      /**
+       * Add a figure element
+       */
+      setFigure: (options: {
+        src: string
+        alt?: string
+        title?: string
+        caption?: string
+      }) => ReturnType
+
+      /**
+       * Converts an image to a figure
+       */
+      imageToFigure: () => ReturnType
+
+      /**
+       * Converts a figure to an image
+       */
+      figureToImage: () => ReturnType
+    }
+  }
+}
+
+export const inputRegex = /!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/
+
+export const Figure = Node.create<FigureOptions>({
+  name: 'figure',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  group: 'block',
+
+  content: 'inline*',
+
+  draggable: true,
+
+  isolating: true,
+
+  addAttributes() {
+    return {
+      src: {
+        default: null,
+        parseHTML: element => element.querySelector('img')?.getAttribute('src'),
+      },
+
+      alt: {
+        default: null,
+        parseHTML: element => element.querySelector('img')?.getAttribute('alt'),
+      },
+
+      title: {
+        default: null,
+        parseHTML: element => element.querySelector('img')?.getAttribute('title'),
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'figure',
+        contentElement: 'figcaption',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      'figure',
+      this.options.HTMLAttributes,
+      ['img', mergeAttributes(HTMLAttributes, { draggable: false, contenteditable: false })],
+      ['figcaption', 0],
+    ]
+  },
+
+  addCommands() {
+    return {
+      setFigure:
+        ({ caption, ...attrs }) =>
+        ({ chain }) => {
+          return (
+            chain()
+              .insertContent({
+                type: this.name,
+                attrs,
+                content: caption ? [{ type: 'text', text: caption }] : [],
+              })
+              // set cursor at end of caption field
+              .command(({ tr, commands }) => {
+                const { doc, selection } = tr
+                const position = doc.resolve(selection.to - 2).end()
+
+                return commands.setTextSelection(position)
+              })
+              .run()
+          )
+        },
+
+      imageToFigure:
+        () =>
+        ({ tr, commands }) => {
+          const { doc, selection } = tr
+          const { from, to } = selection
+          const images = findChildrenInRange(doc, { from, to }, node => node.type.name === 'image')
+
+          if (!images.length) {
+            return false
+          }
+
+          const tracker = new Tracker(tr)
+
+          return commands.forEach(images, ({ node, pos }) => {
+            const mapResult = tracker.map(pos)
+
+            if (mapResult.deleted) {
+              return false
+            }
+
+            const range = {
+              from: mapResult.position,
+              to: mapResult.position + node.nodeSize,
+            }
+
+            return commands.insertContentAt(range, {
+              type: this.name,
+              attrs: {
+                src: node.attrs.src,
+              },
+            })
+          })
+        },
+
+      figureToImage:
+        () =>
+        ({ tr, commands }) => {
+          const { doc, selection } = tr
+          const { from, to } = selection
+          const figures = findChildrenInRange(
+            doc,
+            { from, to },
+            node => node.type.name === this.name,
+          )
+
+          if (!figures.length) {
+            return false
+          }
+
+          const tracker = new Tracker(tr)
+
+          return commands.forEach(figures, ({ node, pos }) => {
+            const mapResult = tracker.map(pos)
+
+            if (mapResult.deleted) {
+              return false
+            }
+
+            const range = {
+              from: mapResult.position,
+              to: mapResult.position + node.nodeSize,
+            }
+
+            return commands.insertContentAt(range, {
+              type: 'image',
+              attrs: {
+                src: node.attrs.src,
+              },
+            })
+          })
+        },
+    }
+  },
+
+  addInputRules() {
+    return [
+      nodeInputRule({
+        find: inputRegex,
+        type: this.type,
+        getAttributes: match => {
+          const [, src, alt, title] = match
+
+          return { src, alt, title }
+        },
+      }),
+    ]
+  },
+})
diff --git a/demos/src/Experiments/Figure/Vue/index.html b/demos/src/Experiments/Figure/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/Figure/Vue/index.vue b/demos/src/Experiments/Figure/Vue/index.vue
new file mode 100644
index 0000000..cfb11a9
--- /dev/null
+++ b/demos/src/Experiments/Figure/Vue/index.vue
@@ -0,0 +1,216 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button @click="addFigure">Add image with caption</button>
+        <button
+          @click="editor.chain().focus().imageToFigure().run()"
+          :disabled="!editor.can().imageToFigure()"
+        >
+          Add caption to image
+        </button>
+        <button
+          @click="editor.chain().focus().figureToImage().run()"
+          :disabled="!editor.can().figureToImage()"
+        >
+          Remove caption from image
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+
+    <div class="output-group">
+      <label>HTML</label>
+      <code>{{ editor.getHTML() }}</code>
+    </div>
+  </div>
+</template>
+
+<script>
+import Image from '@tiptap/extension-image'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import { Figure } from './figure.ts'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  methods: {
+    addFigure() {
+      const url = window.prompt('URL')
+      const caption = window.prompt('caption')
+
+      if (url) {
+        this.editor.chain().focus().setFigure({ src: url, caption }).run()
+      }
+    },
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, Figure, Image],
+      content: `
+        <p>Figure + Figcaption</p>
+        <figure>
+          <img src="https://placehold.co/800x400/orange/white" alt="Random photo of something" title="Who’s dat?">
+          <figcaption>
+            <p>Amazing caption</p>
+          </figcaption>
+        </figure>
+        <img src="https://placehold.co/800x400/green/white">
+        <img src="https://placehold.co/800x400/blue/white">
+        <img src="https://placehold.co/800x400/black/white">
+        <p>That’s it.</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+
+  /* Figure */
+  figure {
+    align-items: start;
+    border: 2px solid var(--black);
+    border-radius: 0.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    margin: 1rem 0;
+    padding: 0.5rem;
+    width: fit-content;
+
+    > *:not(figcaption) {
+      margin: 0;
+      max-width: 100%;
+    }
+
+    &:has(figcaption:active) {
+      border-color: var(--purple);
+    }
+
+    figcaption {
+      border-radius: 0.5rem;
+      border: 2px dashed #0d0d0d20;
+      padding: 0.5rem;
+      text-align: center;
+      width: 100%;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Experiments/GenericFigure/Vue/figcaption.ts b/demos/src/Experiments/GenericFigure/Vue/figcaption.ts
new file mode 100644
index 0000000..2638903
--- /dev/null
+++ b/demos/src/Experiments/GenericFigure/Vue/figcaption.ts
@@ -0,0 +1,29 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+
+export const Figcaption = Node.create({
+  name: 'figcaption',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  content: 'inline*',
+
+  selectable: false,
+
+  draggable: false,
+
+  parseHTML() {
+    return [
+      {
+        tag: 'figcaption',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['figcaption', mergeAttributes(HTMLAttributes), 0]
+  },
+})
diff --git a/demos/src/Experiments/GenericFigure/Vue/figure.ts b/demos/src/Experiments/GenericFigure/Vue/figure.ts
new file mode 100644
index 0000000..5972b83
--- /dev/null
+++ b/demos/src/Experiments/GenericFigure/Vue/figure.ts
@@ -0,0 +1,58 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { Plugin } from '@tiptap/pm/state'
+
+export const Figure = Node.create({
+  name: 'figure',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  group: 'block',
+
+  content: 'block figcaption',
+
+  draggable: true,
+
+  isolating: true,
+
+  parseHTML() {
+    return [
+      {
+        tag: `figure[data-type="${this.name}"]`,
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['figure', mergeAttributes(HTMLAttributes, { 'data-type': this.name }), 0]
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        props: {
+          handleDOMEvents: {
+            // prevent dragging nodes out of the figure
+            dragstart: (view, event) => {
+              if (!event.target) {
+                return false
+              }
+
+              const pos = view.posAtDOM(event.target as HTMLElement, 0)
+              const $pos = view.state.doc.resolve(pos)
+
+              if ($pos.parent.type === this.type) {
+                event.preventDefault()
+              }
+
+              return false
+            },
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/demos/src/Experiments/GenericFigure/Vue/index.html b/demos/src/Experiments/GenericFigure/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/GenericFigure/Vue/index.vue b/demos/src/Experiments/GenericFigure/Vue/index.vue
new file mode 100644
index 0000000..a8ce87d
--- /dev/null
+++ b/demos/src/Experiments/GenericFigure/Vue/index.vue
@@ -0,0 +1,425 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button @click="addCapturedTable">Add table with caption</button>
+        <button @click="addCapturedImage">Add image with caption</button>
+        <button @click="removeCapturedTable">Remove table with caption</button>
+        <button @click="removeCapturedImage">Remove image with caption</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Image from '@tiptap/extension-image'
+import { TableKit } from '@tiptap/extension-table'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import { Figcaption } from './figcaption.ts'
+import { Figure } from './figure.ts'
+
+const ImageFigure = Figure.extend({
+  name: 'capturedImage',
+  content: 'figcaption image',
+})
+
+const TableFigure = Figure.extend({
+  name: 'capturedTable',
+  content: 'figcaption table',
+})
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  methods: {
+    addCapturedImage() {
+      this.editor
+        .chain()
+        .focus()
+        .insertContent({
+          type: 'capturedImage',
+          content: [
+            {
+              type: 'figcaption',
+              content: [
+                {
+                  type: 'text',
+                  text: 'Image caption',
+                },
+              ],
+            },
+            {
+              type: 'image',
+              attrs: {
+                src: 'https://placehold.co/800x400/orange/white',
+              },
+            },
+          ],
+        })
+        .run()
+    },
+
+    addCapturedTable() {
+      this.editor
+        .chain()
+        .focus()
+        .insertContent({
+          type: 'capturedTable',
+          content: [
+            {
+              type: 'figcaption',
+              content: [
+                {
+                  type: 'text',
+                  text: 'Table caption',
+                },
+              ],
+            },
+            {
+              type: 'table',
+              content: [
+                {
+                  type: 'tableRow',
+                  content: [
+                    {
+                      type: 'tableCell',
+                      content: [
+                        {
+                          type: 'paragraph',
+                          content: [
+                            {
+                              type: 'text',
+                              text: 'Cell 1',
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                    {
+                      type: 'tableCell',
+                      content: [
+                        {
+                          type: 'paragraph',
+                          content: [
+                            {
+                              type: 'text',
+                              text: 'Cell 2',
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        })
+        .run()
+    },
+
+    removeCapturedTable() {
+      this.editor.chain().focus().deleteNode('capturedTable').run()
+    },
+
+    removeCapturedImage() {
+      this.editor.chain().focus().deleteNode('capturedImage').run()
+    },
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit,
+        TableKit.configure({
+          table: {
+            resizable: true,
+          },
+        }),
+        ImageFigure,
+        TableFigure,
+        Figcaption,
+        Image,
+      ],
+      content: `
+        <p>Some text</p>
+        <figure data-type="capturedImage">
+          <figcaption>
+            Image caption
+          </figcaption>
+          <img src="https://placehold.co/800x400/black/white" alt="Random photo of something" title="Who’s dat?">
+        </figure>
+        <p>Some text</p>
+        <img src="https://placehold.co/800x400">
+        <p>Some text</p>
+        <figure data-type="capturedTable">
+          <figcaption>
+            Table caption
+          </figcaption>
+          <table>
+            <tbody>
+              <tr>
+                <th>Name</th>
+                <th colspan="3">Description</th>
+              </tr>
+              <tr>
+                <td>Cyndi Lauper</td>
+                <td>Singer</td>
+                <td>Songwriter</td>
+                <td>Actress</td>
+              </tr>
+              <tr>
+                <td>Marie Curie</td>
+                <td>Scientist</td>
+                <td>Chemist</td>
+                <td>Physicist</td>
+              </tr>
+              <tr>
+                <td>Indira Gandhi</td>
+                <td>Prime minister</td>
+                <td colspan="2">Politician</td>
+              </tr>
+            </tbody>
+          </table>
+        </figure>
+        <p>Some text</p>
+        <table>
+          <tbody>
+            <tr>
+              <th>Name</th>
+              <th colspan="3">Description</th>
+            </tr>
+            <tr>
+              <td>Cyndi Lauper</td>
+              <td>Singer</td>
+              <td>Songwriter</td>
+              <td>Actress</td>
+            </tr>
+            <tr>
+              <td>Marie Curie</td>
+              <td>Scientist</td>
+              <td>Chemist</td>
+              <td>Physicist</td>
+            </tr>
+            <tr>
+              <td>Indira Gandhi</td>
+              <td>Prime minister</td>
+              <td colspan="2">Politician</td>
+            </tr>
+          </tbody>
+        </table>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+
+  table {
+    border-collapse: collapse;
+    margin: 0;
+    overflow: hidden;
+    table-layout: fixed;
+    width: 100%;
+
+    td,
+    th {
+      border: 1px solid var(--gray-3);
+      box-sizing: border-box;
+      min-width: 1em;
+      padding: 6px 8px;
+      position: relative;
+      vertical-align: top;
+
+      > * {
+        margin-bottom: 0;
+      }
+    }
+
+    th {
+      background-color: var(--gray-1);
+      font-weight: bold;
+      text-align: left;
+    }
+
+    .selectedCell:after {
+      background: var(--gray-2);
+      content: '';
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      pointer-events: none;
+      position: absolute;
+      z-index: 2;
+    }
+
+    .column-resize-handle {
+      background-color: var(--purple);
+      bottom: -2px;
+      pointer-events: none;
+      position: absolute;
+      right: -2px;
+      top: 0;
+      width: 4px;
+    }
+  }
+
+  .tableWrapper {
+    margin: 1.5rem 0;
+    overflow-x: auto;
+  }
+
+  &.resize-cursor {
+    cursor: ew-resize;
+    cursor: col-resize;
+  }
+
+  /* Figure */
+  figure {
+    align-items: start;
+    border: 2px solid var(--black);
+    border-radius: 0.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    margin: 1rem 0;
+    padding: 0.5rem;
+    width: fit-content;
+
+    > *:not(figcaption) {
+      margin: 0;
+      max-width: 100%;
+    }
+
+    &:has(figcaption:active) {
+      border-color: var(--purple);
+    }
+
+    figcaption {
+      border-radius: 0.5rem;
+      border: 2px dashed #0d0d0d20;
+      padding: 0.5rem;
+      text-align: center;
+      width: 100%;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Experiments/GlobalDragHandle/Vue/DragHandle.js b/demos/src/Experiments/GlobalDragHandle/Vue/DragHandle.js
new file mode 100644
index 0000000..2c80f7a
--- /dev/null
+++ b/demos/src/Experiments/GlobalDragHandle/Vue/DragHandle.js
@@ -0,0 +1,172 @@
+import { Extension } from '@tiptap/core'
+import { NodeSelection, Plugin } from '@tiptap/pm/state'
+
+function removeNode(node) {
+  node.parentNode.removeChild(node)
+}
+
+function absoluteRect(node) {
+  const data = node.getBoundingClientRect()
+
+  return {
+    top: data.top,
+    left: data.left,
+    width: data.width,
+  }
+}
+
+export default Extension.create({
+  addProseMirrorPlugins() {
+    function blockPosAtCoords(coords, view) {
+      const pos = view.posAtCoords(coords)
+      let node = view.domAtPos(pos.pos)
+
+      node = node.node
+
+      while (node && node.parentNode) {
+        if (node.parentNode?.classList?.contains('ProseMirror')) {
+          // todo
+          break
+        }
+
+        node = node.parentNode
+      }
+
+      if (node && node.nodeType === 1) {
+        const desc = view.docView.nearestDesc(node, true)
+
+        if (!(!desc || desc === view.docView)) {
+          return desc.posBefore
+        }
+      }
+      return null
+    }
+
+    function dragStart(e, view) {
+      // Must delete this line, Otherwise: Uncaught TypeError: Cannot set property composing of #<EditorView> which has only a getter
+      // view.composing = true
+
+      if (!e.dataTransfer) {
+        return
+      }
+
+      const coords = { left: e.clientX + 50, top: e.clientY }
+      const pos = blockPosAtCoords(coords, view)
+
+      if (pos != null) {
+        view.dispatch(view.state.tr.setSelection(NodeSelection.create(view.state.doc, pos)))
+
+        const slice = view.state.selection.content()
+
+        // console.log({
+        //   from: view.nodeDOM(view.state.selection.from),
+        //   to: view.nodeDOM(view.state.selection.to),
+        // })
+        const { dom, text } = view.serializeForClipboard(slice)
+
+        e.dataTransfer.clearData()
+        e.dataTransfer.setData('text/html', dom.innerHTML)
+        e.dataTransfer.setData('text/plain', text)
+
+        const el = document.querySelector('.ProseMirror-selectednode')
+
+        e.dataTransfer?.setDragImage(el, 0, 0)
+        view.dragging = { slice, move: true }
+      }
+    }
+
+    function dragEnd(e, view) {
+      // reset the dragging, otherwise wrong content after dragging across multi editors repeatedly
+      view.dragging = null
+    }
+
+    let dropElement
+    const WIDTH = 28
+
+    return [
+      new Plugin({
+        view(editorView) {
+          const element = document.createElement('div')
+
+          element.draggable = 'true'
+          element.classList.add('global-drag-handle')
+          element.addEventListener('dragstart', e => dragStart(e, editorView))
+          element.addEventListener('dragend', e => dragEnd(e, editorView))
+          dropElement = element
+          // append to editor's parentNode (not document.body), to match the logic of dragging across multi editors in pasteRule.ts
+          editorView.dom.parentNode.appendChild(dropElement)
+
+          return {
+            // update(view, prevState) {
+            // },
+            destroy() {
+              removeNode(dropElement)
+              dropElement = null
+            },
+          }
+        },
+        props: {
+          handleDrop(view, event, slice, moved) {
+            if (moved) {
+              // setTimeout(() => {
+              //   console.log('remove selection')
+              //   view.dispatch(view.state.tr.deleteSelection())
+              // }, 50)
+            }
+          },
+          // handlePaste() {
+          //   alert(2)
+          // },
+          handleDOMEvents: {
+            // drop(view, event) {
+            //   setTimeout(() => {
+            //     const node = document.querySelector('.ProseMirror-hideselection')
+            //     if (node) {
+            //       node.classList.remove('ProseMirror-hideselection')
+            //     }
+            //   }, 50)
+            // },
+            mousemove(view, event) {
+              const coords = {
+                left: event.clientX + WIDTH + 50,
+                top: event.clientY,
+              }
+              const pos = view.posAtCoords(coords)
+
+              if (pos) {
+                let node = view.domAtPos(pos?.pos)
+
+                if (node) {
+                  node = node.node
+                  while (node && node.parentNode) {
+                    if (node.parentNode?.classList?.contains('ProseMirror')) {
+                      // todo
+                      break
+                    }
+                    node = node.parentNode
+                  }
+
+                  if (node instanceof Element) {
+                    const cstyle = window.getComputedStyle(node)
+                    const lineHeight = parseInt(cstyle.lineHeight, 10)
+                    // const top = parseInt(cstyle.marginTop, 10) + parseInt(cstyle.paddingTop, 10)
+                    const top = 0
+                    const rect = absoluteRect(node)
+                    const win = node.ownerDocument.defaultView
+
+                    rect.top += win.pageYOffset + (lineHeight - 24) / 2 + top
+                    rect.left += win.pageXOffset
+                    rect.width = `${WIDTH}px`
+
+                    dropElement.style.left = `${-WIDTH + rect.left}px`
+                    dropElement.style.top = `${rect.top}px`
+                  }
+                }
+              }
+            },
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/demos/src/Experiments/GlobalDragHandle/Vue/index.html b/demos/src/Experiments/GlobalDragHandle/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/GlobalDragHandle/Vue/index.vue b/demos/src/Experiments/GlobalDragHandle/Vue/index.vue
new file mode 100644
index 0000000..8a96a74
--- /dev/null
+++ b/demos/src/Experiments/GlobalDragHandle/Vue/index.vue
@@ -0,0 +1,132 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import DragHandle from './DragHandle.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, DragHandle],
+      content: `
+        <p>Paragraph 1</p>
+        <p>Paragraph 2</p>
+        <p>Paragraph 3</p>
+        <ul>
+          <li>List item 1</li>
+          <li>List item 2</li>
+        </ul>
+        <pre>Code</pre>
+      `,
+      onUpdate: () => {
+        // oxlint-disable-next-line
+        console.log(this.editor.getHTML())
+      },
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+.global-drag-handle {
+  position: absolute;
+
+  &::after {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1rem;
+    height: 1.25rem;
+    content: '⠿';
+    font-weight: 700;
+    cursor: grab;
+    background: #0d0d0d10;
+    color: #0d0d0d50;
+    border-radius: 0.25rem;
+  }
+}
+</style>
+
+<style lang="scss">
+.tiptap {
+  padding: 0 1rem;
+
+  > * + * {
+    margin-top: 0.75em;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+  }
+
+  code {
+    background-color: rgba(#616161, 0.1);
+    color: #616161;
+  }
+
+  pre {
+    background: #0d0d0d;
+    color: #fff;
+    font-family: 'JetBrainsMono', monospace;
+    padding: 0.75rem 1rem;
+    border-radius: 0.5rem;
+
+    code {
+      color: inherit;
+      padding: 0;
+      background: none;
+      font-size: 0.8rem;
+    }
+  }
+
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  blockquote {
+    padding-left: 1rem;
+    border-left: 2px solid rgba(#0d0d0d, 0.1);
+  }
+
+  hr {
+    border: none;
+    border-top: 2px solid rgba(#0d0d0d, 0.1);
+    margin: 2rem 0;
+  }
+}
+
+.ProseMirror-selectednode {
+  outline: 2px solid #70cff8;
+}
+</style>
diff --git a/demos/src/Experiments/IsolatingClear/React/index.html b/demos/src/Experiments/IsolatingClear/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/IsolatingClear/React/index.jsx b/demos/src/Experiments/IsolatingClear/React/index.jsx
new file mode 100644
index 0000000..6b386a3
--- /dev/null
+++ b/demos/src/Experiments/IsolatingClear/React/index.jsx
@@ -0,0 +1,199 @@
+import './styles.scss'
+
+import { ListItem } from '@tiptap/extension-list'
+import { Color, TextStyle } from '@tiptap/extension-text-style'
+import { EditorContent, Node, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import { content } from '../content.ts'
+
+const WrapperBlock = Node.create({
+  name: 'wrapperBlock',
+
+  group: 'block',
+
+  isolating: true,
+
+  content: 'block*',
+
+  parseHTML() {
+    return [{ tag: 'div[data-wrapper-block]' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['div', { ...HTMLAttributes, 'data-wrapper-block': true }, 0]
+  },
+})
+
+const MenuBar = ({ editor }) => {
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => ({
+      isBold: ctx.editor.isActive('bold') ?? false,
+      canBold: ctx.editor.can().chain().focus().toggleBold().run() ?? false,
+      isItalic: ctx.editor.isActive('italic') ?? false,
+      canItalic: ctx.editor.can().chain().focus().toggleItalic().run() ?? false,
+      isStrike: ctx.editor.isActive('strike') ?? false,
+      canStrike: ctx.editor.can().chain().focus().toggleStrike().run() ?? false,
+      isCode: ctx.editor.isActive('code') ?? false,
+      canCode: ctx.editor.can().chain().focus().toggleCode().run() ?? false,
+      isParagraph: ctx.editor.isActive('paragraph') ?? false,
+      isHeading1: ctx.editor.isActive('heading', { level: 1 }) ?? false,
+      isHeading2: ctx.editor.isActive('heading', { level: 2 }) ?? false,
+      isHeading3: ctx.editor.isActive('heading', { level: 3 }) ?? false,
+      isHeading4: ctx.editor.isActive('heading', { level: 4 }) ?? false,
+      isHeading5: ctx.editor.isActive('heading', { level: 5 }) ?? false,
+      isHeading6: ctx.editor.isActive('heading', { level: 6 }) ?? false,
+      isBulletList: ctx.editor.isActive('bulletList') ?? false,
+      isOrderedList: ctx.editor.isActive('orderedList') ?? false,
+      isCodeBlock: ctx.editor.isActive('codeBlock') ?? false,
+      isBlockquote: ctx.editor.isActive('blockquote') ?? false,
+      canUndo: ctx.editor.can().chain().focus().undo().run() ?? false,
+      canRedo: ctx.editor.can().chain().focus().redo().run() ?? false,
+      isPurple: ctx.editor.isActive('textStyle', { color: '#958DF1' }) ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className="control-group">
+      <div className="button-group">
+        <button
+          onClick={() => editor.chain().focus().toggleBold().run()}
+          disabled={!editorState.canBold}
+          className={editorState.isBold ? 'is-active' : ''}
+        >
+          Bold
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleItalic().run()}
+          disabled={!editorState.canItalic}
+          className={editorState.isItalic ? 'is-active' : ''}
+        >
+          Italic
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleStrike().run()}
+          disabled={!editorState.canStrike}
+          className={editorState.isStrike ? 'is-active' : ''}
+        >
+          Strike
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleCode().run()}
+          disabled={!editorState.canCode}
+          className={editorState.isCode ? 'is-active' : ''}
+        >
+          Code
+        </button>
+        <button onClick={() => editor.chain().focus().unsetAllMarks().run()}>Clear marks</button>
+        <button onClick={() => editor.chain().focus().clearNodes().run()}>Clear nodes</button>
+        <button
+          onClick={() => editor.chain().focus().setParagraph().run()}
+          className={editorState.isParagraph ? 'is-active' : ''}
+        >
+          Paragraph
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+          className={editorState.isHeading1 ? 'is-active' : ''}
+        >
+          H1
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+          className={editorState.isHeading2 ? 'is-active' : ''}
+        >
+          H2
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}
+          className={editorState.isHeading3 ? 'is-active' : ''}
+        >
+          H3
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 4 }).run()}
+          className={editorState.isHeading4 ? 'is-active' : ''}
+        >
+          H4
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 5 }).run()}
+          className={editorState.isHeading5 ? 'is-active' : ''}
+        >
+          H5
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleHeading({ level: 6 }).run()}
+          className={editorState.isHeading6 ? 'is-active' : ''}
+        >
+          H6
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleBulletList().run()}
+          className={editorState.isBulletList ? 'is-active' : ''}
+        >
+          Bullet list
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleOrderedList().run()}
+          className={editorState.isOrderedList ? 'is-active' : ''}
+        >
+          Ordered list
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleCodeBlock().run()}
+          className={editorState.isCodeBlock ? 'is-active' : ''}
+        >
+          Code block
+        </button>
+        <button
+          onClick={() => editor.chain().focus().toggleBlockquote().run()}
+          className={editorState.isBlockquote ? 'is-active' : ''}
+        >
+          Blockquote
+        </button>
+        <button onClick={() => editor.chain().focus().setHorizontalRule().run()}>
+          Horizontal rule
+        </button>
+        <button onClick={() => editor.chain().focus().setHardBreak().run()}>Hard break</button>
+        <button onClick={() => editor.chain().focus().undo().run()} disabled={!editorState.canUndo}>
+          Undo
+        </button>
+        <button onClick={() => editor.chain().focus().redo().run()} disabled={!editorState.canRedo}>
+          Redo
+        </button>
+        <button
+          onClick={() => editor.chain().focus().setColor('#958DF1').run()}
+          className={editorState.isPurple ? 'is-active' : ''}
+        >
+          Purple
+        </button>
+      </div>
+    </div>
+  )
+}
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      WrapperBlock,
+      Color.configure({ types: [TextStyle.name, ListItem.name] }),
+      TextStyle.configure({ types: [ListItem.name] }),
+    ],
+    content,
+  })
+
+  return (
+    <>
+      <MenuBar editor={editor} />
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Experiments/IsolatingClear/React/styles.scss b/demos/src/Experiments/IsolatingClear/React/styles.scss
new file mode 100644
index 0000000..3285141
--- /dev/null
+++ b/demos/src/Experiments/IsolatingClear/React/styles.scss
@@ -0,0 +1,99 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Demo styles */
+  div[data-wrapper-block] {
+    border: 2px solid #000;
+    border-radius: 0.4rem;
+    margin: 1rem 0;
+    padding: 1rem;
+  }
+}
diff --git a/demos/src/Experiments/IsolatingClear/content.ts b/demos/src/Experiments/IsolatingClear/content.ts
new file mode 100644
index 0000000..53e81f8
--- /dev/null
+++ b/demos/src/Experiments/IsolatingClear/content.ts
@@ -0,0 +1,14 @@
+export const content = `
+  <div data-wrapper-block>
+    <p>Change me into a headline.</p>
+  </div>
+  <div data-wrapper-block>
+    <p>Change me into a headline.</p>
+  </div>
+  <div data-wrapper-block>
+    <p>Change me into a headline.</p>
+  </div>
+  <div data-wrapper-block>
+    <p>Change me into a headline.</p>
+  </div>
+`
diff --git a/demos/src/Experiments/IsolatingClear/index.spec.ts b/demos/src/Experiments/IsolatingClear/index.spec.ts
new file mode 100644
index 0000000..6242e5f
--- /dev/null
+++ b/demos/src/Experiments/IsolatingClear/index.spec.ts
@@ -0,0 +1,37 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'IsolatingClear'
+const frameworkPaths = ['React']
+const demoPath = '/src/Experiments'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<h1>Example Text</h1>')
+        const editor = await getEditor(page)
+        await editor.click()
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('applies the paragraph style when the keyboard shortcut is pressed', async ({
+        page,
+      }) => {
+        const editor = await getEditor(page)
+
+        await expect(editor.locator('h1')).toHaveCount(1)
+
+        const isMac = process.platform === 'darwin'
+        await editor.press(isMac ? 'Meta+Alt+0' : 'Control+Alt+0')
+
+        await expect(editor.locator('p').first()).toContainText('Example Text')
+        await expect(editor.locator('h1')).toHaveCount(0)
+      })
+    })
+  })
+})
diff --git a/demos/src/Experiments/Linter/Vue/extension/Linter.ts b/demos/src/Experiments/Linter/Vue/extension/Linter.ts
new file mode 100644
index 0000000..eccf7e5
--- /dev/null
+++ b/demos/src/Experiments/Linter/Vue/extension/Linter.ts
@@ -0,0 +1,111 @@
+import { Extension } from '@tiptap/core'
+import type { Node as ProsemirrorNode } from '@tiptap/pm/model'
+import { Plugin, PluginKey, TextSelection } from '@tiptap/pm/state'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+
+import type { Result as Issue } from './LinterPlugin.js'
+import type LinterPlugin from './LinterPlugin.js'
+
+interface IconDivElement extends HTMLDivElement {
+  issue?: Issue
+}
+
+function renderIcon(issue: Issue) {
+  const icon: IconDivElement = document.createElement('div')
+
+  icon.className = 'lint-icon'
+  icon.title = issue.message
+  icon.issue = issue
+
+  return icon
+}
+
+function runAllLinterPlugins(doc: ProsemirrorNode, plugins: Array<typeof LinterPlugin>) {
+  const decorations: [any?] = []
+
+  const results = plugins
+    .map(RegisteredLinterPlugin => {
+      return new RegisteredLinterPlugin(doc).scan().getResults()
+    })
+    .flat()
+
+  results.forEach(issue => {
+    decorations.push(
+      Decoration.inline(issue.from, issue.to, {
+        class: 'problem',
+      }),
+      Decoration.widget(issue.from, renderIcon(issue)),
+    )
+  })
+
+  return DecorationSet.create(doc, decorations)
+}
+
+export interface LinterOptions {
+  plugins: Array<typeof LinterPlugin>
+}
+
+export const Linter = Extension.create<LinterOptions>({
+  name: 'linter',
+
+  addOptions() {
+    return {
+      plugins: [],
+    }
+  },
+
+  addProseMirrorPlugins() {
+    const { plugins } = this.options
+
+    return [
+      new Plugin({
+        key: new PluginKey('linter'),
+        state: {
+          init(_, { doc }) {
+            return runAllLinterPlugins(doc, plugins)
+          },
+          apply(transaction, oldState) {
+            return transaction.docChanged ? runAllLinterPlugins(transaction.doc, plugins) : oldState
+          },
+        },
+        props: {
+          decorations(state) {
+            return this.getState(state)
+          },
+          handleClick(view, _, event) {
+            const target = event.target as IconDivElement
+
+            if (/lint-icon/.test(target.className) && target.issue) {
+              const { from, to } = target.issue
+
+              view.dispatch(
+                view.state.tr
+                  .setSelection(TextSelection.create(view.state.doc, from, to))
+                  .scrollIntoView(),
+              )
+
+              return true
+            }
+
+            return false
+          },
+          handleDoubleClick(view, _, event) {
+            const target = event.target as IconDivElement
+
+            if (/lint-icon/.test((event.target as HTMLElement).className) && target.issue) {
+              const prob = target.issue
+
+              if (prob.fix) {
+                prob.fix(view, prob)
+                view.focus()
+                return true
+              }
+            }
+
+            return false
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/demos/src/Experiments/Linter/Vue/extension/LinterPlugin.ts b/demos/src/Experiments/Linter/Vue/extension/LinterPlugin.ts
new file mode 100644
index 0000000..bd472d3
--- /dev/null
+++ b/demos/src/Experiments/Linter/Vue/extension/LinterPlugin.ts
@@ -0,0 +1,37 @@
+import type { Node as ProsemirrorNode } from '@tiptap/pm/model'
+
+export interface Result {
+  message: string
+  from: number
+  to: number
+  // oxlint-disable-next-lineno-unsafe-function-type
+  fix?: Function
+}
+
+export default class LinterPlugin {
+  protected doc
+
+  private results: Array<Result> = []
+
+  constructor(doc: ProsemirrorNode) {
+    this.doc = doc
+  }
+
+  // oxlint-disable-next-lineno-unsafe-function-type
+  record(message: string, from: number, to: number, fix?: Function) {
+    this.results.push({
+      message,
+      from,
+      to,
+      fix,
+    })
+  }
+
+  scan() {
+    return this
+  }
+
+  getResults() {
+    return this.results
+  }
+}
diff --git a/demos/src/Experiments/Linter/Vue/extension/index.ts b/demos/src/Experiments/Linter/Vue/extension/index.ts
new file mode 100644
index 0000000..7501498
--- /dev/null
+++ b/demos/src/Experiments/Linter/Vue/extension/index.ts
@@ -0,0 +1,8 @@
+import { Linter } from './Linter.js'
+
+export * from './Linter.js'
+export default Linter
+
+export { BadWords } from './plugins/BadWords.js'
+export { HeadingLevel } from './plugins/HeadingLevel.js'
+export { Punctuation } from './plugins/Punctuation.js'
diff --git a/demos/src/Experiments/Linter/Vue/extension/plugins/BadWords.ts b/demos/src/Experiments/Linter/Vue/extension/plugins/BadWords.ts
new file mode 100644
index 0000000..72c196b
--- /dev/null
+++ b/demos/src/Experiments/Linter/Vue/extension/plugins/BadWords.ts
@@ -0,0 +1,25 @@
+import LinterPlugin from '../LinterPlugin.js'
+
+export class BadWords extends LinterPlugin {
+  public regex = /\b(obviously|clearly|evidently|simply)\b/gi
+
+  scan() {
+    this.doc.descendants((node: any, position: number) => {
+      if (!node.isText) {
+        return
+      }
+
+      const matches = this.regex.exec(node.text)
+
+      if (matches) {
+        this.record(
+          `Try not to say '${matches[0]}'`,
+          position + matches.index,
+          position + matches.index + matches[0].length,
+        )
+      }
+    })
+
+    return this
+  }
+}
diff --git a/demos/src/Experiments/Linter/Vue/extension/plugins/HeadingLevel.ts b/demos/src/Experiments/Linter/Vue/extension/plugins/HeadingLevel.ts
new file mode 100644
index 0000000..c03132a
--- /dev/null
+++ b/demos/src/Experiments/Linter/Vue/extension/plugins/HeadingLevel.ts
@@ -0,0 +1,35 @@
+import type { EditorView } from '@tiptap/pm/view'
+
+import type { Result as Issue } from '../LinterPlugin.js'
+import LinterPlugin from '../LinterPlugin.js'
+
+export class HeadingLevel extends LinterPlugin {
+  fixHeader(level: number) {
+    return function ({ state, dispatch }: EditorView, issue: Issue) {
+      dispatch(state.tr.setNodeMarkup(issue.from - 1, undefined, { level }))
+    }
+  }
+
+  scan() {
+    let lastHeadLevel: number | null = null
+
+    this.doc.descendants((node, position) => {
+      if (node.type.name === 'heading') {
+        // Check whether heading levels fit under the current level
+        const { level } = node.attrs
+
+        if (lastHeadLevel != null && level > lastHeadLevel + 1) {
+          this.record(
+            `Heading too small (${level} under ${lastHeadLevel})`,
+            position + 1,
+            position + 1 + node.content.size,
+            this.fixHeader(lastHeadLevel + 1),
+          )
+        }
+        lastHeadLevel = level
+      }
+    })
+
+    return this
+  }
+}
diff --git a/demos/src/Experiments/Linter/Vue/extension/plugins/Punctuation.ts b/demos/src/Experiments/Linter/Vue/extension/plugins/Punctuation.ts
new file mode 100644
index 0000000..87e1ef1
--- /dev/null
+++ b/demos/src/Experiments/Linter/Vue/extension/plugins/Punctuation.ts
@@ -0,0 +1,39 @@
+import type { EditorView } from '@tiptap/pm/view'
+
+import type { Result as Issue } from '../LinterPlugin.js'
+import LinterPlugin from '../LinterPlugin.js'
+
+export class Punctuation extends LinterPlugin {
+  public regex = / ([,.!?:]) ?/g
+
+  fix(replacement: any) {
+    return function ({ state, dispatch }: EditorView, issue: Issue) {
+      dispatch(state.tr.replaceWith(issue.from, issue.to, state.schema.text(replacement)))
+    }
+  }
+
+  scan() {
+    this.doc.descendants((node, position) => {
+      if (!node.isText) {
+        return
+      }
+
+      if (!node.text) {
+        return
+      }
+
+      const matches = this.regex.exec(node.text)
+
+      if (matches) {
+        this.record(
+          'Suspicious spacing around punctuation',
+          position + matches.index,
+          position + matches.index + matches[0].length,
+          this.fix(`${matches[1]} `),
+        )
+      }
+    })
+
+    return this
+  }
+}
diff --git a/demos/src/Experiments/Linter/Vue/index.html b/demos/src/Experiments/Linter/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/Linter/Vue/index.vue b/demos/src/Experiments/Linter/Vue/index.vue
new file mode 100644
index 0000000..ae38aaa
--- /dev/null
+++ b/demos/src/Experiments/Linter/Vue/index.vue
@@ -0,0 +1,134 @@
+<template>
+  <div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import Linter, { BadWords, HeadingLevel, Punctuation } from './extension/index.ts'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Heading,
+        Text,
+        Linter.configure({
+          plugins: [BadWords, Punctuation, HeadingLevel],
+        }),
+      ],
+      content: `
+        <h1>
+          Lint example
+        </h1>
+        <p>
+          This is a sentence ,but the comma clearly isn't in the right place.
+        </p>
+        <h3>
+          Too-minor header
+        </h3>
+        <p>
+          You can hover over the icons on the right to see what the problem is, click them to select the relevant text, and, obviously, double-click them to automatically fix it (if supported).
+        </ul>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  padding-right: 1.25rem;
+
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  .problem {
+    background: #fdd;
+    border-bottom: 1px solid #f22;
+    margin-bottom: -1px;
+  }
+
+  .lint-icon {
+    background: #f22;
+    border-radius: 100%;
+    color: white;
+    cursor: pointer;
+    display: inline-block;
+    font-family: times, georgia, serif;
+    font-size: 15px;
+    font-weight: bold;
+    height: 1.1em;
+    line-height: 1.1em;
+    padding-left: 0.5px;
+    position: absolute;
+    right: 2px;
+    text-align: center;
+    width: 1.1em;
+  }
+
+  .lint-icon:before {
+    content: '!';
+  }
+}
+</style>
diff --git a/demos/src/Experiments/MultipleEditorStyles/React/index.html b/demos/src/Experiments/MultipleEditorStyles/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/MultipleEditorStyles/React/index.tsx b/demos/src/Experiments/MultipleEditorStyles/React/index.tsx
new file mode 100644
index 0000000..4744ff5
--- /dev/null
+++ b/demos/src/Experiments/MultipleEditorStyles/React/index.tsx
@@ -0,0 +1,48 @@
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import { useState } from 'react'
+
+function EditorComponent({ label }: { label?: string }) {
+  const editor = useEditor({
+    extensions: [StarterKit],
+    content: '<p>Hello World!</p>',
+    editorProps: {
+      attributes: {
+        style: 'padding: 8px',
+      },
+    },
+  })
+
+  return (
+    <div style={{ border: '2px solid #f3f3f3', margin: 24 }}>
+      <div style={{ padding: 4, fontSize: 14, backgroundColor: '#f3f3f3' }}>{label}</div>
+      <EditorContent editor={editor} />
+    </div>
+  )
+}
+
+export default function MultipleEditors() {
+  const [editorA, setEditorA] = useState(false)
+  const [editorB, setEditorB] = useState(false)
+
+  const toolbar = (
+    <div>
+      <button onClick={() => setEditorA(prev => !prev)}>
+        {editorA ? 'Destroy' : 'Create'} Editor A
+      </button>
+      <button onClick={() => setEditorB(prev => !prev)}>
+        {editorB ? 'Destroy' : 'Create'} Editor B
+      </button>
+    </div>
+  )
+
+  return (
+    <div>
+      {toolbar}
+      <div>
+        {editorA && <EditorComponent label="Editor A" />}
+        {editorB && <EditorComponent label="Editor B" />}
+      </div>
+    </div>
+  )
+}
diff --git a/demos/src/Experiments/MultipleEditors/Vue/index.html b/demos/src/Experiments/MultipleEditors/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/MultipleEditors/Vue/index.vue b/demos/src/Experiments/MultipleEditors/Vue/index.vue
new file mode 100644
index 0000000..83f7a25
--- /dev/null
+++ b/demos/src/Experiments/MultipleEditors/Vue/index.vue
@@ -0,0 +1,233 @@
+<template>
+  <div class="container">
+    <div class="multi-editor-group">
+      <div class="form">
+        <label class="label-large">Title</label>
+        <div v-if="title" class="form__item">
+          <editor-content :editor="title" />
+        </div>
+      </div>
+      <div class="form">
+        <label class="label-large">Tasks</label>
+        <div v-if="tasks" class="form__item">
+          <editor-content :editor="tasks" />
+        </div>
+      </div>
+      <div class="form">
+        <label class="label-large">Description</label>
+        <div v-if="description" class="form__item">
+          <editor-content :editor="description" />
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="output-group">
+    <label>JSON</label>
+    <code>{{ json }}</code>
+  </div>
+</template>
+
+<script>
+import Bold from '@tiptap/extension-bold'
+import Collaboration from '@tiptap/extension-collaboration'
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import { TaskItem, TaskList } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { yDocToProsemirrorJSON } from '@tiptap/y-tiptap'
+import * as Y from 'yjs'
+
+const HeadingDocument = Document.extend({
+  content: 'heading',
+})
+
+const TaskListDocument = Document.extend({
+  content: 'taskList',
+})
+
+const CustomTaskItem = TaskItem.extend({
+  content: 'text*',
+})
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      title: null,
+      tasks: null,
+      description: null,
+      ydoc: new Y.Doc(),
+    }
+  },
+
+  mounted() {
+    this.title = new Editor({
+      extensions: [
+        HeadingDocument,
+        Heading.configure({
+          levels: [2],
+        }),
+        Text,
+        Bold,
+        Dropcursor,
+        Collaboration.configure({
+          document: this.ydoc,
+          field: 'title',
+        }),
+      ],
+      content: '<h2>No matter what you do, this will be a single heading.</h2>',
+    })
+
+    this.tasks = new Editor({
+      extensions: [
+        TaskListDocument,
+        Paragraph,
+        Text,
+        Bold,
+        Dropcursor,
+        TaskList,
+        CustomTaskItem,
+        Collaboration.configure({
+          document: this.ydoc,
+          field: 'tasks',
+        }),
+      ],
+      content: `
+        <ul data-type="taskList">
+          <li data-type="taskItem" data-checked="true">And this</li>
+          <li data-type="taskItem" data-checked="false">is a task list</li>
+          <li data-type="taskItem" data-checked="false">and only a task list.</li>
+        </ul>
+      `,
+    })
+
+    this.description = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Bold,
+        Dropcursor,
+        Collaboration.configure({
+          document: this.ydoc,
+          field: 'description',
+        }),
+      ],
+      content: `
+        <p>
+          <strong>Lengthy text</strong>
+        </p>
+        <p>
+          This can be lengthy text.
+        </p>
+      `,
+    })
+  },
+
+  computed: {
+    json() {
+      return {
+        title: yDocToProsemirrorJSON(this.ydoc, 'title'),
+        tasks: yDocToProsemirrorJSON(this.ydoc, 'tasks'),
+        description: yDocToProsemirrorJSON(this.ydoc, 'description'),
+      }
+    },
+  },
+
+  beforeUnmount() {
+    this.title.destroy()
+    this.tasks.destroy()
+    this.description.destroy()
+    this.provider.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Heading style */
+  h2 {
+    font-size: 1.2rem;
+    margin-bottom: 1.5rem;
+    margin-top: 3.5rem;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Task list specific styles */
+  ul[data-type='taskList'] {
+    list-style: none;
+    margin-left: 0;
+    padding: 0;
+
+    li {
+      align-items: flex-start;
+      display: flex;
+
+      > label {
+        flex: 0 0 auto;
+        margin-right: 0.5rem;
+        user-select: none;
+      }
+
+      > div {
+        flex: 1 1 auto;
+      }
+    }
+
+    input[type='checkbox'] {
+      cursor: pointer;
+    }
+
+    ul[data-type='taskList'] {
+      margin: 0;
+    }
+  }
+}
+
+/* Multi editor form group */
+.multi-editor-group {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  margin: 1.5rem;
+
+  .form {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+
+    .form__item {
+      border-radius: 5px;
+      border: 1px solid var(--gray-3);
+      transition: 0.1s all ease-in-out;
+
+      &:hover {
+        border-color: var(--purple);
+      }
+    }
+  }
+}
+</style>
diff --git a/demos/src/Experiments/MultipleEditors/index.spec.ts b/demos/src/Experiments/MultipleEditors/index.spec.ts
new file mode 100644
index 0000000..98e14b9
--- /dev/null
+++ b/demos/src/Experiments/MultipleEditors/index.spec.ts
@@ -0,0 +1,21 @@
+import { expect, test } from '@playwright/test'
+
+const demoName = 'MultipleEditors'
+const frameworkPaths = ['Vue']
+const demoPath = '/src/Experiments'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('loads multiple editors', async ({ page }) => {
+        await expect(page.locator('.tiptap').first()).toBeVisible()
+      })
+    })
+  })
+})
diff --git a/demos/src/Experiments/OnDelete/React/index.html b/demos/src/Experiments/OnDelete/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/OnDelete/React/index.tsx b/demos/src/Experiments/OnDelete/React/index.tsx
new file mode 100644
index 0000000..94ccf13
--- /dev/null
+++ b/demos/src/Experiments/OnDelete/React/index.tsx
@@ -0,0 +1,34 @@
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+export default () => {
+  const [mostRecentDeletion, setMostRecentDeletion] = React.useState<string | null>(null)
+  const editor = useEditor({
+    extensions: [StarterKit],
+    content: `
+      <p>
+        Try to delete this text.
+      </p>
+      `,
+    onDelete({ node, transaction, newPos }) {
+      const newNode = transaction.doc.nodeAt(newPos)
+      setMostRecentDeletion(`${node.toString()} -> ${newNode?.toString()}`)
+    },
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="hint">Most recent deletion: {mostRecentDeletion}</div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Experiments/OnDelete/React/styles.scss b/demos/src/Experiments/OnDelete/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Experiments/OnDelete/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Experiments/OnUpdateRerender/React/index.html b/demos/src/Experiments/OnUpdateRerender/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/OnUpdateRerender/React/index.jsx b/demos/src/Experiments/OnUpdateRerender/React/index.jsx
new file mode 100644
index 0000000..069b155
--- /dev/null
+++ b/demos/src/Experiments/OnUpdateRerender/React/index.jsx
@@ -0,0 +1,43 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+const TiptapComponent = ({ onUpdate }) => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text],
+    content: `
+      <p>
+        This is a radically reduced version of Tiptap. It has support for a document, with paragraphs and text. That’s it. It’s probably too much for real minimalists though.
+      </p>
+      <p>
+        The paragraph extension is not really required, but you need at least one node. Sure, that node can be something different.
+      </p>
+    `,
+    onUpdate,
+  })
+
+  return <EditorContent editor={editor} />
+}
+
+export default () => {
+  const [index, setIndex] = React.useState(0)
+
+  const handleUpdate = ({ editor: currentEditor }) => {
+    console.log(index, 'onUpdate', currentEditor.getHTML()) // oxlint-disable-line no-console
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button onClick={() => setIndex(index + 1)}>INC</button> = {index}
+        </div>
+      </div>
+      <TiptapComponent onUpdate={handleUpdate} />
+    </>
+  )
+}
diff --git a/demos/src/Experiments/OnUpdateRerender/React/styles.scss b/demos/src/Experiments/OnUpdateRerender/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Experiments/OnUpdateRerender/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Experiments/OnUpdateRerender/Vue/TiptapComponent.vue b/demos/src/Experiments/OnUpdateRerender/Vue/TiptapComponent.vue
new file mode 100644
index 0000000..256ea7a
--- /dev/null
+++ b/demos/src/Experiments/OnUpdateRerender/Vue/TiptapComponent.vue
@@ -0,0 +1,50 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  props: {
+    count: {
+      type: Number,
+      required: true,
+    },
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit],
+      content: `
+        <p>
+          This is a radically reduced version of Tiptap. It has support for a document, with paragraphs and text. That’s it. It’s probably too much for real minimalists though.
+        </p>
+        <p>
+          The paragraph extension is not really required, but you need at least one node. Sure, that node can be something different.
+        </p>
+      `,
+      onUpdate: ({ editor: currentEditor }) => {
+        console.log(this.count, 'onUpdate', currentEditor.getHTML()) // oxlint-disable-line no-console
+      },
+    })
+  },
+
+  unmounted() {
+    this.editor.destroy()
+  },
+}
+</script>
diff --git a/demos/src/Experiments/OnUpdateRerender/Vue/index.html b/demos/src/Experiments/OnUpdateRerender/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Experiments/OnUpdateRerender/Vue/index.vue b/demos/src/Experiments/OnUpdateRerender/Vue/index.vue
new file mode 100644
index 0000000..bc33fc8
--- /dev/null
+++ b/demos/src/Experiments/OnUpdateRerender/Vue/index.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="container">
+    <div class="control-group">
+      <div class="button-group"><button @click="countUp">INC</button> = {{ count }}</div>
+    </div>
+    <TiptapComponent :count="count" />
+  </div>
+</template>
+
+<script>
+import TiptapComponent from './TiptapComponent.vue'
+
+export default {
+  components: {
+    TiptapComponent,
+  },
+
+  data() {
+    return {
+      count: 0,
+    }
+  },
+
+  methods: {
+    countUp() {
+      this.count += 1
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Experiments/Tailwind/JS/index.html b/demos/src/Experiments/Tailwind/JS/index.html
new file mode 100644
index 0000000..e6f1f23
--- /dev/null
+++ b/demos/src/Experiments/Tailwind/JS/index.html
@@ -0,0 +1,51 @@
+<!-- load tailwind -->
+<script src="https://cdn.tailwindcss.com?plugins=typography"></script>
+
+<!-- provide element -->
+<div class="element"></div>
+
+<!-- create editor -->
+<script type="module">
+  import { Editor } from '@tiptap/core'
+  import StarterKit from '@tiptap/starter-kit'
+
+  const editor = new Editor({
+    element: document.querySelector('.element'),
+    extensions: [StarterKit],
+    editorProps: {
+      attributes: {
+        class: 'prose prose-sm sm:prose-base lg:prose-lg xl:prose-2xl m-5 focus:outline-none',
+      },
+    },
+    content: `
+    <h2>
+      Hi there,
+    </h2>
+    <p>
+      this is a basic <em>basic</em> example of <strong>Tiptap</strong>. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:
+    </p>
+    <ul>
+      <li>
+        That’s a bullet list with one …
+      </li>
+      <li>
+        … or two list items.
+      </li>
+    </ul>
+    <p>
+      Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:
+    </p>
+<pre><code class="language-css">body {
+  display: none;
+}</code></pre>
+    <p>
+      I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.
+    </p>
+    <blockquote>
+      Wow, that’s amazing. Good work, boy! 👏
+      <br />
+      — Mom
+    </blockquote>
+  `,
+  })
+</script>
diff --git a/demos/src/Extensions/BackgroundColor/React/index.html b/demos/src/Extensions/BackgroundColor/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/BackgroundColor/React/index.tsx b/demos/src/Extensions/BackgroundColor/React/index.tsx
new file mode 100644
index 0000000..1ae40f1
--- /dev/null
+++ b/demos/src/Extensions/BackgroundColor/React/index.tsx
@@ -0,0 +1,112 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { BackgroundColor, TextStyle } from '@tiptap/extension-text-style'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, TextStyle, BackgroundColor],
+    content: `
+        <p><span style="background-color: #958DF1">Oh, for some reason that’s purple.</span></p>
+        <p><span style="background-color: rgba(149, 141, 241, 0.5)">Oh, for some reason that’s purple but with rgba.</span></p>
+      `,
+  })
+
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => {
+      return {
+        color: ctx.editor.getAttributes('textStyle').backgroundColor,
+        isPurple: ctx.editor.isActive('textStyle', { backgroundColor: '#958DF1' }),
+        isRed: ctx.editor.isActive('textStyle', { backgroundColor: '#F98181' }),
+        isOrange: ctx.editor.isActive('textStyle', { backgroundColor: '#FBBC88' }),
+        isYellow: ctx.editor.isActive('textStyle', { backgroundColor: '#FAF594' }),
+        isBlue: ctx.editor.isActive('textStyle', { backgroundColor: '#70CFF8' }),
+        isTeal: ctx.editor.isActive('textStyle', { backgroundColor: '#94FADB' }),
+        isGreen: ctx.editor.isActive('textStyle', { backgroundColor: '#B9F18D' }),
+      }
+    },
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <input
+            type="color"
+            onInput={event =>
+              editor.chain().focus().setBackgroundColor(event.currentTarget.value).run()
+            }
+            value={editorState.color}
+            data-testid="setBackgroundColor"
+          />
+          <button
+            onClick={() => editor.chain().focus().setBackgroundColor('#958DF1').run()}
+            className={editorState.isPurple ? 'is-active' : ''}
+            data-testid="setPurple"
+          >
+            Purple
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setBackgroundColor('#F98181').run()}
+            className={editorState.isRed ? 'is-active' : ''}
+            data-testid="setRed"
+          >
+            Red
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setBackgroundColor('#FBBC88').run()}
+            className={editorState.isOrange ? 'is-active' : ''}
+            data-testid="setOrange"
+          >
+            Orange
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setBackgroundColor('#FAF594').run()}
+            className={editorState.isYellow ? 'is-active' : ''}
+            data-testid="setYellow"
+          >
+            Yellow
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setBackgroundColor('#70CFF8').run()}
+            className={editorState.isBlue ? 'is-active' : ''}
+            data-testid="setBlue"
+          >
+            Blue
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setBackgroundColor('#94FADB').run()}
+            className={editorState.isTeal ? 'is-active' : ''}
+            data-testid="setTeal"
+          >
+            Teal
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setBackgroundColor('#B9F18D').run()}
+            className={editorState.isGreen ? 'is-active' : ''}
+            data-testid="setGreen"
+          >
+            Green
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetBackgroundColor().run()}
+            data-testid="unsetBackgroundColor"
+          >
+            Unset color
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/BackgroundColor/React/styles.scss b/demos/src/Extensions/BackgroundColor/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Extensions/BackgroundColor/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Extensions/BackgroundColor/Vue/index.html b/demos/src/Extensions/BackgroundColor/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/BackgroundColor/Vue/index.vue b/demos/src/Extensions/BackgroundColor/Vue/index.vue
new file mode 100644
index 0000000..0532980
--- /dev/null
+++ b/demos/src/Extensions/BackgroundColor/Vue/index.vue
@@ -0,0 +1,113 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <input
+          type="color"
+          @input="editor.chain().focus().setBackgroundColor($event.target.value).run()"
+          :value="editor.getAttributes('textStyle').backgroundColor"
+          data-testid="setBackgroundColor"
+        />
+        <button
+          @click="editor.chain().focus().setBackgroundColor('#958DF1').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { backgroundColor: '#958DF1' }) }"
+          data-testid="setPurple"
+        >
+          Purple
+        </button>
+        <button
+          @click="editor.chain().focus().setBackgroundColor('#F98181').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { backgroundColor: '#F98181' }) }"
+          data-testid="setRed"
+        >
+          Red
+        </button>
+        <button
+          @click="editor.chain().focus().setBackgroundColor('#FBBC88').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { backgroundColor: '#FBBC88' }) }"
+          data-testid="setOrange"
+        >
+          Orange
+        </button>
+        <button
+          @click="editor.chain().focus().setBackgroundColor('#FAF594').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { backgroundColor: '#FAF594' }) }"
+          data-testid="setYellow"
+        >
+          Yellow
+        </button>
+        <button
+          @click="editor.chain().focus().setBackgroundColor('#70CFF8').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { backgroundColor: '#70CFF8' }) }"
+          data-testid="setBlue"
+        >
+          Blue
+        </button>
+        <button
+          @click="editor.chain().focus().setBackgroundColor('#94FADB').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { backgroundColor: '#94FADB' }) }"
+          data-testid="setTeal"
+        >
+          Teal
+        </button>
+        <button
+          @click="editor.chain().focus().setBackgroundColor('#B9F18D').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { backgroundColor: '#B9F18D' }) }"
+          data-testid="setGreen"
+        >
+          Green
+        </button>
+        <button
+          @click="editor.chain().focus().unsetBackgroundColor().run()"
+          data-testid="unsetBackgroundColor"
+        >
+          Unset color
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { BackgroundColor, TextStyle } from '@tiptap/extension-text-style'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, TextStyle, BackgroundColor],
+      content: `
+        <p><span style="background-color: #958DF1">Oh, for some reason that’s purple.</span></p>
+        <p><span style="background-color: rgba(149, 141, 241, 0.5)">Oh, for some reason that’s purple but with rgba.</span></p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/BubbleMenu/React/index.html b/demos/src/Extensions/BubbleMenu/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/BubbleMenu/React/index.jsx b/demos/src/Extensions/BubbleMenu/React/index.jsx
new file mode 100644
index 0000000..d1447e8
--- /dev/null
+++ b/demos/src/Extensions/BubbleMenu/React/index.jsx
@@ -0,0 +1,139 @@
+import './styles.scss'
+
+import {
+  EditorContent,
+  findParentNode,
+  posToDOMRect,
+  useEditor,
+  useEditorState,
+} from '@tiptap/react'
+import { BubbleMenu } from '@tiptap/react/menus'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useEffect } from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit],
+    content: `
+      <p>
+        Hey, try to select some text here. There will popup a menu for selecting some inline styles. Remember: you have full control about content and styling of this menu.
+      </p>
+      <ul>
+        <li>Select any item to display a global menu</li>
+        <li>Item 1</li>
+        <li>Item 2</li>
+        <li>Item 3</li>
+        <li>Item 4</li>
+      </ul>
+    `,
+  })
+
+  const [showMenu, setShowMenu] = React.useState(true)
+  const [isEditable, setIsEditable] = React.useState(true)
+
+  useEffect(() => {
+    if (editor) {
+      editor.setEditable(isEditable)
+    }
+  }, [isEditable, editor])
+
+  const { isBold, isItalic, isStrikethrough } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isBold: ctx.editor.isActive('bold') ?? false,
+      isItalic: ctx.editor.isActive('italic') ?? false,
+      isStrikethrough: ctx.editor.isActive('strike') ?? false,
+    }),
+  })
+
+  return (
+    <>
+      <button
+        type="button"
+        onClick={() => {
+          setShowMenu(old => !old)
+          editor.commands.focus()
+        }}
+      >
+        Toggle menu
+      </button>
+      <div className="control-group">
+        <label>
+          <input type="checkbox" checked={isEditable} onChange={() => setIsEditable(!isEditable)} />
+          Editable
+        </label>
+      </div>
+
+      {editor && showMenu && (
+        <>
+          <BubbleMenu editor={editor} options={{ placement: 'bottom', offset: 8, flip: true }}>
+            <div className="bubble-menu">
+              <button
+                onClick={() => editor.chain().focus().toggleBold().run()}
+                className={isBold ? 'is-active' : ''}
+                type="button"
+              >
+                Bold
+              </button>
+              <button
+                onClick={() => editor.chain().focus().toggleItalic().run()}
+                className={isItalic ? 'is-active' : ''}
+                type="button"
+              >
+                Italic
+              </button>
+              <button
+                onClick={() => editor.chain().focus().toggleStrike().run()}
+                className={isStrikethrough ? 'is-active' : ''}
+                type="button"
+              >
+                Strike
+              </button>
+            </div>
+          </BubbleMenu>
+
+          <BubbleMenu
+            editor={editor}
+            shouldShow={() => editor.isActive('bulletList') || editor.isActive('orderedList')}
+            getReferencedVirtualElement={() => {
+              const parentNode = findParentNode(
+                node => node.type.name === 'bulletList' || node.type.name === 'orderedList',
+              )(editor.state.selection)
+              if (parentNode) {
+                const domRect = posToDOMRect(
+                  editor.view,
+                  parentNode.start,
+                  parentNode.start + parentNode.node.nodeSize,
+                )
+                return {
+                  getBoundingClientRect: () => domRect,
+                  getClientRects: () => [domRect],
+                }
+              }
+              return null
+            }}
+            options={{ placement: 'top-start', offset: 8 }}
+          >
+            <div className="bubble-menu">
+              <button
+                onClick={() => {
+                  const chain = editor.chain().focus()
+                  if (editor.isActive('bulletList')) {
+                    chain.toggleOrderedList()
+                  } else {
+                    chain.toggleBulletList()
+                  }
+                  chain.run()
+                }}
+                type="button"
+              >
+                Toggle list type
+              </button>
+            </div>
+          </BubbleMenu>
+        </>
+      )}
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/BubbleMenu/React/styles.scss b/demos/src/Extensions/BubbleMenu/React/styles.scss
new file mode 100644
index 0000000..823554d
--- /dev/null
+++ b/demos/src/Extensions/BubbleMenu/React/styles.scss
@@ -0,0 +1,117 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+
+/* Bubble menu */
+.bubble-menu {
+  background-color: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  padding: 0.2rem;
+
+  button {
+    background-color: unset;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--purple);
+
+      &:hover {
+        background-color: var(--purple-contrast);
+      }
+    }
+  }
+}
diff --git a/demos/src/Extensions/BubbleMenu/Vue/index.html b/demos/src/Extensions/BubbleMenu/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/BubbleMenu/Vue/index.vue b/demos/src/Extensions/BubbleMenu/Vue/index.vue
new file mode 100644
index 0000000..0f618e6
--- /dev/null
+++ b/demos/src/Extensions/BubbleMenu/Vue/index.vue
@@ -0,0 +1,263 @@
+<template>
+  <div class="container">
+    <button
+      type="button"
+      @click="
+        () => {
+          showMenu = !showMenu
+          editor && editor.commands.focus()
+        }
+      "
+    >
+      Toggle menu
+    </button>
+    <div class="control-group">
+      <label>
+        <input type="checkbox" :checked="isEditable" @change="() => (isEditable = !isEditable)" />
+        Editable
+      </label>
+    </div>
+
+    <bubble-menu
+      v-if="editor && showMenu"
+      :editor="editor"
+      :options="{ placement: 'bottom', offset: 8 }"
+    >
+      <div class="bubble-menu">
+        <button
+          @click="editor.chain().focus().toggleBold().run()"
+          :class="{ 'is-active': editor.isActive('bold') }"
+        >
+          Bold
+        </button>
+        <button
+          @click="editor.chain().focus().toggleItalic().run()"
+          :class="{ 'is-active': editor.isActive('italic') }"
+        >
+          Italic
+        </button>
+        <button
+          @click="editor.chain().focus().toggleStrike().run()"
+          :class="{ 'is-active': editor.isActive('strike') }"
+        >
+          Strike
+        </button>
+      </div>
+    </bubble-menu>
+
+    <bubble-menu
+      v-if="editor && showMenu"
+      :editor="editor"
+      :should-show="() => editor.isActive('bulletList') || editor.isActive('orderedList')"
+      :get-referenced-virtual-element="getListVirtualElement"
+      :options="{ placement: 'top-start', offset: 8 }"
+    >
+      <div class="bubble-menu">
+        <button type="button" @click="toggleListType">Toggle list type</button>
+      </div>
+    </bubble-menu>
+
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import { findParentNode, posToDOMRect } from '@tiptap/core'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { BubbleMenu } from '@tiptap/vue/menus'
+
+export default {
+  components: {
+    EditorContent,
+    BubbleMenu,
+  },
+
+  data() {
+    return {
+      editor: null,
+      isEditable: true,
+      showMenu: true,
+    }
+  },
+
+  watch: {
+    isEditable(value) {
+      this.editor.setEditable(value)
+    },
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit],
+      content: `
+        <p>
+          Hey, try to select some text here. There will popup a menu for selecting some inline styles. Remember: you have full control about content and styling of this menu.
+        </p>
+        <ul>
+          <li>Select any item to display a global menu</li>
+          <li>Item 1</li>
+          <li>Item 2</li>
+          <li>Item 3</li>
+          <li>Item 4</li>
+        </ul>
+      `,
+    })
+  },
+
+  methods: {
+    getListVirtualElement() {
+      const editor = this.editor
+      const parentNode = findParentNode(
+        node => node.type.name === 'bulletList' || node.type.name === 'orderedList',
+      )(editor.state.selection)
+      if (parentNode) {
+        const domRect = posToDOMRect(
+          editor.view,
+          parentNode.start,
+          parentNode.start + parentNode.node.nodeSize,
+        )
+        return {
+          getBoundingClientRect: () => domRect,
+          getClientRects: () => [domRect],
+        }
+      }
+      return null
+    },
+    toggleListType() {
+      const editor = this.editor
+      const chain = editor.chain().focus()
+      if (editor.isActive('bulletList')) {
+        chain.toggleOrderedList()
+      } else {
+        chain.toggleBulletList()
+      }
+      chain.run()
+    },
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+
+/* Bubble menu */
+.bubble-menu {
+  background-color: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  padding: 0.2rem;
+
+  button {
+    background-color: unset;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--purple);
+
+      &:hover {
+        background-color: var(--purple-contrast);
+      }
+    }
+  }
+}
+</style>
diff --git a/demos/src/Extensions/CharacterCount/React/index.html b/demos/src/Extensions/CharacterCount/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/CharacterCount/React/index.jsx b/demos/src/Extensions/CharacterCount/React/index.jsx
new file mode 100644
index 0000000..4741c22
--- /dev/null
+++ b/demos/src/Extensions/CharacterCount/React/index.jsx
@@ -0,0 +1,69 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { CharacterCount } from '@tiptap/extensions'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+
+const limit = 280
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      CharacterCount.configure({
+        limit,
+      }),
+    ],
+    content: `
+        <p>
+          Let‘s make sure people can’t write more than 280 characters. I bet you could build one of the biggest social networks on that idea.
+        </p>
+      `,
+  })
+
+  const { charactersCount, wordsCount } = useEditorState({
+    editor,
+    selector: context => ({
+      charactersCount: context.editor.storage.characterCount.characters(),
+      wordsCount: context.editor.storage.characterCount.words(),
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  const percentage = editor ? Math.round((100 / limit) * charactersCount) : 0
+
+  return (
+    <>
+      <EditorContent editor={editor} />
+
+      <div
+        className={`character-count ${charactersCount === limit ? 'character-count--warning' : ''}`}
+      >
+        <svg height="20" width="20" viewBox="0 0 20 20">
+          <circle r="10" cx="10" cy="10" fill="#e9ecef" />
+          <circle
+            r="5"
+            cx="10"
+            cy="10"
+            fill="transparent"
+            stroke="currentColor"
+            strokeWidth="10"
+            strokeDasharray={`calc(${percentage} * 31.4 / 100) 31.4`}
+            transform="rotate(-90) translate(-20)"
+          />
+          <circle r="6" cx="10" cy="10" fill="white" />
+        </svg>
+        {charactersCount} / {limit} characters
+        <br />
+        {wordsCount} words
+      </div>
+    </>
+  )
+}
diff --git a/demos/src/Extensions/CharacterCount/React/styles.scss b/demos/src/Extensions/CharacterCount/React/styles.scss
new file mode 100644
index 0000000..dd40f64
--- /dev/null
+++ b/demos/src/Extensions/CharacterCount/React/styles.scss
@@ -0,0 +1,25 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+
+/* Character count */
+.character-count {
+  align-items: center;
+  color: var(--gray-5);
+  display: flex;
+  font-size: 0.75rem;
+  gap: 0.5rem;
+  margin: 1.5rem;
+
+  svg {
+    color: var(--purple);
+  }
+
+  &--warning,
+  &--warning svg {
+    color: var(--red);
+  }
+}
diff --git a/demos/src/Extensions/CharacterCount/Vue/index.html b/demos/src/Extensions/CharacterCount/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/CharacterCount/Vue/index.vue b/demos/src/Extensions/CharacterCount/Vue/index.vue
new file mode 100644
index 0000000..53ca868
--- /dev/null
+++ b/demos/src/Extensions/CharacterCount/Vue/index.vue
@@ -0,0 +1,108 @@
+<template>
+  <div class="container" v-if="editor">
+    <editor-content :editor="editor" />
+
+    <div
+      :class="{
+        'character-count': true,
+        'character-count--warning': editor.storage.characterCount.characters() === limit,
+      }"
+    >
+      <svg height="20" width="20" viewBox="0 0 20 20">
+        <circle r="10" cx="10" cy="10" fill="#e9ecef" />
+        <circle
+          r="5"
+          cx="10"
+          cy="10"
+          fill="transparent"
+          stroke="currentColor"
+          stroke-width="10"
+          :stroke-dasharray="`calc(${percentage} * 31.4 / 100) 31.4`"
+          transform="rotate(-90) translate(-20)"
+        />
+        <circle r="6" cx="10" cy="10" fill="white" />
+      </svg>
+
+      {{ editor.storage.characterCount.characters() }} / {{ limit }} characters
+      <br />
+      {{ editor.storage.characterCount.words() }} words
+    </div>
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { CharacterCount } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      limit: 280,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        CharacterCount.configure({
+          limit: this.limit,
+        }),
+      ],
+      content: `
+        <p>
+          Let‘s make sure people can’t write more than 280 characters. I bet you could build one of the biggest social networks on that idea.
+        </p>
+      `,
+    })
+  },
+
+  computed: {
+    percentage() {
+      return Math.round((100 / this.limit) * this.editor.storage.characterCount.characters())
+    },
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+
+/* Character count */
+.character-count {
+  align-items: center;
+  color: var(--gray-5);
+  display: flex;
+  font-size: 0.75rem;
+  gap: 0.5rem;
+  margin: 1.5rem;
+
+  svg {
+    color: var(--purple);
+  }
+
+  &--warning,
+  &--warning svg {
+    color: var(--red);
+  }
+}
+</style>
diff --git a/demos/src/Extensions/Collaboration/React/index.html b/demos/src/Extensions/Collaboration/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Collaboration/React/index.jsx b/demos/src/Extensions/Collaboration/React/index.jsx
new file mode 100644
index 0000000..f1ecf92
--- /dev/null
+++ b/demos/src/Extensions/Collaboration/React/index.jsx
@@ -0,0 +1,35 @@
+import './styles.scss'
+
+import Collaboration from '@tiptap/extension-collaboration'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Placeholder } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+import { WebrtcProvider } from 'y-webrtc'
+import * as Y from 'yjs'
+
+const ydoc = new Y.Doc()
+
+// oxlint-disable-next-line no-unused-vars
+const provider = new WebrtcProvider('tiptap-collaboration-extension', ydoc)
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Collaboration.configure({
+        document: ydoc,
+      }),
+      Placeholder.configure({
+        placeholder:
+          'Write something … It’ll be shared with everyone else looking at this example.',
+      }),
+    ],
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Extensions/Collaboration/React/styles.scss b/demos/src/Extensions/Collaboration/React/styles.scss
new file mode 100644
index 0000000..5507b20
--- /dev/null
+++ b/demos/src/Extensions/Collaboration/React/styles.scss
@@ -0,0 +1,15 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Placeholder (at the top) */
+  p.is-editor-empty:first-child::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+}
diff --git a/demos/src/Extensions/Collaboration/Vue/index.html b/demos/src/Extensions/Collaboration/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Collaboration/Vue/index.vue b/demos/src/Extensions/Collaboration/Vue/index.vue
new file mode 100644
index 0000000..ceea9e5
--- /dev/null
+++ b/demos/src/Extensions/Collaboration/Vue/index.vue
@@ -0,0 +1,71 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Collaboration from '@tiptap/extension-collaboration'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Placeholder } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { WebrtcProvider } from 'y-webrtc'
+import * as Y from 'yjs'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      provider: null,
+    }
+  },
+
+  mounted() {
+    const ydoc = new Y.Doc()
+
+    this.provider = new WebrtcProvider('tiptap-collaboration-extension', ydoc)
+
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Collaboration.configure({
+          document: ydoc,
+        }),
+        Placeholder.configure({
+          placeholder:
+            'Write something … It’ll be shared with everyone else looking at this example.',
+        }),
+      ],
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+    this.provider.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Placeholder (at the top) */
+  p.is-editor-empty:first-child::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/CollaborationCaret/React/index.html b/demos/src/Extensions/CollaborationCaret/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/CollaborationCaret/React/index.jsx b/demos/src/Extensions/CollaborationCaret/React/index.jsx
new file mode 100644
index 0000000..d270ceb
--- /dev/null
+++ b/demos/src/Extensions/CollaborationCaret/React/index.jsx
@@ -0,0 +1,55 @@
+import './styles.scss'
+
+import Collaboration from '@tiptap/extension-collaboration'
+import CollaborationCaret from '@tiptap/extension-collaboration-caret'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Placeholder } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+import { WebrtcProvider } from 'y-webrtc'
+import * as Y from 'yjs'
+
+const ydoc = new Y.Doc()
+const provider = new WebrtcProvider('tiptap-collaboration-caret-extension', ydoc)
+
+function Component() {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Collaboration.configure({
+        document: ydoc,
+      }),
+      CollaborationCaret.configure({
+        provider,
+        user: {
+          name: 'Cyndi Lauper',
+          color: '#f783ac',
+        },
+      }),
+      Placeholder.configure({
+        placeholder:
+          'Write something … It’ll be shared with everyone else looking at this example.',
+      }),
+    ],
+  })
+
+  return <EditorContent editor={editor} />
+}
+
+function App() {
+  const useStrictMode = true
+
+  return useStrictMode ? (
+    <React.StrictMode>
+      <Component />
+    </React.StrictMode>
+  ) : (
+    <Component />
+  )
+}
+
+export default App
diff --git a/demos/src/Extensions/CollaborationCaret/React/styles.scss b/demos/src/Extensions/CollaborationCaret/React/styles.scss
new file mode 100644
index 0000000..c290f98
--- /dev/null
+++ b/demos/src/Extensions/CollaborationCaret/React/styles.scss
@@ -0,0 +1,46 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Placeholder (at the top) */
+  p.is-editor-empty:first-child::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+
+  p {
+    word-break: break-all;
+  }
+
+  /* Give a remote user a caret */
+  .collaboration-carets__caret {
+    border-left: 1px solid #0d0d0d;
+    border-right: 1px solid #0d0d0d;
+    margin-left: -1px;
+    margin-right: -1px;
+    pointer-events: none;
+    position: relative;
+    word-break: normal;
+  }
+
+  /* Render the username above the caret */
+  .collaboration-carets__label {
+    border-radius: 3px 3px 3px 0;
+    color: #0d0d0d;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 600;
+    left: -1px;
+    line-height: normal;
+    padding: 0.1rem 0.3rem;
+    position: absolute;
+    top: -1.4em;
+    user-select: none;
+    white-space: nowrap;
+  }
+}
diff --git a/demos/src/Extensions/CollaborationCaret/Vue/index.html b/demos/src/Extensions/CollaborationCaret/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/CollaborationCaret/Vue/index.vue b/demos/src/Extensions/CollaborationCaret/Vue/index.vue
new file mode 100644
index 0000000..9b3dfe7
--- /dev/null
+++ b/demos/src/Extensions/CollaborationCaret/Vue/index.vue
@@ -0,0 +1,110 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Collaboration from '@tiptap/extension-collaboration'
+import CollaborationCaret from '@tiptap/extension-collaboration-caret'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Placeholder } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { WebrtcProvider } from 'y-webrtc'
+import * as Y from 'yjs'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      provider: null,
+    }
+  },
+
+  mounted() {
+    const ydoc = new Y.Doc()
+
+    this.provider = new WebrtcProvider('tiptap-collaboration-caret-extension', ydoc)
+
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Collaboration.configure({
+          document: ydoc,
+        }),
+        CollaborationCaret.configure({
+          provider: this.provider,
+          user: {
+            name: 'Cyndi Lauper',
+            color: '#f783ac',
+          },
+        }),
+        Placeholder.configure({
+          placeholder:
+            'Write something … It’ll be shared with everyone else looking at this example.',
+        }),
+      ],
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+    this.provider.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Placeholder (at the top) */
+  p.is-editor-empty:first-child::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+
+  p {
+    word-break: break-all;
+  }
+
+  /* Give a remote user a caret */
+  .collaboration-carets__caret {
+    border-left: 1px solid #0d0d0d;
+    border-right: 1px solid #0d0d0d;
+    margin-left: -1px;
+    margin-right: -1px;
+    pointer-events: none;
+    position: relative;
+    word-break: normal;
+  }
+
+  /* Render the username above the caret */
+  .collaboration-carets__label {
+    border-radius: 3px 3px 3px 0;
+    color: #0d0d0d;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 600;
+    left: -1px;
+    line-height: normal;
+    padding: 0.1rem 0.3rem;
+    position: absolute;
+    top: -1.4em;
+    user-select: none;
+    white-space: nowrap;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/CollaborationMapPositions/React/index.html b/demos/src/Extensions/CollaborationMapPositions/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/CollaborationMapPositions/React/index.tsx b/demos/src/Extensions/CollaborationMapPositions/React/index.tsx
new file mode 100644
index 0000000..593f1d8
--- /dev/null
+++ b/demos/src/Extensions/CollaborationMapPositions/React/index.tsx
@@ -0,0 +1,140 @@
+import './styles.scss'
+
+import Collaboration from '@tiptap/extension-collaboration'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Placeholder } from '@tiptap/extensions'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+import { type MappablePosition, EditorContent, Extension, useEditor } from '@tiptap/react'
+import { WebrtcProvider } from 'y-webrtc'
+import * as Y from 'yjs'
+
+/**
+ * Creates a ProseMirror DecorationSet from a list of decoration data.
+ * @returns A ProseMirror DecorationSet
+ */
+function createDecorations(data: MappablePosition[], doc: PMNode): DecorationSet {
+  return DecorationSet.create(
+    doc,
+    data.map(({ position }) =>
+      Decoration.widget(position, () => {
+        const element = document.createElement('span')
+        element.classList.add('decoration')
+        return element
+      }),
+    ),
+  )
+}
+
+/**
+ * The state of the DecorationsExtension ProseMirror plugin.
+ */
+interface PluginState {
+  decorationData: MappablePosition[]
+  decorations: DecorationSet
+}
+
+const DecorationsPluginKey = new PluginKey('decorations')
+
+/**
+ * An extension that allows you to insert decorations into the editor. Inside
+ * its ProseMirror plugin, it keeps track of the decoration data and
+ * decorations.
+ */
+const DecorationsExtension = Extension.create({
+  name: 'decorations',
+  addProseMirrorPlugins() {
+    const editor = this.editor
+    return [
+      new Plugin<PluginState>({
+        key: DecorationsPluginKey,
+        state: {
+          init: () => ({
+            decorationData: [],
+            decorations: DecorationSet.empty,
+          }),
+          apply(transaction, pluginState, _oldState, newState) {
+            let decorationData = pluginState.decorationData
+
+            // If the transaction changes the document, update the decoration
+            // positions
+            if (transaction.docChanged) {
+              decorationData = decorationData.map(position => {
+                const result = editor.utils.getUpdatedPosition(position, transaction)
+                return result.position
+              })
+            }
+
+            // If the transaction adds a decoration, add it to the decoration data.
+            const metadata = transaction.getMeta(DecorationsPluginKey) as
+              | MappablePosition
+              | undefined
+            if (metadata) {
+              decorationData.push(metadata)
+            }
+
+            return {
+              decorationData,
+              // Create new ProseMirror decorations in the positions determined
+              // by the decoration data.
+              decorations: createDecorations(decorationData, newState.doc),
+            }
+          },
+        },
+        props: {
+          decorations: state => DecorationsPluginKey.getState(state)?.decorations,
+        },
+      }),
+    ]
+  },
+})
+
+const ydoc = new Y.Doc()
+
+// oxlint-disable-next-line no-new
+new WebrtcProvider('tiptap-collaboration-extension', ydoc)
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Collaboration.configure({
+        document: ydoc,
+      }),
+      Placeholder.configure({
+        placeholder:
+          'Write something … It’ll be shared with everyone else looking at this example.',
+      }),
+      DecorationsExtension,
+    ],
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div>
+        <button
+          onClick={() =>
+            editor.commands.command(props => {
+              const position = props.state.selection.from
+              const decorationData = editor.utils.createMappablePosition(position)
+              props.tr.setMeta(DecorationsPluginKey, decorationData)
+              return true
+            })
+          }
+        >
+          Insert decoration
+        </button>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/CollaborationMapPositions/React/styles.scss b/demos/src/Extensions/CollaborationMapPositions/React/styles.scss
new file mode 100644
index 0000000..1ee0a5a
--- /dev/null
+++ b/demos/src/Extensions/CollaborationMapPositions/React/styles.scss
@@ -0,0 +1,22 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Placeholder (at the top) */
+  p.is-editor-empty:first-child::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+}
+
+.decoration {
+  background-color: red;
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+}
diff --git a/demos/src/Extensions/CollaborationWithMenus/React/index.html b/demos/src/Extensions/CollaborationWithMenus/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/CollaborationWithMenus/React/index.jsx b/demos/src/Extensions/CollaborationWithMenus/React/index.jsx
new file mode 100644
index 0000000..ee4f4f5
--- /dev/null
+++ b/demos/src/Extensions/CollaborationWithMenus/React/index.jsx
@@ -0,0 +1,76 @@
+import './styles.scss'
+
+import Bold from '@tiptap/extension-bold'
+import Collaboration from '@tiptap/extension-collaboration'
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Placeholder } from '@tiptap/extensions'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import { BubbleMenu, FloatingMenu } from '@tiptap/react/menus'
+import React from 'react'
+import { WebrtcProvider } from 'y-webrtc'
+import * as Y from 'yjs'
+
+const ydoc = new Y.Doc()
+
+// oxlint-disable-next-line no-unused-vars
+const provider = new WebrtcProvider('tiptap-collaboration-extension', ydoc)
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Heading,
+      Bold,
+      Collaboration.configure({
+        document: ydoc,
+      }),
+      Placeholder.configure({
+        placeholder:
+          'Write something … It’ll be shared with everyone else looking at this example.',
+      }),
+    ],
+  })
+
+  const { isBold, isHeading1 } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isBold: ctx.editor.isActive('bold') ?? false,
+      isHeading1: ctx.editor.isActive('heading', { level: 1 }) ?? false,
+    }),
+  })
+
+  return (
+    <>
+      {editor && (
+        <>
+          <BubbleMenu editor={editor}>
+            <div className="bubble-menu">
+              <button
+                onClick={() => editor.chain().focus().toggleBold().run()}
+                className={isBold ? 'is-active' : ''}
+              >
+                Bold
+              </button>
+            </div>
+          </BubbleMenu>
+          <FloatingMenu editor={editor}>
+            <div className="floating-menu">
+              <button
+                onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+                className={isHeading1 ? 'is-active' : ''}
+              >
+                H1
+              </button>
+            </div>
+          </FloatingMenu>
+        </>
+      )}
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/CollaborationWithMenus/React/styles.scss b/demos/src/Extensions/CollaborationWithMenus/React/styles.scss
new file mode 100644
index 0000000..0bffeb7
--- /dev/null
+++ b/demos/src/Extensions/CollaborationWithMenus/React/styles.scss
@@ -0,0 +1,72 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Placeholder (at the top) */
+  p.is-editor-empty:first-child::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+
+  &.ProseMirror-focused p.is-editor-empty:first-child::before {
+    content: '';
+  }
+}
+
+/* Bubble menu */
+.bubble-menu {
+  background-color: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  padding: 0.2rem;
+
+  button {
+    background-color: unset;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--purple);
+
+      &:hover {
+        background-color: var(--purple-contrast);
+      }
+    }
+  }
+}
+
+/* Floating menu */
+.floating-menu {
+  display: flex;
+  background-color: var(--gray-3);
+  padding: 0.1rem;
+  border-radius: 0.5rem;
+
+  button {
+    background-color: unset;
+    padding: 0.275rem 0.425rem;
+    border-radius: 0.3rem;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--white);
+      color: var(--purple);
+
+      &:hover {
+        color: var(--purple-contrast);
+      }
+    }
+  }
+}
diff --git a/demos/src/Extensions/CollaborationWithMenus/Vue/index.html b/demos/src/Extensions/CollaborationWithMenus/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/CollaborationWithMenus/Vue/index.vue b/demos/src/Extensions/CollaborationWithMenus/Vue/index.vue
new file mode 100644
index 0000000..8ae2127
--- /dev/null
+++ b/demos/src/Extensions/CollaborationWithMenus/Vue/index.vue
@@ -0,0 +1,157 @@
+<template>
+  <div v-if="editor">
+    <bubble-menu :editor="editor">
+      <div class="bubble-menu">
+        <button
+          @click="editor.chain().focus().toggleBold().run()"
+          :class="{ 'is-active': editor.isActive('bold') }"
+        >
+          Bold
+        </button>
+      </div>
+    </bubble-menu>
+    <floating-menu :editor="editor">
+      <div class="floating-menu">
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }"
+        >
+          H1
+        </button>
+      </div>
+    </floating-menu>
+  </div>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Bold from '@tiptap/extension-bold'
+import Collaboration from '@tiptap/extension-collaboration'
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Placeholder } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { BubbleMenu, FloatingMenu } from '@tiptap/vue/menus'
+import { WebrtcProvider } from 'y-webrtc'
+import * as Y from 'yjs'
+
+export default {
+  components: {
+    EditorContent,
+    BubbleMenu,
+    FloatingMenu,
+  },
+
+  data() {
+    return {
+      editor: null,
+      provider: null,
+    }
+  },
+
+  mounted() {
+    const ydoc = new Y.Doc()
+
+    this.provider = new WebrtcProvider('tiptap-collaboration-extension', ydoc)
+
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Heading,
+        Bold,
+        Collaboration.configure({
+          document: ydoc,
+        }),
+        Placeholder.configure({
+          placeholder:
+            'Write something … It’ll be shared with everyone else looking at this example.',
+        }),
+      ],
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+    this.provider.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Placeholder (at the top) */
+  p.is-editor-empty:first-child::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+
+  &.ProseMirror-focused p.is-editor-empty:first-child::before {
+    content: '';
+  }
+}
+
+/* Bubble menu */
+.bubble-menu {
+  background-color: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  padding: 0.2rem;
+
+  button {
+    background-color: unset;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--purple);
+
+      &:hover {
+        background-color: var(--purple-contrast);
+      }
+    }
+  }
+}
+
+/* Floating menu */
+.floating-menu {
+  display: flex;
+  background-color: var(--gray-3);
+  padding: 0.1rem;
+  border-radius: 0.5rem;
+
+  button {
+    background-color: unset;
+    padding: 0.275rem 0.425rem;
+    border-radius: 0.3rem;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--white);
+      color: var(--purple);
+
+      &:hover {
+        color: var(--purple-contrast);
+      }
+    }
+  }
+}
+</style>
diff --git a/demos/src/Extensions/Color/React/index.html b/demos/src/Extensions/Color/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Color/React/index.tsx b/demos/src/Extensions/Color/React/index.tsx
new file mode 100644
index 0000000..c6e50b1
--- /dev/null
+++ b/demos/src/Extensions/Color/React/index.tsx
@@ -0,0 +1,109 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Color, TextStyle } from '@tiptap/extension-text-style'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, TextStyle, Color],
+    content: `
+        <p><span style="color: #958DF1">Oh, for some reason that’s purple.</span> This text is using <span style="color: rgba(255, 0, 0, 0.5)">transparent, red rgba colors.</span></p>
+      `,
+  })
+
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => {
+      return {
+        color: ctx.editor.getAttributes('textStyle').color,
+        isPurple: ctx.editor.isActive('textStyle', { color: '#958DF1' }),
+        isRed: ctx.editor.isActive('textStyle', { color: '#F98181' }),
+        isOrange: ctx.editor.isActive('textStyle', { color: '#FBBC88' }),
+        isYellow: ctx.editor.isActive('textStyle', { color: '#FAF594' }),
+        isBlue: ctx.editor.isActive('textStyle', { color: '#70CFF8' }),
+        isTeal: ctx.editor.isActive('textStyle', { color: '#94FADB' }),
+        isGreen: ctx.editor.isActive('textStyle', { color: '#B9F18D' }),
+      }
+    },
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <input
+            type="color"
+            onInput={event => editor.chain().focus().setColor(event.currentTarget.value).run()}
+            value={editorState.color}
+            data-testid="setColor"
+          />
+          <button
+            onClick={() => editor.chain().focus().setColor('#958DF1').run()}
+            className={editorState.isPurple ? 'is-active' : ''}
+            data-testid="setPurple"
+          >
+            Purple
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setColor('#F98181').run()}
+            className={editorState.isRed ? 'is-active' : ''}
+            data-testid="setRed"
+          >
+            Red
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setColor('#FBBC88').run()}
+            className={editorState.isOrange ? 'is-active' : ''}
+            data-testid="setOrange"
+          >
+            Orange
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setColor('#FAF594').run()}
+            className={editorState.isYellow ? 'is-active' : ''}
+            data-testid="setYellow"
+          >
+            Yellow
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setColor('#70CFF8').run()}
+            className={editorState.isBlue ? 'is-active' : ''}
+            data-testid="setBlue"
+          >
+            Blue
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setColor('#94FADB').run()}
+            className={editorState.isTeal ? 'is-active' : ''}
+            data-testid="setTeal"
+          >
+            Teal
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setColor('#B9F18D').run()}
+            className={editorState.isGreen ? 'is-active' : ''}
+            data-testid="setGreen"
+          >
+            Green
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetColor().run()}
+            data-testid="unsetColor"
+          >
+            Unset color
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/Color/React/styles.scss b/demos/src/Extensions/Color/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Extensions/Color/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Extensions/Color/Vue/index.html b/demos/src/Extensions/Color/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Color/Vue/index.vue b/demos/src/Extensions/Color/Vue/index.vue
new file mode 100644
index 0000000..281c0bd
--- /dev/null
+++ b/demos/src/Extensions/Color/Vue/index.vue
@@ -0,0 +1,99 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <input
+          type="color"
+          @input="editor.chain().focus().setColor($event.target.value).run()"
+          :value="editor.getAttributes('textStyle').color"
+        />
+        <button
+          @click="editor.chain().focus().setColor('#958DF1').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { color: '#958DF1' }) }"
+        >
+          Purple
+        </button>
+        <button
+          @click="editor.chain().focus().setColor('#F98181').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { color: '#F98181' }) }"
+        >
+          Red
+        </button>
+        <button
+          @click="editor.chain().focus().setColor('#FBBC88').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { color: '#FBBC88' }) }"
+        >
+          Orange
+        </button>
+        <button
+          @click="editor.chain().focus().setColor('#FAF594').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { color: '#FAF594' }) }"
+        >
+          Yellow
+        </button>
+        <button
+          @click="editor.chain().focus().setColor('#70CFF8').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { color: '#70CFF8' }) }"
+        >
+          Blue
+        </button>
+        <button
+          @click="editor.chain().focus().setColor('#94FADB').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { color: '#94FADB' }) }"
+        >
+          Teal
+        </button>
+        <button
+          @click="editor.chain().focus().setColor('#B9F18D').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { color: '#B9F18D' }) }"
+        >
+          Green
+        </button>
+        <button @click="editor.chain().focus().unsetColor().run()">Unset color</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Color, TextStyle } from '@tiptap/extension-text-style'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, TextStyle, Color],
+      content: `
+        <p><span style="color: #958DF1">Oh, for some reason that’s purple.</span> This text is using <span style="color: rgba(255, 0, 0, 0.5)">transparent, red rgba colors.</span></p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/DragHandle/React/index.html b/demos/src/Extensions/DragHandle/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/DragHandle/React/index.jsx b/demos/src/Extensions/DragHandle/React/index.jsx
new file mode 100644
index 0000000..638fa1e
--- /dev/null
+++ b/demos/src/Extensions/DragHandle/React/index.jsx
@@ -0,0 +1,173 @@
+import './styles.scss'
+
+import DragHandle from '@tiptap/extension-drag-handle-react'
+import Image from '@tiptap/extension-image'
+import { TableKit } from '@tiptap/extension-table'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import { useEffect, useState } from 'react'
+
+const NESTED_CONFIG_LTR = { edgeDetection: { threshold: -16, edges: ['left'] } }
+const NESTED_CONFIG_RTL = { edgeDetection: { threshold: -16, edges: ['right'] } }
+
+export default () => {
+  const [nested, setNested] = useState(true)
+  const [rtl, setRtl] = useState(false)
+
+  const editor = useEditor({
+    extensions: [StarterKit, Image.configure({ inline: false }), TableKit],
+    content: `
+      <h1>The Complete Guide to Modern Web Development</h1>
+      <p>Web development has evolved significantly over the past decade. What once required multiple tools and complex setups can now be accomplished with modern frameworks and libraries that prioritize developer experience.</p>
+
+        <img src="https://unsplash.it/500/500" alt="Random Image" />
+
+        <p dir="rtl">تجربة سحب هذا النص توضح كيف يجب أن يلتصق شبح السحب بالمؤشر حتى داخل المحتوى من اليمين إلى اليسار.</p>
+
+        <h2>Getting Started</h2>
+      <p>Before diving into the technical details, it's important to understand the foundational concepts that make modern web development possible.</p>
+
+      <blockquote>
+        <p>"The best code is no code at all. Every new line of code you willingly bring into the world is code that has to be debugged, code that has to be read and understood." - Jeff Atwood</p>
+      </blockquote>
+
+      <p>This philosophy guides much of modern development practices, emphasizing simplicity and maintainability over complexity.</p>
+
+      <table>
+        <thead>
+          <tr>
+            <th>Feature</th>
+            <th>Description</th>
+            <th>Example</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>Component-Based Architecture</td>
+            <td>Breaks down the UI into reusable components.</td>
+            <td><code>&lt;MyComponent /&gt;</code></td>
+          </tr>
+          <tr>
+            <td>Virtual DOM</td>
+            <td>Improves performance by minimizing direct DOM manipulation.</td>
+            <td><code>&lt;VirtualDOMComponent /&gt;</code></td>
+          </tr>
+        </tbody>
+      </table>
+
+      <hr>
+
+      <h2>Key Technologies</h2>
+      <p>Here are the essential technologies every web developer should be familiar with:</p>
+
+      <ul>
+        <li>HTML5 and semantic markup</li>
+        <li>CSS3 with modern layout techniques
+          <ul>
+            <li>Flexbox for one-dimensional layouts</li>
+            <li>Grid for two-dimensional layouts</li>
+            <li>Custom properties (CSS variables)</li>
+          </ul>
+        </li>
+        <li>JavaScript (ES6+)</li>
+        <li>TypeScript for type safety</li>
+      </ul>
+
+      <h3>Framework Comparison</h3>
+      <p>Choosing the right framework depends on your project requirements:</p>
+
+      <ol>
+        <li>React - Component-based UI library</li>
+        <li>Vue - Progressive framework</li>
+        <li>Angular - Full-featured platform</li>
+        <li>Svelte - Compile-time framework</li>
+      </ol>
+
+      <hr>
+
+      <h2>Best Practices</h2>
+      <p>Following established best practices ensures your code remains maintainable and scalable.</p>
+
+      <blockquote>
+        <p>Always write code as if the person who ends up maintaining it is a violent psychopath who knows where you live.</p>
+      </blockquote>
+
+      <h3>Code Organization</h3>
+      <p>A well-organized codebase is crucial for long-term project success. Consider these principles:</p>
+
+      <ul>
+        <li>Separation of concerns</li>
+        <li>DRY (Don't Repeat Yourself)</li>
+        <li>KISS (Keep It Simple, Stupid)</li>
+      </ul>
+
+      <p>By following these guidelines, you'll create applications that are easier to maintain, test, and extend over time.</p>
+    `,
+  })
+
+  const isEditable = useEditorState({
+    editor,
+    selector: context => {
+      return context.editor.isEditable
+    },
+  })
+
+  const toggleEditable = () => {
+    editor.setEditable(!editor.isEditable)
+    editor.view.dispatch(editor.view.state.tr)
+  }
+
+  const toggleNested = () => {
+    setNested(!nested)
+  }
+
+  const toggleRtl = () => {
+    setRtl(!rtl)
+  }
+
+  let nestedConfig = false
+
+  if (nested) {
+    nestedConfig = rtl ? NESTED_CONFIG_RTL : NESTED_CONFIG_LTR
+  }
+
+  const computePositionConfig = { placement: rtl ? 'right-start' : 'left-start' }
+
+  useEffect(() => {
+    if (!editor) {
+      return
+    }
+
+    if (rtl) {
+      editor.view.dom.setAttribute('dir', 'rtl')
+    } else {
+      editor.view.dom.removeAttribute('dir')
+    }
+  }, [editor, rtl])
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button className={isEditable ? 'is-active' : ''} onClick={toggleEditable}>
+            Toggle editable
+          </button>
+          <button className={nested ? 'is-active' : ''} onClick={toggleNested}>
+            Toggle nested drag handle
+          </button>
+          <button className={rtl ? 'is-active' : ''} onClick={toggleRtl}>
+            Toggle RTL editor
+          </button>
+        </div>
+      </div>
+      <DragHandle
+        editor={editor}
+        nested={nestedConfig}
+        computePositionConfig={computePositionConfig}
+      >
+        <div className="custom-drag-handle" />
+      </DragHandle>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/DragHandle/React/styles.scss b/demos/src/Extensions/DragHandle/React/styles.scss
new file mode 100644
index 0000000..635a846
--- /dev/null
+++ b/demos/src/Extensions/DragHandle/React/styles.scss
@@ -0,0 +1,68 @@
+::selection {
+  background-color: #70cff850;
+}
+
+.ProseMirror {
+  padding: 1rem 1rem 1rem 0;
+
+  * {
+    margin-top: 0.75em;
+  }
+
+  > * {
+    margin-inline-start: 3rem;
+  }
+
+  .ProseMirror-widget * {
+    margin-top: auto;
+  }
+
+  ul,
+  ol {
+    padding-inline: 1rem;
+  }
+}
+
+.ProseMirror-noderangeselection {
+  *::selection {
+    background: transparent;
+  }
+
+  * {
+    caret-color: transparent;
+  }
+}
+
+.ProseMirror-selectednode,
+.ProseMirror-selectednoderange {
+  position: relative;
+
+  &::before {
+    position: absolute;
+    pointer-events: none;
+    z-index: -1;
+    content: '';
+    top: -0.25rem;
+    left: -0.25rem;
+    right: -0.25rem;
+    bottom: -0.25rem;
+    background-color: #70cff850;
+    border-radius: 0.2rem;
+  }
+}
+
+.custom-drag-handle {
+  &::after {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1rem;
+    height: 1.25rem;
+    content: '⠿';
+    font-weight: 700;
+    cursor: grab;
+    background: #0d0d0d10;
+    color: #0d0d0d50;
+    border-radius: 0.25rem;
+  }
+}
diff --git a/demos/src/Extensions/DragHandle/Vue/index.html b/demos/src/Extensions/DragHandle/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/DragHandle/Vue/index.vue b/demos/src/Extensions/DragHandle/Vue/index.vue
new file mode 100644
index 0000000..c201516
--- /dev/null
+++ b/demos/src/Extensions/DragHandle/Vue/index.vue
@@ -0,0 +1,264 @@
+<template>
+  <div class="control-group" v-if="editor">
+    <div class="button-group">
+      <button :class="{ 'is-active': editable }" @click="editable = !editable">
+        Toggle editable
+      </button>
+      <button :class="{ 'is-active': nested }" @click="nested = !nested">
+        Toggle nested drag handle
+      </button>
+      <button :class="{ 'is-active': rtl }" @click="rtl = !rtl">Toggle RTL editor</button>
+    </div>
+  </div>
+
+  <drag-handle
+    v-if="editor"
+    :editor="editor"
+    :nested="nestedOptions"
+    :compute-position-config="computePositionConfig"
+  >
+    <div class="custom-drag-handle" />
+  </drag-handle>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import { DragHandle } from '@tiptap/extension-drag-handle-vue'
+import Image from '@tiptap/extension-image'
+import NodeRange from '@tiptap/extension-node-range'
+import { TableKit } from '@tiptap/extension-table'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+const NESTED_CONFIG_LTR = { edgeDetection: { threshold: -16, edges: ['left'] } }
+const NESTED_CONFIG_RTL = { edgeDetection: { threshold: -16, edges: ['right'] } }
+
+export default {
+  components: {
+    EditorContent,
+    DragHandle,
+  },
+  data() {
+    return {
+      editor: null,
+      editable: true,
+      nested: true,
+      rtl: false,
+    }
+  },
+  computed: {
+    computePositionConfig() {
+      return {
+        placement: this.rtl ? 'right-start' : 'left-start',
+      }
+    },
+    nestedOptions() {
+      if (!this.nested) {
+        return false
+      }
+
+      return this.rtl ? NESTED_CONFIG_RTL : NESTED_CONFIG_LTR
+    },
+  },
+  watch: {
+    editable(newValue) {
+      if (this.editor) {
+        this.editor.setEditable(newValue)
+      }
+    },
+    rtl(newValue) {
+      if (!this.editor) {
+        return
+      }
+
+      if (newValue) {
+        this.editor.view.dom.setAttribute('dir', 'rtl')
+      } else {
+        this.editor.view.dom.removeAttribute('dir')
+      }
+    },
+  },
+  mounted() {
+    this.editor = new Editor({
+      onUpdate({ editor }) {
+        this.editable = editor.isEditable
+      },
+      extensions: [
+        StarterKit,
+        Image.configure({ inline: false }),
+        NodeRange.configure({
+          // allow to select only on depth 0
+          // depth: 0,
+          key: null,
+        }),
+        TableKit,
+      ],
+      content: `
+        <h1>The Complete Guide to Modern Web Development</h1>
+        <p>Web development has evolved significantly over the past decade. What once required multiple tools and complex setups can now be accomplished with modern frameworks and libraries that prioritize developer experience.</p>
+
+        <img src="https://unsplash.it/500/500" alt="Random Image" />
+
+        <p dir="rtl">تجربة سحب هذا النص توضح كيف يجب أن يلتصق شبح السحب بالمؤشر حتى داخل المحتوى من اليمين إلى اليسار.</p>
+
+        <h2>Getting Started</h2>
+        <p>Before diving into the technical details, it's important to understand the foundational concepts that make modern web development possible.</p>
+
+        <blockquote>
+          <p>"The best code is no code at all. Every new line of code you willingly bring into the world is code that has to be debugged, code that has to be read and understood." - Jeff Atwood</p>
+        </blockquote>
+
+        <p>This philosophy guides much of modern development practices, emphasizing simplicity and maintainability over complexity.</p>
+
+        <table>
+        <thead>
+          <tr>
+            <th>Feature</th>
+            <th>Description</th>
+            <th>Example</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>Component-Based Architecture</td>
+            <td>Breaks down the UI into reusable components.</td>
+            <td><code>&lt;MyComponent /&gt;</code></td>
+          </tr>
+          <tr>
+            <td>Virtual DOM</td>
+            <td>Improves performance by minimizing direct DOM manipulation.</td>
+            <td><code>&lt;VirtualDOMComponent /&gt;</code></td>
+          </tr>
+        </tbody>
+      </table>
+
+        <hr>
+
+        <h2>Key Technologies</h2>
+        <p>Here are the essential technologies every web developer should be familiar with:</p>
+
+        <ul>
+          <li>HTML5 and semantic markup</li>
+          <li>CSS3 with modern layout techniques
+            <ul>
+              <li>Flexbox for one-dimensional layouts</li>
+              <li>Grid for two-dimensional layouts</li>
+              <li>Custom properties (CSS variables)</li>
+            </ul>
+          </li>
+          <li>JavaScript (ES6+)</li>
+          <li>TypeScript for type safety</li>
+        </ul>
+
+        <h3>Framework Comparison</h3>
+        <p>Choosing the right framework depends on your project requirements:</p>
+
+        <ol>
+          <li>React - Component-based UI library</li>
+          <li>Vue - Progressive framework</li>
+          <li>Angular - Full-featured platform</li>
+          <li>Svelte - Compile-time framework</li>
+        </ol>
+
+        <hr>
+
+        <h2>Best Practices</h2>
+        <p>Following established best practices ensures your code remains maintainable and scalable.</p>
+
+        <blockquote>
+          <p>Always write code as if the person who ends up maintaining it is a violent psychopath who knows where you live.</p>
+        </blockquote>
+
+        <h3>Code Organization</h3>
+        <p>A well-organized codebase is crucial for long-term project success. Consider these principles:</p>
+
+        <ul>
+          <li>Separation of concerns</li>
+          <li>DRY (Don't Repeat Yourself)</li>
+          <li>KISS (Keep It Simple, Stupid)</li>
+        </ul>
+
+        <p>By following these guidelines, you'll create applications that are easier to maintain, test, and extend over time.</p>
+      `,
+    })
+
+    if (this.rtl) {
+      this.editor.view.dom.setAttribute('dir', 'rtl')
+    }
+  },
+  beforeUnmount() {
+    this.editor?.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+::selection {
+  background-color: #70cff850;
+}
+
+.ProseMirror {
+  padding: 1rem 1rem 1rem 0;
+
+  * {
+    margin-top: 0.75em;
+  }
+
+  > * {
+    margin-inline-start: 3rem;
+  }
+
+  .ProseMirror-widget * {
+    margin-top: auto;
+  }
+
+  ul,
+  ol {
+    padding-inline: 1rem;
+  }
+}
+
+.ProseMirror-noderangeselection {
+  *::selection {
+    background: transparent;
+  }
+
+  * {
+    caret-color: transparent;
+  }
+}
+
+.ProseMirror-selectednode,
+.ProseMirror-selectednoderange {
+  position: relative;
+
+  &::before {
+    position: absolute;
+    pointer-events: none;
+    z-index: -1;
+    content: '';
+    top: -0.25rem;
+    left: -0.25rem;
+    right: -0.25rem;
+    bottom: -0.25rem;
+    background-color: #70cff850;
+    border-radius: 0.2rem;
+  }
+}
+
+.custom-drag-handle {
+  &::after {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1rem;
+    height: 1.25rem;
+    content: '⠿';
+    font-weight: 700;
+    cursor: grab;
+    background: #0d0d0d10;
+    color: #0d0d0d50;
+    border-radius: 0.25rem;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/DragHandle/Vue/style.css b/demos/src/Extensions/DragHandle/Vue/style.css
new file mode 100644
index 0000000..60f1eab
--- /dev/null
+++ b/demos/src/Extensions/DragHandle/Vue/style.css
@@ -0,0 +1,3 @@
+body {
+  color: red;
+}
diff --git a/demos/src/Extensions/DragHandleWithNodeViews/React/extensions/recommendation/Recommendation.jsx b/demos/src/Extensions/DragHandleWithNodeViews/React/extensions/recommendation/Recommendation.jsx
new file mode 100644
index 0000000..2b4dd24
--- /dev/null
+++ b/demos/src/Extensions/DragHandleWithNodeViews/React/extensions/recommendation/Recommendation.jsx
@@ -0,0 +1,67 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { ReactNodeViewRenderer } from '@tiptap/react'
+
+import { RecommendationView } from './views/index.jsx'
+
+export const Recommendation = Node.create({
+  name: 'recommendation',
+
+  group: 'block',
+
+  draggable: true,
+
+  addOptions() {
+    return {
+      publicationId: '',
+      HTMLAttributes: {
+        class: `node-${this.name}`,
+      },
+    }
+  },
+
+  addAttributes() {
+    return {
+      id: {
+        default: undefined,
+        parseHTML: element => element.getAttribute('data-id'),
+        renderHTML: attributes => ({
+          'data-id': attributes.id,
+        }),
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: `div.node-${this.name}`,
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)]
+  },
+
+  addCommands() {
+    return {
+      setRecommendation:
+        () =>
+        ({ chain }) =>
+          chain()
+            .focus()
+            .insertContent({
+              type: this.name,
+            })
+            .run(),
+    }
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(RecommendationView, {
+      trackNodeViewPosition: true,
+    })
+  },
+})
+
+export default Recommendation
diff --git a/demos/src/Extensions/DragHandleWithNodeViews/React/extensions/recommendation/index.jsx b/demos/src/Extensions/DragHandleWithNodeViews/React/extensions/recommendation/index.jsx
new file mode 100644
index 0000000..5c3d4ba
--- /dev/null
+++ b/demos/src/Extensions/DragHandleWithNodeViews/React/extensions/recommendation/index.jsx
@@ -0,0 +1 @@
+export * from './Recommendation.jsx'
diff --git a/demos/src/Extensions/DragHandleWithNodeViews/React/extensions/recommendation/views/RecommendationView.jsx b/demos/src/Extensions/DragHandleWithNodeViews/React/extensions/recommendation/views/RecommendationView.jsx
new file mode 100644
index 0000000..5fe7758
--- /dev/null
+++ b/demos/src/Extensions/DragHandleWithNodeViews/React/extensions/recommendation/views/RecommendationView.jsx
@@ -0,0 +1,11 @@
+import { NodeViewWrapper } from '@tiptap/react'
+
+export const RecommendationView = ({ node, getPos }) => {
+  return (
+    <NodeViewWrapper data-drag-handle>
+      <div className="title">Recommendation {node.attrs.id}</div>
+      <p>Test</p>
+      <small style={{ opacity: 0.5 }}>pos: {getPos()}</small>
+    </NodeViewWrapper>
+  )
+}
diff --git a/demos/src/Extensions/DragHandleWithNodeViews/React/extensions/recommendation/views/index.jsx b/demos/src/Extensions/DragHandleWithNodeViews/React/extensions/recommendation/views/index.jsx
new file mode 100644
index 0000000..42bf3b5
--- /dev/null
+++ b/demos/src/Extensions/DragHandleWithNodeViews/React/extensions/recommendation/views/index.jsx
@@ -0,0 +1 @@
+export * from './RecommendationView.jsx'
diff --git a/demos/src/Extensions/DragHandleWithNodeViews/React/index.html b/demos/src/Extensions/DragHandleWithNodeViews/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/DragHandleWithNodeViews/React/index.jsx b/demos/src/Extensions/DragHandleWithNodeViews/React/index.jsx
new file mode 100644
index 0000000..0ac23c9
--- /dev/null
+++ b/demos/src/Extensions/DragHandleWithNodeViews/React/index.jsx
@@ -0,0 +1,44 @@
+import './styles.scss'
+
+import DragHandle from '@tiptap/extension-drag-handle-react'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import { Recommendation } from './extensions/recommendation/index.jsx'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit, Recommendation],
+    content: `
+      <h1>
+        Drag to reorder — watch the position update instantly
+      </h1>
+      <p>
+        Drag any recommendation block below to a new position. The <code>pos:</code> value should update immediately.
+      </p>
+      <div class="node-recommendation" data-id="1"></div>
+      <div class="node-recommendation" data-id="2"></div>
+      <div class="node-recommendation" data-id="3"></div>
+      <div class="node-recommendation" data-id="4"></div>
+      <div class="node-recommendation" data-id="5"></div>
+    `,
+  })
+
+  return (
+    <>
+      <DragHandle editor={editor}>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 24 24"
+          strokeWidth="1.5"
+          stroke="currentColor"
+        >
+          <path strokeLinecap="round" strokeLinejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5" />
+        </svg>
+      </DragHandle>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/DragHandleWithNodeViews/React/styles.scss b/demos/src/Extensions/DragHandleWithNodeViews/React/styles.scss
new file mode 100644
index 0000000..a512c9f
--- /dev/null
+++ b/demos/src/Extensions/DragHandleWithNodeViews/React/styles.scss
@@ -0,0 +1,62 @@
+.ProseMirror {
+  padding-inline: 4rem;
+
+  > * + * {
+    margin-top: 0.75em;
+  }
+
+  [data-id] {
+    border: 3px solid #0d0d0d;
+    border-radius: 0.5rem;
+    margin: 1rem 0;
+    position: relative;
+    margin-top: 1.5rem;
+    padding: 2rem 1rem 1rem;
+
+    &::before {
+      content: attr(data-id);
+      background-color: #0d0d0d;
+      font-size: 0.6rem;
+      letter-spacing: 1px;
+      font-weight: bold;
+      text-transform: uppercase;
+      color: #fff;
+      position: absolute;
+      top: 0;
+      padding: 0.25rem 0.75rem;
+      border-radius: 0 0 0.5rem 0.5rem;
+    }
+  }
+}
+
+.drag-handle {
+  align-items: center;
+  background: #f0f0f0;
+  border-radius: 0.25rem;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  cursor: grab;
+  display: flex;
+  height: 1.5rem;
+  justify-content: center;
+  width: 1.5rem;
+
+  svg {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+}
+
+.node-recommendation {
+  padding: 0.5rem;
+  border-radius: 0.5rem;
+  border: 0.15rem solid #000;
+
+  .title {
+    font-size: 0.875rem;
+    color: #777;
+  }
+
+  p {
+    margin: 0;
+  }
+}
diff --git a/demos/src/Extensions/DragHandleWithNodeViews/Vue/extensions/recommendation/Recommendation.js b/demos/src/Extensions/DragHandleWithNodeViews/Vue/extensions/recommendation/Recommendation.js
new file mode 100644
index 0000000..502fe70
--- /dev/null
+++ b/demos/src/Extensions/DragHandleWithNodeViews/Vue/extensions/recommendation/Recommendation.js
@@ -0,0 +1,52 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { VueNodeViewRenderer } from '@tiptap/vue'
+
+import RecommendationView from './views/RecommendationView.vue'
+
+export const Recommendation = Node.create({
+  name: 'recommendation',
+
+  group: 'block',
+
+  draggable: true,
+
+  addOptions() {
+    return {
+      HTMLAttributes: {
+        class: `node-${this.name}`,
+      },
+    }
+  },
+
+  addAttributes() {
+    return {
+      id: {
+        default: undefined,
+        parseHTML: element => element.getAttribute('data-id'),
+        renderHTML: attributes => ({
+          'data-id': attributes.id,
+        }),
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: `div.node-${this.name}`,
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)]
+  },
+
+  addNodeView() {
+    return VueNodeViewRenderer(RecommendationView, {
+      trackNodeViewPosition: true,
+    })
+  },
+})
+
+export default Recommendation
diff --git a/demos/src/Extensions/DragHandleWithNodeViews/Vue/extensions/recommendation/views/RecommendationView.vue b/demos/src/Extensions/DragHandleWithNodeViews/Vue/extensions/recommendation/views/RecommendationView.vue
new file mode 100644
index 0000000..90a7f52
--- /dev/null
+++ b/demos/src/Extensions/DragHandleWithNodeViews/Vue/extensions/recommendation/views/RecommendationView.vue
@@ -0,0 +1,19 @@
+<template>
+  <node-view-wrapper data-drag-handle class="node-recommendation">
+    <div class="title">Recommendation {{ node.attrs.id }}</div>
+    <p>Test</p>
+    <small style="opacity: 0.5">pos: {{ getPos() }}</small>
+  </node-view-wrapper>
+</template>
+
+<script>
+import { nodeViewProps, NodeViewWrapper } from '@tiptap/vue'
+
+export default {
+  components: {
+    NodeViewWrapper,
+  },
+
+  props: nodeViewProps,
+}
+</script>
diff --git a/demos/src/Extensions/DragHandleWithNodeViews/Vue/index.html b/demos/src/Extensions/DragHandleWithNodeViews/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/DragHandleWithNodeViews/Vue/index.vue b/demos/src/Extensions/DragHandleWithNodeViews/Vue/index.vue
new file mode 100644
index 0000000..bd97b27
--- /dev/null
+++ b/demos/src/Extensions/DragHandleWithNodeViews/Vue/index.vue
@@ -0,0 +1,123 @@
+<template>
+  <drag-handle v-if="editor" :editor="editor">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      stroke-width="1.5"
+      stroke="currentColor"
+    >
+      <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5" />
+    </svg>
+  </drag-handle>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import { DragHandle } from '@tiptap/extension-drag-handle-vue'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import { Recommendation } from './extensions/recommendation/Recommendation.js'
+
+export default {
+  components: {
+    EditorContent,
+    DragHandle,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, Recommendation],
+      content: `
+        <h1>
+          Drag to reorder — watch the position update instantly
+        </h1>
+        <p>
+          Drag any recommendation block below to a new position. The <code>pos:</code> value should update immediately.
+        </p>
+        <div class="node-recommendation" data-id="1"></div>
+        <div class="node-recommendation" data-id="2"></div>
+        <div class="node-recommendation" data-id="3"></div>
+        <div class="node-recommendation" data-id="4"></div>
+        <div class="node-recommendation" data-id="5"></div>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor?.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+.ProseMirror {
+  padding-inline: 4rem;
+
+  > * + * {
+    margin-top: 0.75em;
+  }
+
+  [data-id] {
+    border: 3px solid #0d0d0d;
+    border-radius: 0.5rem;
+    margin: 1rem 0;
+    position: relative;
+    margin-top: 1.5rem;
+    padding: 2rem 1rem 1rem;
+
+    &::before {
+      content: attr(data-id);
+      background-color: #0d0d0d;
+      font-size: 0.6rem;
+      letter-spacing: 1px;
+      font-weight: bold;
+      text-transform: uppercase;
+      color: #fff;
+      position: absolute;
+      top: 0;
+      padding: 0.25rem 0.75rem;
+      border-radius: 0 0 0.5rem 0.5rem;
+    }
+  }
+}
+
+.drag-handle {
+  align-items: center;
+  background: #f0f0f0;
+  border-radius: 0.25rem;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  cursor: grab;
+  display: flex;
+  height: 1.5rem;
+  justify-content: center;
+  width: 1.5rem;
+
+  svg {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+}
+
+.node-recommendation {
+  padding: 0.5rem;
+  border-radius: 0.5rem;
+  border: 0.15rem solid #000;
+
+  .title {
+    font-size: 0.875rem;
+    color: #777;
+  }
+
+  p {
+    margin: 0;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/Dropcursor/React/index.html b/demos/src/Extensions/Dropcursor/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Dropcursor/React/index.jsx b/demos/src/Extensions/Dropcursor/React/index.jsx
new file mode 100644
index 0000000..a6a0d3b
--- /dev/null
+++ b/demos/src/Extensions/Dropcursor/React/index.jsx
@@ -0,0 +1,21 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Image, Dropcursor],
+    content: `
+        <p>Try to drag around the image. While you drag, the editor should show a decoration under your cursor. The so called dropcursor.</p>
+        <img src="https://placehold.co/800x400" />
+      `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Extensions/Dropcursor/React/styles.scss b/demos/src/Extensions/Dropcursor/React/styles.scss
new file mode 100644
index 0000000..51aa105
--- /dev/null
+++ b/demos/src/Extensions/Dropcursor/React/styles.scss
@@ -0,0 +1,17 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
diff --git a/demos/src/Extensions/Dropcursor/Vue/index.html b/demos/src/Extensions/Dropcursor/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Dropcursor/Vue/index.vue b/demos/src/Extensions/Dropcursor/Vue/index.vue
new file mode 100644
index 0000000..4c01fd9
--- /dev/null
+++ b/demos/src/Extensions/Dropcursor/Vue/index.vue
@@ -0,0 +1,58 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Image, Dropcursor],
+      content: `
+        <p>Try to drag around the image. While you drag, the editor should show a decoration under your cursor. The so called dropcursor.</p>
+        <img src="https://placehold.co/800x400" />
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
+</style>
diff --git a/demos/src/Extensions/FileHandler/React/index.html b/demos/src/Extensions/FileHandler/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/FileHandler/React/index.jsx b/demos/src/Extensions/FileHandler/React/index.jsx
new file mode 100644
index 0000000..56f0536
--- /dev/null
+++ b/demos/src/Extensions/FileHandler/React/index.jsx
@@ -0,0 +1,82 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import FileHandler from '@tiptap/extension-file-handler'
+import Heading from '@tiptap/extension-heading'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Heading,
+      Paragraph,
+      Text,
+      Image,
+      FileHandler.configure({
+        allowedMimeTypes: ['image/png', 'image/jpeg', 'image/gif', 'image/webp'],
+        onDrop: (currentEditor, files, pos) => {
+          files.forEach(file => {
+            const fileReader = new FileReader()
+
+            fileReader.readAsDataURL(file)
+            fileReader.onload = () => {
+              currentEditor
+                .chain()
+                .insertContentAt(pos, {
+                  type: 'image',
+                  attrs: {
+                    src: fileReader.result,
+                  },
+                })
+                .focus()
+                .run()
+            }
+          })
+        },
+        onPaste: (currentEditor, files, htmlContent) => {
+          files.forEach(file => {
+            if (htmlContent) {
+              // if there is htmlContent, stop manual insertion & let other extensions handle insertion via inputRule
+              // you could extract the pasted file from this url string and upload it to a server for example
+              console.log(htmlContent) // oxlint-disable-line no-console
+              return false
+            }
+
+            const fileReader = new FileReader()
+
+            fileReader.readAsDataURL(file)
+            fileReader.onload = () => {
+              currentEditor
+                .chain()
+                .insertContentAt(currentEditor.state.selection.anchor, {
+                  type: 'image',
+                  attrs: {
+                    src: fileReader.result,
+                  },
+                })
+                .focus()
+                .run()
+            }
+          })
+        },
+      }),
+    ],
+    content: `
+      <h1>
+        Try to paste or drop files into this editor
+      </h1>
+      <p></p>
+      <p></p>
+      <p></p>
+      <p></p>
+      <p></p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Extensions/FileHandler/React/styles.scss b/demos/src/Extensions/FileHandler/React/styles.scss
new file mode 100644
index 0000000..51aa105
--- /dev/null
+++ b/demos/src/Extensions/FileHandler/React/styles.scss
@@ -0,0 +1,17 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
diff --git a/demos/src/Extensions/FileHandler/Vue/index.html b/demos/src/Extensions/FileHandler/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/FileHandler/Vue/index.vue b/demos/src/Extensions/FileHandler/Vue/index.vue
new file mode 100644
index 0000000..f83736d
--- /dev/null
+++ b/demos/src/Extensions/FileHandler/Vue/index.vue
@@ -0,0 +1,113 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import FileHandler from '@tiptap/extension-file-handler'
+import Heading from '@tiptap/extension-heading'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Heading,
+        Paragraph,
+        Text,
+        Image,
+        FileHandler.configure({
+          allowedMimeTypes: ['image/png', 'image/jpeg', 'image/gif', 'image/webp'],
+          onDrop: (currentEditor, files, pos) => {
+            files.forEach(file => {
+              const fileReader = new FileReader()
+
+              fileReader.readAsDataURL(file)
+              fileReader.onload = () => {
+                currentEditor
+                  .chain()
+                  .insertContentAt(pos, {
+                    type: 'image',
+                    attrs: {
+                      src: fileReader.result,
+                    },
+                  })
+                  .focus()
+                  .run()
+              }
+            })
+          },
+          onPaste: (currentEditor, files) => {
+            files.forEach(file => {
+              const fileReader = new FileReader()
+
+              fileReader.readAsDataURL(file)
+              fileReader.onload = () => {
+                currentEditor
+                  .chain()
+                  .insertContentAt(currentEditor.state.selection.anchor, {
+                    type: 'image',
+                    attrs: {
+                      src: fileReader.result,
+                    },
+                  })
+                  .focus()
+                  .run()
+              }
+            })
+          },
+        }),
+      ],
+      content: `
+        <h1>
+          Try to paste or drop files into this editor
+        </h1>
+        <p></p>
+        <p></p>
+        <p></p>
+        <p></p>
+        <p></p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+})
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
+</style>
diff --git a/demos/src/Extensions/FindAndReplace/React/hooks/useFindAndReplace.js b/demos/src/Extensions/FindAndReplace/React/hooks/useFindAndReplace.js
new file mode 100644
index 0000000..7ae4032
--- /dev/null
+++ b/demos/src/Extensions/FindAndReplace/React/hooks/useFindAndReplace.js
@@ -0,0 +1,82 @@
+import { useEditorState } from '@tiptap/react'
+import { useEffect, useState } from 'react'
+
+export function useFindAndReplace(editor) {
+  const { searchTerm, replaceTerm, caseSensitive, useRegex, wholeWord, resultCount, currentIndex } =
+    useEditorState({
+      editor,
+      selector: ctx => ({
+        searchTerm: ctx.editor.storage.findAndReplace.searchTerm,
+        replaceTerm: ctx.editor.storage.findAndReplace.replaceTerm,
+        caseSensitive: ctx.editor.storage.findAndReplace.caseSensitive,
+        useRegex: ctx.editor.storage.findAndReplace.useRegex,
+        wholeWord: ctx.editor.storage.findAndReplace.wholeWord,
+        resultCount: ctx.editor.storage.findAndReplace.results.length,
+        currentIndex: ctx.editor.storage.findAndReplace.currentIndex,
+      }),
+    })
+  const [searchInput, setSearchInput] = useState(searchTerm)
+
+  useEffect(() => {
+    setSearchInput(searchTerm)
+  }, [searchTerm])
+
+  const setSearchTerm = term => {
+    setSearchInput(term)
+    editor.commands.setSearchTerm(term)
+  }
+
+  const goToNextResult = () => {
+    editor.commands.goToNextResult()
+  }
+
+  const goToPreviousResult = () => {
+    editor.commands.goToPreviousResult()
+  }
+
+  const replace = () => {
+    editor.commands.replace()
+  }
+
+  const replaceAll = () => {
+    editor.commands.replaceAll()
+  }
+
+  const clearSearch = () => {
+    setSearchInput('')
+    editor.commands.clearSearch()
+  }
+
+  const onSearchKeyDown = event => {
+    if (event.key !== 'Enter') {
+      return
+    }
+
+    if (event.shiftKey) {
+      editor.commands.goToPreviousResult()
+    } else {
+      editor.commands.goToNextResult()
+    }
+  }
+
+  return {
+    searchInput,
+    replaceTerm,
+    caseSensitive,
+    useRegex,
+    wholeWord,
+    resultCount,
+    currentIndex,
+    setSearchTerm,
+    setReplaceTerm: term => editor.commands.setReplaceTerm(term),
+    setCaseSensitive: value => editor.commands.setCaseSensitive(value),
+    setUseRegex: value => editor.commands.setUseRegex(value),
+    setWholeWord: value => editor.commands.setWholeWord(value),
+    goToNextResult,
+    goToPreviousResult,
+    replace,
+    replaceAll,
+    clearSearch,
+    onSearchKeyDown,
+  }
+}
diff --git a/demos/src/Extensions/FindAndReplace/React/index.html b/demos/src/Extensions/FindAndReplace/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/FindAndReplace/React/index.jsx b/demos/src/Extensions/FindAndReplace/React/index.jsx
new file mode 100644
index 0000000..7b8437f
--- /dev/null
+++ b/demos/src/Extensions/FindAndReplace/React/index.jsx
@@ -0,0 +1,136 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import FindAndReplace from '@tiptap/extension-find-and-replace'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+
+import { useFindAndReplace } from './hooks/useFindAndReplace'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, FindAndReplace],
+    content: `
+      <p>
+        Find and replace is one of those features you only miss once it is gone.
+        Try searching for "tiptap" in this text. Tiptap highlights every match
+        right inside the editor, no matter if it is written as tiptap, Tiptap
+        or even TIPTAP.
+      </p>
+      <p>
+        Toggle "Match case" to only find exact matches. Enable "Regex" and search
+        for colou?r to find both color and colour at once. Hit "Replace" to swap
+        the current match and jump straight to the next one.
+      </p>
+    `,
+  })
+
+  const {
+    searchInput,
+    replaceTerm,
+    caseSensitive,
+    useRegex,
+    wholeWord,
+    resultCount,
+    currentIndex,
+    setSearchTerm,
+    setReplaceTerm,
+    setCaseSensitive,
+    setUseRegex,
+    setWholeWord,
+    goToNextResult,
+    goToPreviousResult,
+    replace,
+    replaceAll,
+    clearSearch,
+    onSearchKeyDown,
+  } = useFindAndReplace(editor)
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <input
+            type="text"
+            placeholder="Search"
+            aria-label="Search"
+            value={searchInput}
+            onChange={event => setSearchTerm(event.currentTarget.value)}
+            onKeyDown={onSearchKeyDown}
+            data-testid="search-input"
+          />
+          <input
+            type="text"
+            placeholder="Replace"
+            aria-label="Replace"
+            value={replaceTerm}
+            onChange={event => setReplaceTerm(event.currentTarget.value)}
+            data-testid="replace-input"
+          />
+          <label>
+            <input
+              type="checkbox"
+              checked={caseSensitive}
+              onChange={event => setCaseSensitive(event.currentTarget.checked)}
+              data-testid="case-sensitive-checkbox"
+            />
+            Match case
+          </label>
+          <label>
+            <input
+              type="checkbox"
+              checked={wholeWord}
+              disabled={useRegex}
+              onChange={event => setWholeWord(event.currentTarget.checked)}
+              data-testid="whole-word-checkbox"
+            />
+            Whole word
+          </label>
+          <label>
+            <input
+              type="checkbox"
+              checked={useRegex}
+              onChange={event => setUseRegex(event.currentTarget.checked)}
+              data-testid="regex-checkbox"
+            />
+            Regex
+          </label>
+        </div>
+        <div className="button-group">
+          <button
+            onClick={goToPreviousResult}
+            disabled={resultCount === 0}
+            data-testid="previous-button"
+          >
+            Previous
+          </button>
+          <button onClick={goToNextResult} disabled={resultCount === 0} data-testid="next-button">
+            Next
+          </button>
+          <button onClick={replace} disabled={resultCount === 0} data-testid="replace-button">
+            Replace
+          </button>
+          <button
+            onClick={replaceAll}
+            disabled={resultCount === 0}
+            data-testid="replace-all-button"
+          >
+            Replace all
+          </button>
+          <button onClick={clearSearch} data-testid="clear-button">
+            Clear
+          </button>
+          <span className="result-count" data-testid="result-count">
+            {resultCount === 0 ? 'No results' : `${(currentIndex ?? 0) + 1} of ${resultCount}`}
+          </span>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/FindAndReplace/React/styles.scss b/demos/src/Extensions/FindAndReplace/React/styles.scss
new file mode 100644
index 0000000..9ed2f12
--- /dev/null
+++ b/demos/src/Extensions/FindAndReplace/React/styles.scss
@@ -0,0 +1,21 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+
+.control-group {
+  label {
+    align-items: center;
+    display: flex;
+    gap: 0.25rem;
+    font-size: 0.875rem;
+  }
+
+  .result-count {
+    align-self: center;
+    color: var(--gray-5);
+    font-size: 0.875rem;
+  }
+}
diff --git a/demos/src/Extensions/FindAndReplace/Vue/index.html b/demos/src/Extensions/FindAndReplace/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/FindAndReplace/Vue/index.vue b/demos/src/Extensions/FindAndReplace/Vue/index.vue
new file mode 100644
index 0000000..3c0bad8
--- /dev/null
+++ b/demos/src/Extensions/FindAndReplace/Vue/index.vue
@@ -0,0 +1,171 @@
+<template>
+  <div v-if="editor">
+    <div class="control-group">
+      <div class="button-group">
+        <input
+          type="text"
+          placeholder="Search"
+          aria-label="Search"
+          :value="findAndReplace.searchTerm"
+          @input="setSearchTerm($event.target.value)"
+          @keydown.enter.exact="goToNextResult"
+          @keydown.shift.enter="goToPreviousResult"
+          data-testid="search-input"
+        />
+        <input
+          type="text"
+          placeholder="Replace"
+          aria-label="Replace"
+          :value="findAndReplace.replaceTerm"
+          @input="setReplaceTerm($event.target.value)"
+          data-testid="replace-input"
+        />
+        <label>
+          <input
+            type="checkbox"
+            :checked="findAndReplace.caseSensitive"
+            @change="setCaseSensitive($event.target.checked)"
+            data-testid="case-sensitive-checkbox"
+          />
+          Match case
+        </label>
+        <label>
+          <input
+            type="checkbox"
+            :checked="findAndReplace.wholeWord"
+            :disabled="findAndReplace.useRegex"
+            @change="setWholeWord($event.target.checked)"
+            data-testid="whole-word-checkbox"
+          />
+          Whole word
+        </label>
+        <label>
+          <input
+            type="checkbox"
+            :checked="findAndReplace.useRegex"
+            @change="setUseRegex($event.target.checked)"
+            data-testid="regex-checkbox"
+          />
+          Regex
+        </label>
+      </div>
+      <div class="button-group">
+        <button
+          @click="goToPreviousResult"
+          :disabled="findAndReplace.results.length === 0"
+          data-testid="previous-button"
+        >
+          Previous
+        </button>
+        <button
+          @click="goToNextResult"
+          :disabled="findAndReplace.results.length === 0"
+          data-testid="next-button"
+        >
+          Next
+        </button>
+        <button
+          @click="replace"
+          :disabled="findAndReplace.results.length === 0"
+          data-testid="replace-button"
+        >
+          Replace
+        </button>
+        <button
+          @click="replaceAll"
+          :disabled="findAndReplace.results.length === 0"
+          data-testid="replace-all-button"
+        >
+          Replace all
+        </button>
+        <button @click="clearSearch" data-testid="clear-button">Clear</button>
+        <span class="result-count" data-testid="result-count">
+          {{ resultCount }}
+        </span>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import Document from '@tiptap/extension-document'
+import FindAndReplace from '@tiptap/extension-find-and-replace'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { onBeforeUnmount, onMounted, shallowRef } from 'vue'
+
+import { useFindAndReplace } from './utils.js'
+
+const editor = shallowRef<Editor | null>(null)
+const {
+  findAndReplace,
+  resultCount,
+  connect,
+  disconnect,
+  setSearchTerm,
+  setReplaceTerm,
+  setCaseSensitive,
+  setUseRegex,
+  setWholeWord,
+  goToNextResult,
+  goToPreviousResult,
+  replace,
+  replaceAll,
+  clearSearch,
+} = useFindAndReplace()
+
+const content = `
+  <p>
+    Find and replace is one of those features you only miss once it is gone.
+    Try searching for "tiptap" in this text. Tiptap highlights every match
+    right inside the editor, no matter if it is written as tiptap, Tiptap
+    or even TIPTAP.
+  </p>
+  <p>
+    Toggle "Match case" to only find exact matches. Enable "Regex" and search
+    for colou?r to find both color and colour at once. Hit "Replace" to swap
+    the current match and jump straight to the next one.
+  </p>
+`
+
+onMounted(() => {
+  const nextEditor = new Editor({
+    extensions: [Document, Paragraph, Text, FindAndReplace],
+    content,
+  })
+
+  editor.value = nextEditor
+  connect(nextEditor)
+})
+
+onBeforeUnmount(() => {
+  disconnect()
+  editor.value?.destroy()
+})
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+
+.control-group {
+  label {
+    align-items: center;
+    display: flex;
+    gap: 0.25rem;
+    font-size: 0.875rem;
+  }
+
+  .result-count {
+    align-self: center;
+    color: var(--gray-5);
+    font-size: 0.875rem;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/FindAndReplace/Vue/utils.ts b/demos/src/Extensions/FindAndReplace/Vue/utils.ts
new file mode 100644
index 0000000..b3c90ae
--- /dev/null
+++ b/demos/src/Extensions/FindAndReplace/Vue/utils.ts
@@ -0,0 +1,76 @@
+import type { Editor } from '@tiptap/vue'
+import type { FindAndReplaceStorage } from '@tiptap/extension-find-and-replace'
+import { computed, ref } from 'vue'
+
+function createFindAndReplaceState(): FindAndReplaceStorage {
+  return {
+    searchTerm: '',
+    replaceTerm: '',
+    caseSensitive: false,
+    useRegex: false,
+    wholeWord: false,
+    results: [],
+    currentIndex: null,
+  }
+}
+
+export function useFindAndReplace() {
+  const findAndReplace = ref<FindAndReplaceStorage>(createFindAndReplaceState())
+  const resultCount = computed(() => {
+    const { results, currentIndex } = findAndReplace.value
+
+    return results.length === 0 ? 'No results' : `${(currentIndex ?? 0) + 1} of ${results.length}`
+  })
+  let editor: Editor | null = null
+
+  const updateFindAndReplace = () => {
+    if (editor) {
+      findAndReplace.value = { ...editor.storage.findAndReplace }
+    }
+  }
+
+  return {
+    findAndReplace,
+    resultCount,
+    connect(nextEditor: Editor) {
+      editor = nextEditor
+      updateFindAndReplace()
+      editor.on('transaction', updateFindAndReplace)
+    },
+    disconnect() {
+      editor?.off('transaction', updateFindAndReplace)
+      editor = null
+    },
+    setSearchTerm(term: string) {
+      findAndReplace.value.searchTerm = term
+      editor?.commands.setSearchTerm(term)
+    },
+    setReplaceTerm(term: string) {
+      editor?.commands.setReplaceTerm(term)
+    },
+    setCaseSensitive(value: boolean) {
+      editor?.commands.setCaseSensitive(value)
+    },
+    setUseRegex(value: boolean) {
+      editor?.commands.setUseRegex(value)
+    },
+    setWholeWord(value: boolean) {
+      editor?.commands.setWholeWord(value)
+    },
+    goToNextResult() {
+      editor?.commands.goToNextResult()
+    },
+    goToPreviousResult() {
+      editor?.commands.goToPreviousResult()
+    },
+    replace() {
+      editor?.commands.replace()
+    },
+    replaceAll() {
+      editor?.commands.replaceAll()
+    },
+    clearSearch() {
+      editor?.commands.clearSearch()
+    },
+  }
+}
diff --git a/demos/src/Extensions/FloatingMenu/React/index.html b/demos/src/Extensions/FloatingMenu/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/FloatingMenu/React/index.jsx b/demos/src/Extensions/FloatingMenu/React/index.jsx
new file mode 100644
index 0000000..1f78a1c
--- /dev/null
+++ b/demos/src/Extensions/FloatingMenu/React/index.jsx
@@ -0,0 +1,71 @@
+import './styles.scss'
+
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import { FloatingMenu } from '@tiptap/react/menus'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useEffect } from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit],
+    content: `
+      <p>
+        This is an example of a Medium-like editor. Enter a new line and some buttons will appear.
+      </p>
+      <p></p>
+    `,
+  })
+
+  const [isEditable, setIsEditable] = React.useState(true)
+
+  useEffect(() => {
+    if (editor) {
+      editor.setEditable(isEditable)
+    }
+  }, [isEditable, editor])
+
+  const { isHeading1, isHeading2, isBulletList } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isHeading1: ctx.editor.isActive('heading', { level: 1 }) ?? false,
+      isHeading2: ctx.editor.isActive('heading', { level: 2 }) ?? false,
+      isBulletList: ctx.editor.isActive('bulletList') ?? false,
+    }),
+  })
+
+  return (
+    <>
+      <div className="control-group">
+        <label>
+          <input type="checkbox" checked={isEditable} onChange={() => setIsEditable(!isEditable)} />
+          Editable
+        </label>
+      </div>
+      {editor && (
+        <FloatingMenu editor={editor}>
+          <div className="floating-menu" data-testid="floating-menu">
+            <button
+              onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+              className={isHeading1 ? 'is-active' : ''}
+            >
+              H1
+            </button>
+            <button
+              onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+              className={isHeading2 ? 'is-active' : ''}
+            >
+              H2
+            </button>
+            <button
+              onClick={() => editor.chain().focus().toggleBulletList().run()}
+              className={isBulletList ? 'is-active' : ''}
+            >
+              Bullet list
+            </button>
+          </div>
+        </FloatingMenu>
+      )}
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/FloatingMenu/React/styles.scss b/demos/src/Extensions/FloatingMenu/React/styles.scss
new file mode 100644
index 0000000..d2765cd
--- /dev/null
+++ b/demos/src/Extensions/FloatingMenu/React/styles.scss
@@ -0,0 +1,118 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+
+/* Floating menu */
+.floating-menu {
+  display: flex;
+  background-color: var(--gray-3);
+  padding: 0.1rem;
+  border-radius: 0.5rem;
+
+  button {
+    background-color: unset;
+    padding: 0.275rem 0.425rem;
+    border-radius: 0.3rem;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--white);
+      color: var(--purple);
+
+      &:hover {
+        color: var(--purple-contrast);
+      }
+    }
+  }
+}
diff --git a/demos/src/Extensions/FloatingMenu/Vue/index.html b/demos/src/Extensions/FloatingMenu/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/FloatingMenu/Vue/index.vue b/demos/src/Extensions/FloatingMenu/Vue/index.vue
new file mode 100644
index 0000000..c98482a
--- /dev/null
+++ b/demos/src/Extensions/FloatingMenu/Vue/index.vue
@@ -0,0 +1,196 @@
+<template>
+  <div class="container">
+    <div class="control-group">
+      <label>
+        <input type="checkbox" :checked="isEditable" @change="() => (isEditable = !isEditable)" />
+        Editable
+      </label>
+    </div>
+    <floating-menu :editor="editor" v-if="editor">
+      <div class="floating-menu">
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }"
+        >
+          H1
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }"
+        >
+          H2
+        </button>
+        <button
+          @click="editor.chain().focus().toggleBulletList().run()"
+          :class="{ 'is-active': editor.isActive('bulletList') }"
+        >
+          Bullet list
+        </button>
+      </div>
+    </floating-menu>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { FloatingMenu } from '@tiptap/vue/menus'
+
+export default {
+  components: {
+    EditorContent,
+    FloatingMenu,
+  },
+
+  data() {
+    return {
+      editor: null,
+      isEditable: true,
+    }
+  },
+
+  watch: {
+    isEditable(value) {
+      this.editor.setEditable(value)
+    },
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit],
+      content: `
+        <p>
+          This is an example of a Medium-like editor. Enter a new line and some buttons will appear.
+        </p>
+        <p></p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+
+/* Floating menu */
+.floating-menu {
+  display: flex;
+  background-color: var(--gray-3);
+  padding: 0.1rem;
+  border-radius: 0.5rem;
+
+  button {
+    background-color: unset;
+    padding: 0.275rem 0.425rem;
+    border-radius: 0.3rem;
+
+    &:hover {
+      background-color: var(--gray-3);
+    }
+
+    &.is-active {
+      background-color: var(--white);
+      color: var(--purple);
+
+      &:hover {
+        color: var(--purple-contrast);
+      }
+    }
+  }
+}
+</style>
diff --git a/demos/src/Extensions/FloatingMenu/index.spec.ts b/demos/src/Extensions/FloatingMenu/index.spec.ts
new file mode 100644
index 0000000..7a1e901
--- /dev/null
+++ b/demos/src/Extensions/FloatingMenu/index.spec.ts
@@ -0,0 +1,33 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'FloatingMenu'
+const frameworkPaths = ['React']
+const demoPath = '/src/Extensions'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('does not render a floating menu on non-empty nodes', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) =>
+          el.editor.chain().setContent('<p>Example Text</p>').focus().run(),
+        )
+        await expect(page.locator('[data-testid="floating-menu"]')).toHaveCount(0)
+      })
+
+      test('renders a floating menu on empty nodes', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.chain().setContent('<p></p>').focus().run())
+        await expect(page.locator('[data-testid="floating-menu"]')).toBeVisible()
+      })
+    })
+  })
+})
diff --git a/demos/src/Extensions/Focus/React/index.html b/demos/src/Extensions/Focus/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Focus/React/index.jsx b/demos/src/Extensions/Focus/React/index.jsx
new file mode 100644
index 0000000..ff7d340
--- /dev/null
+++ b/demos/src/Extensions/Focus/React/index.jsx
@@ -0,0 +1,39 @@
+import './styles.scss'
+
+import Code from '@tiptap/extension-code'
+import Document from '@tiptap/extension-document'
+import { BulletList, ListItem } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Focus } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Focus.configure({
+        className: 'has-focus',
+        mode: 'all',
+      }),
+      Code,
+      BulletList,
+      ListItem,
+    ],
+    autofocus: true,
+    content: `
+        <p>
+          The focus extension adds a class to the focused node only. That enables you to add a custom styling to just that node. By default, it’ll add <code>.has-focus</code>, even to nested nodes.
+        </p>
+        <ul>
+          <li>Nested elements (like this list item) will be focused with the default setting of <code>mode: all</code>.</li>
+          <li>Otherwise the whole list will get the focus class, even when just a single list item is selected.</li>
+        </ul>
+      `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Extensions/Focus/React/styles.scss b/demos/src/Extensions/Focus/React/styles.scss
new file mode 100644
index 0000000..15839cf
--- /dev/null
+++ b/demos/src/Extensions/Focus/React/styles.scss
@@ -0,0 +1,33 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  // Focus styles
+  .has-focus {
+    border-radius: 3px;
+    box-shadow: 0 0 0 2px var(--purple);
+  }
+}
diff --git a/demos/src/Extensions/Focus/Vue/index.html b/demos/src/Extensions/Focus/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Focus/Vue/index.vue b/demos/src/Extensions/Focus/Vue/index.vue
new file mode 100644
index 0000000..6b07211
--- /dev/null
+++ b/demos/src/Extensions/Focus/Vue/index.vue
@@ -0,0 +1,92 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Code from '@tiptap/extension-code'
+import Document from '@tiptap/extension-document'
+import { BulletList, ListItem } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Focus } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Focus.configure({
+          className: 'has-focus',
+          mode: 'all',
+        }),
+        Code,
+        BulletList,
+        ListItem,
+      ],
+      autofocus: true,
+      content: `
+        <p>
+          The focus extension adds a class to the focused node only. That enables you to add a custom styling to just that node. By default, it’ll add <code>.has-focus</code>, even to nested nodes.
+        </p>
+        <ul>
+          <li>Nested elements (like this list item) will be focused with the default setting of <code>mode: all</code>.</li>
+          <li>Otherwise the whole list will get the focus class, even when just a single list item is selected.</li>
+        </ul>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  // Focus styles
+  .has-focus {
+    border-radius: 3px;
+    box-shadow: 0 0 0 2px var(--purple);
+  }
+}
+</style>
diff --git a/demos/src/Extensions/Focus/index.spec.ts b/demos/src/Extensions/Focus/index.spec.ts
new file mode 100644
index 0000000..b2865c0
--- /dev/null
+++ b/demos/src/Extensions/Focus/index.spec.ts
@@ -0,0 +1,21 @@
+import { expect, test } from '@playwright/test'
+
+const demoName = 'Focus'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Extensions'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('first paragraph has has-focus class', async ({ page }) => {
+        await expect(page.locator('.tiptap p').first()).toHaveClass(/has-focus/)
+      })
+    })
+  })
+})
diff --git a/demos/src/Extensions/FontFamily/React/index.html b/demos/src/Extensions/FontFamily/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/FontFamily/React/index.jsx b/demos/src/Extensions/FontFamily/React/index.jsx
new file mode 100644
index 0000000..f4d6a18
--- /dev/null
+++ b/demos/src/Extensions/FontFamily/React/index.jsx
@@ -0,0 +1,118 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { FontFamily, TextStyle } from '@tiptap/extension-text-style'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, TextStyle, FontFamily],
+    content: `
+        <p><span style="font-family: Inter">Did you know that Inter is a really nice font for interfaces?</span></p>
+        <p><span style="font-family: Comic Sans MS, Comic Sans">It doesn’t look as professional as Comic Sans.</span></p>
+        <p><span style="font-family: serif">Serious people use serif fonts anyway.</span></p>
+        <p><span style="font-family: monospace">The cool kids can apply monospace fonts aswell.</span></p>
+        <p><span style="font-family: cursive">But hopefully we all can agree, that cursive fonts are the best.</span></p>
+        <p><span style="font-family: var(--title-font-family)">Then there are CSS variables, the new hotness.</span></p>
+        <p><span style="font-family: 'Exo 2'">TipTap even can handle exotic fonts as Exo 2.</span></p>
+      `,
+  })
+
+  const { isInter, isComicSans, isSerif, isMonospace, isCursive, isExo2, isCssVariable } =
+    useEditorState({
+      editor,
+      selector: ctx => {
+        return {
+          isInter: ctx.editor.isActive('textStyle', { fontFamily: 'Inter' }),
+          isComicSans: ctx.editor.isActive('textStyle', {
+            fontFamily: '"Comic Sans MS", "Comic Sans"',
+          }),
+          isSerif: ctx.editor.isActive('textStyle', { fontFamily: 'serif' }),
+          isMonospace: ctx.editor.isActive('textStyle', { fontFamily: 'monospace' }),
+          isCursive: ctx.editor.isActive('textStyle', { fontFamily: 'cursive' }),
+          isExo2: ctx.editor.isActive('textStyle', { fontFamily: '"Exo 2"' }),
+          isCssVariable: ctx.editor.isActive('textStyle', {
+            fontFamily: 'var(--title-font-family)',
+          }),
+        }
+      },
+    })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <link
+        href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap"
+        rel="stylesheet"
+      />
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().setFontFamily('Inter').run()}
+            className={isInter ? 'is-active' : ''}
+            data-test-id="inter"
+          >
+            Inter
+          </button>
+          <button
+            onClick={() =>
+              editor.chain().focus().setFontFamily('"Comic Sans MS", "Comic Sans"').run()
+            }
+            className={isComicSans ? 'is-active' : ''}
+            data-test-id="comic-sans"
+          >
+            Comic Sans
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setFontFamily('serif').run()}
+            className={isSerif ? 'is-active' : ''}
+            data-test-id="serif"
+          >
+            Serif
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setFontFamily('monospace').run()}
+            className={isMonospace ? 'is-active' : ''}
+            data-test-id="monospace"
+          >
+            Monospace
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setFontFamily('cursive').run()}
+            className={isCursive ? 'is-active' : ''}
+            data-test-id="cursive"
+          >
+            Cursive
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setFontFamily('var(--title-font-family)').run()}
+            className={isCssVariable ? 'is-active' : ''}
+            data-test-id="css-variable"
+          >
+            CSS variable
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setFontFamily('"Exo 2"').run()}
+            className={isExo2 ? 'is-active' : ''}
+            data-test-id="exo2"
+          >
+            Exo 2
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetFontFamily().run()}
+            data-test-id="unsetFontFamily"
+          >
+            Unset font family
+          </button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/FontFamily/React/styles.scss b/demos/src/Extensions/FontFamily/React/styles.scss
new file mode 100644
index 0000000..bea34fb
--- /dev/null
+++ b/demos/src/Extensions/FontFamily/React/styles.scss
@@ -0,0 +1,10 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+
+html {
+  --title-font-family: 'Helvetica', sans-serif;
+}
diff --git a/demos/src/Extensions/FontFamily/Vue/index.html b/demos/src/Extensions/FontFamily/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/FontFamily/Vue/index.vue b/demos/src/Extensions/FontFamily/Vue/index.vue
new file mode 100644
index 0000000..d9af4ca
--- /dev/null
+++ b/demos/src/Extensions/FontFamily/Vue/index.vue
@@ -0,0 +1,88 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().setFontFamily('Inter').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { fontFamily: 'Inter' }) }"
+        >
+          Inter
+        </button>
+        <button
+          @click="editor.chain().focus().setFontFamily('Comic Sans MS, Comic Sans').run()"
+          :class="{
+            'is-active': editor.isActive('textStyle', { fontFamily: 'Comic Sans MS, Comic Sans' }),
+          }"
+        >
+          Comic Sans
+        </button>
+        <button
+          @click="editor.chain().focus().setFontFamily('serif').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { fontFamily: 'serif' }) }"
+        >
+          Serif
+        </button>
+        <button
+          @click="editor.chain().focus().setFontFamily('monospace').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { fontFamily: 'monospace' }) }"
+        >
+          Monospace
+        </button>
+        <button
+          @click="editor.chain().focus().setFontFamily('cursive').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { fontFamily: 'cursive' }) }"
+        >
+          Cursive
+        </button>
+        <button @click="editor.chain().focus().unsetFontFamily().run()">Unset font family</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { FontFamily, TextStyle } from '@tiptap/extension-text-style'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, TextStyle, FontFamily],
+      content: `
+        <p><span style="font-family: Inter">Did you know that Inter is a really nice font for interfaces?</span></p>
+        <p><span style="font-family: Comic Sans MS, Comic Sans">It doesn’t look as professional as Comic Sans.</span></p>
+        <p><span style="font-family: serif">Serious people use serif fonts anyway.</span></p>
+        <p><span style="font-family: monospace">The cool kids can apply monospace fonts aswell.</span></p>
+        <p><span style="font-family: cursive">But hopefully we all can agree, that cursive fonts are the best.</span></p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/FontSize/React/index.html b/demos/src/Extensions/FontSize/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/FontSize/React/index.jsx b/demos/src/Extensions/FontSize/React/index.jsx
new file mode 100644
index 0000000..1c5ead6
--- /dev/null
+++ b/demos/src/Extensions/FontSize/React/index.jsx
@@ -0,0 +1,68 @@
+import { FontSize, TextStyle } from '@tiptap/extension-text-style'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit, TextStyle, FontSize],
+    content: `
+        <p>Adjusting font sizes can greatly affect the readability of your text, making it easier for users to engage with your content.</p>
+        <p>When designing a website, it's crucial to balance large headings and smaller body text for a clean, organized layout.</p>
+        <p>When setting font sizes, it's important to consider accessibility, ensuring that text is readable for users with different visual impairments.</p>
+        <p><span style="font-size: 10px">Too small</span> a font size can strain the eyes, while <span style="font-size: 40px">too large</span> can disrupt the flow of the design.</p>
+        <p>When designing for mobile, font sizes should be adjusted to maintain readability on smaller screens.</p>
+      `,
+  })
+
+  const { is28px, is32px } = useEditorState({
+    editor,
+    selector: ctx => {
+      if (!ctx.editor) {
+        return {
+          is28px: false,
+          is32px: false,
+        }
+      }
+
+      return {
+        is28px: ctx.editor.isActive('textStyle', { fontSize: '28px' }) ?? false,
+        is32px: ctx.editor.isActive('textStyle', { fontSize: '32px' }) ?? false,
+      }
+    },
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().setFontSize('28px').run()}
+            className={is28px ? 'is-active' : ''}
+            data-test-id="28px"
+          >
+            Font size 28px
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setFontSize('32px').run()}
+            className={is32px ? 'is-active' : ''}
+            data-test-id="32px"
+          >
+            Font size 32px
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetFontSize().run()}
+            data-test-id="unsetFontSize"
+          >
+            Unset font size
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/FontSize/Vue/index.html b/demos/src/Extensions/FontSize/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/FontSize/Vue/index.vue b/demos/src/Extensions/FontSize/Vue/index.vue
new file mode 100644
index 0000000..ca531e7
--- /dev/null
+++ b/demos/src/Extensions/FontSize/Vue/index.vue
@@ -0,0 +1,61 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().setFontSize('28px').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { fontSize: '28px' }) }"
+          data-test-id="28px"
+        >
+          Font size 28px
+        </button>
+        <button
+          @click="editor.chain().focus().setFontSize('32px').run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { fontSize: '32px' }) }"
+          data-test-id="32px"
+        >
+          Font size 32px
+        </button>
+        <button @click="editor.chain().focus().unsetFontSize().run()" data-test-id="unsetFontSize">
+          Unset font size
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import { FontSize, TextStyle } from '@tiptap/extension-text-style'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, TextStyle, FontSize],
+      content: `
+          <p>Adjusting font sizes can greatly affect the readability of your text, making it easier for users to engage with your content.</p>
+          <p>When designing a website, it's crucial to balance large headings and smaller body text for a clean, organized layout.</p>
+          <p>When setting font sizes, it's important to consider accessibility, ensuring that text is readable for users with different visual impairments.</p>
+          <p><span style="font-size: 10px">Too small</span> a font size can strain the eyes, while <span style="font-size: 40px">too large</span> can disrupt the flow of the design.</p>
+          <p>When designing for mobile, font sizes should be adjusted to maintain readability on smaller screens.</p>
+        `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
diff --git a/demos/src/Extensions/Gapcursor/React/index.html b/demos/src/Extensions/Gapcursor/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Gapcursor/React/index.jsx b/demos/src/Extensions/Gapcursor/React/index.jsx
new file mode 100644
index 0000000..4065f33
--- /dev/null
+++ b/demos/src/Extensions/Gapcursor/React/index.jsx
@@ -0,0 +1,21 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Gapcursor } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Image, Gapcursor],
+    content: `
+        <p>Try to move the cursor after the image with your arrow keys! You should see a horizontal blinking cursor below the image. This is the gapcursor.</p>
+        <img src="https://placehold.co/800x400" />
+      `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Extensions/Gapcursor/React/styles.scss b/demos/src/Extensions/Gapcursor/React/styles.scss
new file mode 100644
index 0000000..51aa105
--- /dev/null
+++ b/demos/src/Extensions/Gapcursor/React/styles.scss
@@ -0,0 +1,17 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
diff --git a/demos/src/Extensions/Gapcursor/Vue/index.html b/demos/src/Extensions/Gapcursor/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Gapcursor/Vue/index.vue b/demos/src/Extensions/Gapcursor/Vue/index.vue
new file mode 100644
index 0000000..5df2240
--- /dev/null
+++ b/demos/src/Extensions/Gapcursor/Vue/index.vue
@@ -0,0 +1,58 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Gapcursor } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Image, Gapcursor],
+      content: `
+        <p>Try to move the cursor after the image with your arrow keys! You should see a horizontal blinking cursor below the image. This is the gapcursor.</p>
+        <img src="https://placehold.co/800x400" />
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
+</style>
diff --git a/demos/src/Extensions/InvisibleCharacters/React/index.html b/demos/src/Extensions/InvisibleCharacters/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/InvisibleCharacters/React/index.jsx b/demos/src/Extensions/InvisibleCharacters/React/index.jsx
new file mode 100644
index 0000000..80425f4
--- /dev/null
+++ b/demos/src/Extensions/InvisibleCharacters/React/index.jsx
@@ -0,0 +1,80 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
+import Heading from '@tiptap/extension-heading'
+import InvisibleCharacters from '@tiptap/extension-invisible-characters'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Heading, Text, InvisibleCharacters, HardBreak],
+    content: `
+      <h1>
+        This is a heading.
+      </h1>
+      <p>
+        This<br>is<br>a<br>paragraph.
+      </p>
+      <p>
+        This is a paragraph, but without breaks.
+      </p>
+    `,
+  })
+
+  const { isVisible } = useEditorState({
+    editor,
+    selector: ctx => {
+      if (!ctx.editor) {
+        return {
+          isVisible: false,
+        }
+      }
+
+      return {
+        isVisible: ctx.editor.storage.invisibleCharacters.visibility() ?? false,
+      }
+    },
+  })
+
+  if (!editor) {
+    return false
+  }
+
+  return (
+    <div>
+      <div className="control-group">
+        <div className="button-group">
+          <button onClick={() => editor.commands.showInvisibleCharacters()}>
+            Show invisible characters
+          </button>
+          {/* Works as well */}
+          {/* <button onClick={() => editor.commands.showInvisibleCharacters(false)}>showInvisibleCharacters(false)</button> */}
+          <button onClick={() => editor.commands.hideInvisibleCharacters()}>
+            Hide invisible characters
+          </button>
+          <button onClick={() => editor.commands.toggleInvisibleCharacters()}>
+            Toggle invisible characters
+          </button>
+        </div>
+        <div>
+          <input
+            type="checkbox"
+            id="show-invisible-characters"
+            checked={isVisible}
+            onChange={event => {
+              const value = event.currentTarget.checked
+
+              editor.commands.showInvisibleCharacters(value)
+            }}
+          />
+          <label htmlFor="show-invisible-characters">Show invisibles</label>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </div>
+  )
+}
diff --git a/demos/src/Extensions/InvisibleCharacters/React/styles.scss b/demos/src/Extensions/InvisibleCharacters/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Extensions/InvisibleCharacters/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Extensions/InvisibleCharacters/Vue/index.html b/demos/src/Extensions/InvisibleCharacters/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/InvisibleCharacters/Vue/index.vue b/demos/src/Extensions/InvisibleCharacters/Vue/index.vue
new file mode 100644
index 0000000..9086fd9
--- /dev/null
+++ b/demos/src/Extensions/InvisibleCharacters/Vue/index.vue
@@ -0,0 +1,81 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button @click="editor.commands.showInvisibleCharacters()">
+          Show invisible characters
+        </button>
+        <!-- Works as well -->
+        <!-- <button @click="editor.commands.showInvisibleCharacters(false)">showInvisibleCharacters(false)</button> -->
+        <button @click="editor.commands.hideInvisibleCharacters()">
+          Hide invisible characters
+        </button>
+        <button @click="editor.commands.toggleInvisibleCharacters()">
+          Toggle invisible characters
+        </button>
+      </div>
+      <div>
+        <input
+          type="checkbox"
+          id="show-invisible-characters"
+          :checked="editor.storage.invisibleCharacters.visibility()"
+          @change="event => editor.commands.showInvisibleCharacters(event.currentTarget.checked)"
+        />
+        <label for="show-invisible-characters">Show invisibles</label>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
+import Heading from '@tiptap/extension-heading'
+import InvisibleCharacters from '@tiptap/extension-invisible-characters'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Heading, InvisibleCharacters, HardBreak],
+      content: `
+        <h1>
+          This is a heading.
+        </h1>
+        <p>
+          This<br>is<br>a<br>paragraph.
+        </p>
+        <p>
+          This is a paragraph, but without breaks.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/LineHeight/React/index.html b/demos/src/Extensions/LineHeight/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/LineHeight/React/index.tsx b/demos/src/Extensions/LineHeight/React/index.tsx
new file mode 100644
index 0000000..6f35bd3
--- /dev/null
+++ b/demos/src/Extensions/LineHeight/React/index.tsx
@@ -0,0 +1,69 @@
+import './styles.scss'
+
+import { LineHeight, TextStyle } from '@tiptap/extension-text-style'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit, TextStyle, LineHeight],
+    content: `
+        <p>Adjusting line heights can greatly affect the readability of your text, making it easier for users to engage with your content.</p>
+        <p>Line height is the vertical distance between lines of text in a paragraph. It's also known as leading, which comes from the days of metal type, when strips of lead were placed between lines of type to add space.</p>
+        <p>Line height is expressed as a ratio, meaning the default line height is 1.0. A line height of 1.5 would be 1.5 times the height of the font, while a line height of 2.0 would be twice the height of the font.</p>
+        <p>It's important to choose a line height that's appropriate for your font size and line length. A line height that's too small can make text feel cramped, while a line height that's too large can make text feel disconnected.</p>
+        <p><span style="line-height: 1.5">This paragraph has a line height of 1.5.</span></p>
+        <p>This paragraph has the default line height of 1.0.</p>
+        <p><span style="line-height: 4.0">This paragraph has a line height of 4.0.</span></p>
+      `,
+  })
+  const { isLarge, isSmall, isExtraLarge } = useEditorState({
+    editor,
+    selector: ctx => {
+      return {
+        isSmall: ctx.editor.isActive('textStyle', { lineHeight: '1.5' }),
+        isLarge: ctx.editor.isActive('textStyle', { lineHeight: '2.0' }),
+        isExtraLarge: ctx.editor.isActive('textStyle', { lineHeight: '4.0' }),
+      }
+    },
+  })
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleTextStyle({ lineHeight: '1.5' }).run()}
+            className={isSmall ? 'is-active' : ''}
+            data-test-id="1.5"
+          >
+            Line height 1.5
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleTextStyle({ lineHeight: '2.0' }).run()}
+            className={isLarge ? 'is-active' : ''}
+            data-test-id="2.0"
+          >
+            Line height 2.0
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleTextStyle({ lineHeight: '4.0' }).run()}
+            className={isExtraLarge ? 'is-active' : ''}
+            data-test-id="4.0"
+          >
+            Line height 4.0
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetLineHeight().run()}
+            data-test-id="unsetLineHeight"
+          >
+            Unset line height
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/LineHeight/React/styles.scss b/demos/src/Extensions/LineHeight/React/styles.scss
new file mode 100644
index 0000000..a3cb76a
--- /dev/null
+++ b/demos/src/Extensions/LineHeight/React/styles.scss
@@ -0,0 +1,18 @@
+/* Basic editor styles */
+.tiptap {
+  line-height: 1;
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
diff --git a/demos/src/Extensions/LineHeight/Vue/index.html b/demos/src/Extensions/LineHeight/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/LineHeight/Vue/index.vue b/demos/src/Extensions/LineHeight/Vue/index.vue
new file mode 100644
index 0000000..f625650
--- /dev/null
+++ b/demos/src/Extensions/LineHeight/Vue/index.vue
@@ -0,0 +1,75 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleTextStyle({ lineHeight: '1.5' }).run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { lineHeight: '1.5' }) }"
+          data-test-id="1.5"
+        >
+          Line height 1.5
+        </button>
+        <button
+          @click="editor.chain().focus().toggleTextStyle({ lineHeight: '2.0' }).run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { lineHeight: '2.0' }) }"
+          data-test-id="2.0"
+        >
+          Line height 2.0
+        </button>
+        <button
+          @click="editor.chain().focus().toggleTextStyle({ lineHeight: '4.0' }).run()"
+          :class="{ 'is-active': editor.isActive('textStyle', { lineHeight: '4.0' }) }"
+          data-test-id="4.0"
+        >
+          Line height 4.0
+        </button>
+        <button
+          @click="editor.chain().focus().unsetLineHeight().run()"
+          data-test-id="unsetLineHeight"
+        >
+          Unset line height
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import './styles.scss'
+
+import { LineHeight, TextStyle } from '@tiptap/extension-text-style'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, TextStyle, LineHeight],
+      content: `
+        <p>Adjusting line heights can greatly affect the readability of your text, making it easier for users to engage with your content.</p>
+        <p>Line height is the vertical distance between lines of text in a paragraph. It's also known as leading, which comes from the days of metal type, when strips of lead were placed between lines of type to add space.</p>
+        <p>Line height is expressed as a ratio, meaning the default line height is 1.0. A line height of 1.5 would be 1.5 times the height of the font, while a line height of 2.0 would be twice the height of the font.</p>
+        <p>It's important to choose a line height that's appropriate for your font size and line length. A line height that's too small can make text feel cramped, while a line height that's too large can make text feel disconnected.</p>
+        <p><span style="line-height: 1.5">This paragraph has a line height of 1.5.</span></p>
+        <p>This paragraph has the default line height of 1.0.</p>
+        <p><span style="line-height: 4.0">This paragraph has a line height of 4.0.</span></p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
diff --git a/demos/src/Extensions/LineHeight/Vue/styles.scss b/demos/src/Extensions/LineHeight/Vue/styles.scss
new file mode 100644
index 0000000..a3cb76a
--- /dev/null
+++ b/demos/src/Extensions/LineHeight/Vue/styles.scss
@@ -0,0 +1,18 @@
+/* Basic editor styles */
+.tiptap {
+  line-height: 1;
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
diff --git a/demos/src/Extensions/ListKeymap/React/index.html b/demos/src/Extensions/ListKeymap/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/ListKeymap/React/index.jsx b/demos/src/Extensions/ListKeymap/React/index.jsx
new file mode 100644
index 0000000..1086b02
--- /dev/null
+++ b/demos/src/Extensions/ListKeymap/React/index.jsx
@@ -0,0 +1,80 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import { BulletList, ListItem, ListKeymap } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, BulletList, ListItem, ListKeymap],
+    content: `
+        <ul>
+          <li>A list item</li>
+          <li>And another one</li>
+        </ul>
+      `,
+  })
+
+  const { isBulletList, canSplitListItem, canSinkListItem, canLiftListItem } = useEditorState({
+    editor,
+    selector: ctx => {
+      if (!ctx.editor) {
+        return {
+          isBulletList: false,
+          canSplitListItem: false,
+          canSinkListItem: false,
+          canLiftListItem: false,
+        }
+      }
+
+      return {
+        isBulletList: ctx.editor.isActive('bulletList') ?? false,
+        canSplitListItem: ctx.editor.can().splitListItem('listItem') ?? false,
+        canSinkListItem: ctx.editor.can().sinkListItem('listItem') ?? false,
+        canLiftListItem: ctx.editor.can().liftListItem('listItem') ?? false,
+      }
+    },
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleBulletList().run()}
+            className={isBulletList ? 'is-active' : ''}
+          >
+            Toggle bullet list
+          </button>
+          <button
+            onClick={() => editor.chain().focus().splitListItem('listItem').run()}
+            disabled={!canSplitListItem}
+          >
+            Split list item
+          </button>
+          <button
+            onClick={() => editor.chain().focus().sinkListItem('listItem').run()}
+            disabled={!canSinkListItem}
+          >
+            Sink list item
+          </button>
+          <button
+            onClick={() => editor.chain().focus().liftListItem('listItem').run()}
+            disabled={!canLiftListItem}
+          >
+            Lift list item
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/ListKeymap/React/styles.scss b/demos/src/Extensions/ListKeymap/React/styles.scss
new file mode 100644
index 0000000..95fe10c
--- /dev/null
+++ b/demos/src/Extensions/ListKeymap/React/styles.scss
@@ -0,0 +1,18 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+}
diff --git a/demos/src/Extensions/ListKeymap/index.spec.ts b/demos/src/Extensions/ListKeymap/index.spec.ts
new file mode 100644
index 0000000..13ba5ef
--- /dev/null
+++ b/demos/src/Extensions/ListKeymap/index.spec.ts
@@ -0,0 +1,173 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'ListKeymap'
+const frameworkPaths = ['React']
+const demoPath = '/src/Extensions'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      const placeCaretBefore = async (
+        editor: Awaited<ReturnType<typeof getEditor>>,
+        content: string,
+        target: string,
+      ) => {
+        await editor.evaluate(
+          (el: any, { content: innerContent, target: innerTarget }: any) => {
+            el.editor.commands.setContent(innerContent)
+            let caret = -1
+            el.editor.state.doc.descendants((node: any, pos: number) => {
+              if (caret !== -1 || !node.isText) return
+              const offset = node.text.indexOf(innerTarget)
+              if (offset !== -1) caret = pos + offset
+            })
+            if (caret === -1) throw new Error(`Could not find "${innerTarget}" in the document`)
+            el.editor.chain().focus().setTextSelection({ from: caret, to: caret }).run()
+          },
+          { content, target },
+        )
+      }
+
+      const placeCaretInEmptyParagraph = async (
+        editor: Awaited<ReturnType<typeof getEditor>>,
+        content: string,
+      ) => {
+        await editor.evaluate(
+          (el: any, { content: innerContent }: any) => {
+            el.editor.commands.setContent(innerContent)
+            let caret = -1
+            el.editor.state.doc.descendants((node: any, pos: number) => {
+              if (caret !== -1) return
+              if (node.type.name === 'paragraph' && node.content.size === 0) {
+                caret = pos + 1
+              }
+            })
+            if (caret === -1) throw new Error('Could not find an empty paragraph in the document')
+            el.editor.chain().focus().setTextSelection({ from: caret, to: caret }).run()
+          },
+          { content },
+        )
+      }
+
+      test('backspace at the start of a non-first item lifts it out of the list', async ({
+        page,
+      }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<ul><li><p>A</p></li><li><p>B</p></li></ul>', 'B')
+        await editor.press('Backspace')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<ul><li><p>A</p></li></ul><p>B</p>')
+      })
+
+      test('backspace at the start of a middle item splits the list around it', async ({
+        page,
+      }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(
+          editor,
+          '<ul><li><p>A</p></li><li><p>B</p></li><li><p>C</p></li></ul>',
+          'B',
+        )
+        await editor.press('Backspace')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<ul><li><p>A</p></li></ul><p>B</p><ul><li><p>C</p></li></ul>')
+      })
+
+      test('lift then merge: two backspaces collapse a child back into the previous item', async ({
+        page,
+      }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<ul><li><p>A</p></li><li><p>B</p></li></ul>', 'B')
+        await editor.press('Backspace')
+        await editor.press('Backspace')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<ul><li><p>AB</p></li></ul>')
+      })
+
+      test('tab in a paragraph after a list sinks it into the last item', async ({ page }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<ul><li><p>A</p></li></ul><p>B</p>', 'B')
+        await editor.press('Tab')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<ul><li><p>A</p><p>B</p></li></ul>')
+      })
+
+      test('tab in an empty paragraph after a list sinks the empty paragraph in', async ({
+        page,
+      }) => {
+        const editor = await getEditor(page)
+        await placeCaretInEmptyParagraph(editor, '<ul><li><p>A</p></li></ul><p></p>')
+        await editor.press('Tab')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<ul><li><p>A</p><p></p></li></ul>')
+      })
+
+      test('tab targets the last item of a multi-item list', async ({ page }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<ul><li><p>A</p></li><li><p>X</p></li></ul><p>B</p>', 'B')
+        await editor.press('Tab')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<ul><li><p>A</p></li><li><p>X</p><p>B</p></li></ul>')
+      })
+
+      test('tab in a paragraph not preceded by a list does nothing', async ({ page }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<p>A</p><p>B</p>', 'B')
+        await editor.press('Tab')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<p>A</p><p>B</p>')
+      })
+
+      test('tab in the first paragraph of the document does nothing', async ({ page }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<p>A</p>', 'A')
+        await editor.press('Tab')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<p>A</p>')
+      })
+
+      test('tab from mid-paragraph does nothing', async ({ page }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<ul><li><p>A</p></li></ul><p>Hello</p>', 'ello')
+        await editor.press('Tab')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<ul><li><p>A</p></li></ul><p>Hello</p>')
+      })
+
+      test('tab inside a non-first list item still nests via sinkListItem', async ({ page }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<ul><li><p>A</p></li><li><p>B</p></li></ul>', 'B')
+        await editor.press('Tab')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<ul><li><p>A</p><ul><li><p>B</p></li></ul></li></ul>')
+      })
+
+      test('backspace at the start of a sunken paragraph merges into the previous textblock', async ({
+        page,
+      }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<ul><li><p>A</p><p>B</p></li></ul>', 'B')
+        await editor.press('Backspace')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<ul><li><p>AB</p></li></ul>')
+      })
+
+      test('tab then backspace round-trips an empty paragraph', async ({ page }) => {
+        const editor = await getEditor(page)
+        await placeCaretInEmptyParagraph(editor, '<ul><li><p>A</p></li></ul><p></p>')
+        await editor.press('Tab')
+        await editor.press('Backspace')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<ul><li><p>A</p></li></ul>')
+      })
+    })
+  })
+})
diff --git a/demos/src/Extensions/Mathematics/React/index.html b/demos/src/Extensions/Mathematics/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Mathematics/React/index.jsx b/demos/src/Extensions/Mathematics/React/index.jsx
new file mode 100644
index 0000000..462f4da
--- /dev/null
+++ b/demos/src/Extensions/Mathematics/React/index.jsx
@@ -0,0 +1,162 @@
+import 'katex/dist/katex.min.css'
+import './styles.scss'
+
+import Math, { migrateMathStrings } from '@tiptap/extension-mathematics'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useCallback } from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Math.configure({
+        blockOptions: {
+          onClick: (node, pos) => {
+            const newCalculation = prompt('Enter new calculation:', node.attrs.latex)
+            if (newCalculation) {
+              editor
+                .chain()
+                .setNodeSelection(pos)
+                .updateBlockMath({ latex: newCalculation })
+                .focus()
+                .run()
+            }
+          },
+        },
+        inlineOptions: {
+          onClick: node => {
+            const newCalculation = prompt('Enter new calculation:', node.attrs.latex)
+            if (newCalculation) {
+              editor
+                .chain()
+                .setNodeSelection(node.pos)
+                .updateInlineMath({ latex: newCalculation })
+                .focus()
+                .run()
+            }
+          },
+        },
+      }),
+    ],
+    onCreate: ({ editor: currentEditor }) => {
+      migrateMathStrings(currentEditor)
+    },
+    content: `
+      <h1>
+        This editor supports <span data-type="inline-math" data-latex="\\LaTeX"></span> math expressions. And it even supports converting old $\\sub(3*5=15)$ calculations.
+      </h1>
+      <p>This is a old $\\LaTeX$ calculation string with $3*5=15$ calculations.</p>
+      <p>
+        Did you know that <span data-type="inline-math" data-latex="3 * 3 = 9"></span>? Isn't that crazy? Also Pythagoras' theorem is <span data-type="inline-math" data-latex="a^2 + b^2 = c^2"></span>.<br />
+        Also the square root of 2 is <span data-type="inline-math" data-latex="\\sqrt{2}"></span>. If you want to know more about <span data-type="inline-math" data-latex="\\LaTeX"></span> visit <a href="https://katex.org/docs/supported.html" target="_blank">katex.org</a>.
+      </p>
+      <code>
+        <pre>$\\LaTeX$</pre>
+      </code>
+      <p>
+        Do you want go deeper? Here is a list of all supported functions:
+      </p>
+      <ul>
+        <li><span data-type="inline-math" data-latex="\\sin(x)"></span></li>
+        <li><span data-type="inline-math" data-latex="\\cos(x)"></span></li>
+        <li><span data-type="inline-math" data-latex="\\tan(x)"></span></li>
+        <li><span data-type="inline-math" data-latex="\\log(x)"></span></li>
+        <li><span data-type="inline-math" data-latex="\\ln(x)"></span></li>
+        <li><span data-type="inline-math" data-latex="\\sqrt{x}"></span></li>
+        <li><span data-type="inline-math" data-latex="\\sum_{i=0}^n x_i"></span></li>
+        <li><span data-type="inline-math" data-latex="\\int_a^b x^2 dx"></span></li>
+        <li><span data-type="inline-math" data-latex="\\frac{1}{x}"></span></li>
+        <li><span data-type="inline-math" data-latex="\\binom{n}{k}"></span></li>
+        <li><span data-type="inline-math" data-latex="\\sqrt[n]{x}"></span></li>
+        <li><span data-type="inline-math" data-latex="\\left(\\frac{1}{x}\\right)"></span></li>
+        <li><span data-type="inline-math" data-latex="\\left\\{\\begin{matrix}x&\\text{if }x>0\\\\0&\\text{otherwise}\\end{matrix}\\right."></span></li>
+      </ul>
+      <p>The math extension also supports block level math nodes:</p>
+      <div data-type="block-math" data-latex="\\int_a^b x^2 dx"></div>
+    `,
+  })
+
+  const { isEditable } = useEditorState({
+    editor,
+    selector: ctx => {
+      if (!ctx.editor) {
+        return {
+          isEditable: false,
+        }
+      }
+
+      return {
+        isEditable: ctx.editor.isEditable ?? false,
+      }
+    },
+  })
+
+  const toggleEditing = useCallback(
+    e => {
+      if (!editor) {
+        return
+      }
+
+      const { checked } = e.target
+
+      editor.setEditable(!checked, true)
+      editor.view.dispatch(editor.view.state.tr.scrollIntoView())
+    },
+    [editor],
+  )
+
+  const onInsertInlineMath = useCallback(() => {
+    const hasSelection = !editor.state.selection.empty
+
+    if (hasSelection) {
+      return editor.chain().setInlineMath().focus().run()
+    }
+
+    const latex = prompt('Enter inline math expression:', '')
+    return editor.chain().insertInlineMath({ latex }).focus().run()
+  }, [editor])
+
+  const onRemoveInlineMath = useCallback(() => {
+    editor.chain().deleteInlineMath().focus().run()
+  }, [editor])
+
+  const onInsertBlockMath = useCallback(() => {
+    const hasSelection = !editor.state.selection.empty
+
+    if (hasSelection) {
+      return editor.chain().setBlockMath().focus().run()
+    }
+
+    const latex = prompt('Enter block math expression:', '')
+    return editor.chain().insertBlockMath({ latex }).focus().run()
+  }, [editor])
+
+  const onRemoveBlockMath = useCallback(() => {
+    editor.chain().deleteBlockMath().focus().run()
+  }, [editor])
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <label>
+          <input type="checkbox" checked={!isEditable} onChange={toggleEditing} />
+          Readonly
+        </label>
+      </div>
+      <div className="control-group">
+        <div className="button-group">
+          <button onClick={onInsertInlineMath}>Insert inline math</button>
+          <button onClick={onRemoveInlineMath}>Remove inline math</button>
+          <button onClick={onInsertBlockMath}>Insert block math</button>
+          <button onClick={onRemoveBlockMath}>Remove block math</button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/Mathematics/React/styles.scss b/demos/src/Extensions/Mathematics/React/styles.scss
new file mode 100644
index 0000000..90fd4e7
--- /dev/null
+++ b/demos/src/Extensions/Mathematics/React/styles.scss
@@ -0,0 +1,44 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  // Mathematics extension styles
+  .tiptap-mathematics-render {
+    padding: 0 0.25rem;
+
+    &--editable {
+      cursor: pointer;
+      transition: background 0.2s;
+
+      &:hover {
+        background: #eee;
+      }
+    }
+  }
+
+  .tiptap-mathematics-render {
+    border-radius: 0.25rem;
+
+    &[data-type='inline-math'] {
+      display: inline-block;
+    }
+
+    &[data-type='block-math'] {
+      display: block;
+      margin: 1rem 0;
+      padding: 1rem;
+      text-align: center;
+    }
+
+    &.inline-math-error,
+    &.block-math-error {
+      background: var(--red-light);
+      color: var(--red);
+      border: 1px solid var(--red-dark);
+      padding: 0.5rem;
+      border-radius: 0.25rem;
+    }
+  }
+}
diff --git a/demos/src/Extensions/Mathematics/Vue/index.html b/demos/src/Extensions/Mathematics/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Mathematics/Vue/index.vue b/demos/src/Extensions/Mathematics/Vue/index.vue
new file mode 100644
index 0000000..b36a393
--- /dev/null
+++ b/demos/src/Extensions/Mathematics/Vue/index.vue
@@ -0,0 +1,198 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <label>
+        <input type="checkbox" :checked="!isEditable" @change="toggleEditing" />
+        Readonly
+      </label>
+    </div>
+    <div v-if="editor" class="control-group">
+      <div class="button-group">
+        <button @click="onInsertInlineMath">Insert inline math</button>
+        <button @click="onRemoveInlineMath">Remove inline math</button>
+        <button @click="onInsertBlockMath">Insert block math</button>
+        <button @click="onRemoveBlockMath">Remove block math</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import 'katex/dist/katex.min.css'
+
+import { Mathematics, migrateMathStrings } from '@tiptap/extension-mathematics'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      isEditable: true,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit,
+        Mathematics.configure({
+          blockOptions: {
+            onClick: (node, pos) => {
+              const newCalculation = prompt('Enter new calculation:', node.attrs.latex)
+              if (newCalculation) {
+                this.editor
+                  .chain()
+                  .setNodeSelection(pos)
+                  .updateBlockMath({ latex: newCalculation })
+                  .focus()
+                  .run()
+              }
+            },
+          },
+          inlineOptions: {
+            onClick: (node, pos) => {
+              const newCalculation = prompt('Enter new calculation:', node.attrs.latex)
+              if (newCalculation) {
+                this.editor
+                  .chain()
+                  .setNodeSelection(pos)
+                  .updateInlineMath({ latex: newCalculation })
+                  .focus()
+                  .run()
+              }
+            },
+          },
+        }),
+      ],
+      onCreate: ({ editor: currentEditor }) => {
+        migrateMathStrings(currentEditor)
+      },
+      content: `
+        <h1>
+          This editor supports <span data-type="inline-math" data-latex="\\LaTeX"></span> math expressions. And it even supports converting old $\\sub(3*5=15)$ calculations.
+        </h1>
+        <p>This is a old $\\LaTeX$ calculation string with $3*5=15$ calculations.</p>
+        <p>
+          Did you know that <span data-type="inline-math" data-latex="3 * 3 = 9"></span>? Isn't that crazy? Also Pythagoras' theorem is <span data-type="inline-math" data-latex="a^2 + b^2 = c^2"></span>.<br />
+          Also the square root of 2 is <span data-type="inline-math" data-latex="\\sqrt{2}"></span>. If you want to know more about <span data-type="inline-math" data-latex="\\LaTeX"></span> visit <a href="https://katex.org/docs/supported.html" target="_blank">katex.org</a>.
+        </p>
+        <code>
+          <pre>$\\LaTeX$</pre>
+        </code>
+        <p>
+          Do you want go deeper? Here is a list of all supported functions:
+        </p>
+        <ul>
+          <li><span data-type="inline-math" data-latex="\\sin(x)"></span></li>
+          <li><span data-type="inline-math" data-latex="\\cos(x)"></span></li>
+          <li><span data-type="inline-math" data-latex="\\tan(x)"></span></li>
+          <li><span data-type="inline-math" data-latex="\\log(x)"></span></li>
+          <li><span data-type="inline-math" data-latex="\\ln(x)"></span></li>
+          <li><span data-type="inline-math" data-latex="\\sqrt{x}"></span></li>
+          <li><span data-type="inline-math" data-latex="\\sum_{i=0}^n x_i"></span></li>
+          <li><span data-type="inline-math" data-latex="\\int_a^b x^2 dx"></span></li>
+          <li><span data-type="inline-math" data-latex="\\frac{1}{x}"></span></li>
+          <li><span data-type="inline-math" data-latex="\\binom{n}{k}"></span></li>
+          <li><span data-type="inline-math" data-latex="\\sqrt[n]{x}"></span></li>
+          <li><span data-type="inline-math" data-latex="\\left(\\frac{1}{x}\\right)"></span></li>
+          <li><span data-type="inline-math" data-latex="\\left\\{\\begin{matrix}x&\\text{if }x>0\\\\0&\\text{otherwise}\\end{matrix}\\right."></span></li>
+        </ul>
+        <p>The math extension also supports block level math nodes:</p>
+        <div data-type="block-math" data-latex="\\int_a^b x^2 dx"></div>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+
+  methods: {
+    toggleEditing() {
+      this.isEditable = !this.isEditable
+
+      if (this.editor) {
+        this.editor.setEditable(this.isEditable)
+      }
+    },
+    onInsertInlineMath() {
+      const hasSelection = !this.editor.state.selection.empty
+      if (hasSelection) {
+        return this.editor.chain().setInlineMath().focus().run()
+      }
+
+      const latex = prompt('Enter inline math expression:', '')
+      return this.editor.chain().insertInlineMath({ latex }).focus().run()
+    },
+    onRemoveInlineMath() {
+      this.editor.chain().deleteInlineMath().focus().run()
+    },
+    onInsertBlockMath() {
+      const hasSelection = !this.editor.state.selection.empty
+      if (hasSelection) {
+        return this.editor.chain().setBlockMath().focus().run()
+      }
+
+      const latex = prompt('Enter block math expression:', '')
+      return this.editor.chain().insertBlockMath({ latex }).focus().run()
+    },
+    onRemoveBlockMath() {
+      this.editor.chain().deleteBlockMath().focus().run()
+    },
+  },
+})
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  // Mathematics extension styles
+  .tiptap-mathematics-render {
+    padding: 0 0.25rem;
+
+    &--editable {
+      cursor: pointer;
+      transition: background 0.2s;
+
+      &:hover {
+        background: #eee;
+      }
+    }
+  }
+
+  .tiptap-mathematics-render {
+    border-radius: 0.25rem;
+
+    &[data-type='inline-math'] {
+      display: inline-block;
+    }
+
+    &[data-type='block-math'] {
+      display: block;
+      margin: 1rem 0;
+      padding: 1rem;
+      text-align: center;
+    }
+
+    &.inline-math-error,
+    &.block-math-error {
+      background: var(--red-light);
+      color: var(--red);
+      border: 1px solid var(--red-dark);
+      padding: 0.5rem;
+      border-radius: 0.25rem;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Extensions/Placeholder/React/index.html b/demos/src/Extensions/Placeholder/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Placeholder/React/index.jsx b/demos/src/Extensions/Placeholder/React/index.jsx
new file mode 100644
index 0000000..45a3055
--- /dev/null
+++ b/demos/src/Extensions/Placeholder/React/index.jsx
@@ -0,0 +1,28 @@
+import './styles.scss'
+
+import { Placeholder } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Placeholder.configure({
+        // Use a placeholder:
+        placeholder: 'Write something …',
+        // Use different placeholders depending on the node type:
+        // placeholder: ({ node }) => {
+        //   if (node.type.name === 'heading') {
+        //     return 'What’s the title?'
+        //   }
+
+        //   return 'Can you add some further context?'
+        // },
+      }),
+    ],
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Extensions/Placeholder/React/styles.scss b/demos/src/Extensions/Placeholder/React/styles.scss
new file mode 100644
index 0000000..6f8335b
--- /dev/null
+++ b/demos/src/Extensions/Placeholder/React/styles.scss
@@ -0,0 +1,109 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Placeholder (at the top) */
+  p.is-editor-empty:first-child::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+
+  /* Placeholder (on every new line) */
+  /* .is-empty::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  } */
+}
diff --git a/demos/src/Extensions/Placeholder/Vue/index.html b/demos/src/Extensions/Placeholder/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Placeholder/Vue/index.vue b/demos/src/Extensions/Placeholder/Vue/index.vue
new file mode 100644
index 0000000..7ad899b
--- /dev/null
+++ b/demos/src/Extensions/Placeholder/Vue/index.vue
@@ -0,0 +1,157 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import { Placeholder } from '@tiptap/extensions'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit,
+        Placeholder.configure({
+          // Use a placeholder:
+          placeholder: 'Write something …',
+          // Use different placeholders depending on the node type:
+          // placeholder: ({ node }) => {
+          //   if (node.type.name === 'heading') {
+          //     return 'What’s the title?'
+          //   }
+
+          //   return 'Can you add some further context?'
+          // },
+        }),
+      ],
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Placeholder (at the top) */
+  p.is-editor-empty:first-child::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+
+  /* Placeholder (on every new line) */
+  /* .is-empty::before {
+    color: var(--gray-4);
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  } */
+}
+</style>
diff --git a/demos/src/Extensions/Selection/React/index.html b/demos/src/Extensions/Selection/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Selection/React/index.tsx b/demos/src/Extensions/Selection/React/index.tsx
new file mode 100644
index 0000000..206805b
--- /dev/null
+++ b/demos/src/Extensions/Selection/React/index.tsx
@@ -0,0 +1,37 @@
+import './styles.scss'
+
+import Code from '@tiptap/extension-code'
+import Document from '@tiptap/extension-document'
+import { BulletList, ListItem } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Selection } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Selection.configure({
+        className: 'selection',
+      }),
+      Code,
+      BulletList,
+      ListItem,
+    ],
+    content: `
+        <p>
+          The selection extension adds a class to the selected text when the editor loses focus. This lets you keep the selection visible even while the editor is blurred. By default, it adds the <code>.selection</code> class name.
+        </p>
+      `,
+
+    onCreate: ctx => {
+      ctx.editor.commands.setTextSelection({ from: 5, to: 30 })
+    },
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Extensions/Selection/React/styles.scss b/demos/src/Extensions/Selection/React/styles.scss
new file mode 100644
index 0000000..29aabfa
--- /dev/null
+++ b/demos/src/Extensions/Selection/React/styles.scss
@@ -0,0 +1,32 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  // Selection styles
+  .selection {
+    box-shadow: 0 0 0 2px var(--purple);
+  }
+}
diff --git a/demos/src/Extensions/Selection/Vue/index.html b/demos/src/Extensions/Selection/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Selection/Vue/index.vue b/demos/src/Extensions/Selection/Vue/index.vue
new file mode 100644
index 0000000..73c45f9
--- /dev/null
+++ b/demos/src/Extensions/Selection/Vue/index.vue
@@ -0,0 +1,88 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Code from '@tiptap/extension-code'
+import Document from '@tiptap/extension-document'
+import { BulletList, ListItem } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Selection } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Selection.configure({
+          className: 'selection',
+        }),
+        Code,
+        BulletList,
+        ListItem,
+      ],
+      content: `
+        <p>
+          The selection extension adds a class to the selected text when the editor loses focus. This lets you keep the selection visible even while the editor is blurred. By default, it adds the <code>.selection</code> class name.
+        </p>
+      `,
+      onCreate: ({ editor }) => {
+        editor.commands.setTextSelection({ from: 5, to: 30 })
+      },
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  // Selection styles
+  .selection {
+    box-shadow: 0 0 0 2px var(--purple);
+  }
+}
+</style>
diff --git a/demos/src/Extensions/Selection/index.spec.ts b/demos/src/Extensions/Selection/index.spec.ts
new file mode 100644
index 0000000..9c0d9cb
--- /dev/null
+++ b/demos/src/Extensions/Selection/index.spec.ts
@@ -0,0 +1,21 @@
+import { expect, test } from '@playwright/test'
+
+const demoName = 'Selection'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Extensions'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('first span has selection class', async ({ page }) => {
+        await expect(page.locator('.tiptap span').first()).toHaveClass(/selection/)
+      })
+    })
+  })
+})
diff --git a/demos/src/Extensions/TableOfContents/React/ToC.jsx b/demos/src/Extensions/TableOfContents/React/ToC.jsx
new file mode 100644
index 0000000..54f6c79
--- /dev/null
+++ b/demos/src/Extensions/TableOfContents/React/ToC.jsx
@@ -0,0 +1,71 @@
+import { TextSelection } from '@tiptap/pm/state'
+
+export const ToCItem = ({ item, onItemClick }) => {
+  return (
+    <div
+      className={`${item.isActive && !item.isScrolledOver ? 'is-active' : ''} ${item.isScrolledOver ? 'is-scrolled-over' : ''}`}
+      style={{
+        '--level': item.level,
+      }}
+    >
+      <a
+        href={`#${item.id}`}
+        onClick={e => onItemClick(e, item.id)}
+        data-item-index={item.itemIndex}
+      >
+        {item.textContent}
+      </a>
+    </div>
+  )
+}
+
+export const ToCEmptyState = () => {
+  return (
+    <div className="empty-state">
+      <p>Start editing your document to see the outline.</p>
+    </div>
+  )
+}
+
+export const ToC = ({ items = [], editor }) => {
+  if (items.length === 0) {
+    return <ToCEmptyState />
+  }
+
+  const onItemClick = (e, id) => {
+    e.preventDefault()
+
+    if (editor) {
+      const element = editor.view.dom.querySelector(`[data-toc-id="${id}"`)
+      const pos = editor.view.posAtDOM(element, 0)
+
+      // set focus
+      const tr = editor.view.state.tr
+
+      tr.setSelection(new TextSelection(tr.doc.resolve(pos)))
+
+      editor.view.dispatch(tr)
+
+      editor.view.focus()
+
+      // oxlint-disable-next-line
+      if (history.pushState) {
+        // oxlint-disable-next-line
+        history.pushState(null, null, `#${id}`)
+      }
+
+      window.scrollTo({
+        top: element.getBoundingClientRect().top + window.scrollY,
+        behavior: 'smooth',
+      })
+    }
+  }
+
+  return (
+    <>
+      {items.map((item, i) => (
+        <ToCItem onItemClick={onItemClick} key={item.id} item={item} index={i + 1} />
+      ))}
+    </>
+  )
+}
diff --git a/demos/src/Extensions/TableOfContents/React/index.html b/demos/src/Extensions/TableOfContents/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/TableOfContents/React/index.jsx b/demos/src/Extensions/TableOfContents/React/index.jsx
new file mode 100644
index 0000000..3927551
--- /dev/null
+++ b/demos/src/Extensions/TableOfContents/React/index.jsx
@@ -0,0 +1,48 @@
+import './styles.scss'
+
+import { getHierarchicalIndexes, TableOfContents } from '@tiptap/extension-table-of-contents'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useState } from 'react'
+
+import { content as bookContent } from '../content.js'
+import { ToC } from './ToC.jsx'
+
+const MemorizedToC = React.memo(ToC)
+
+export default () => {
+  const [items, setItems] = useState([])
+
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      TableOfContents.configure({
+        getIndex: getHierarchicalIndexes,
+        onUpdate(content) {
+          setItems(content)
+        },
+      }),
+    ],
+    content: bookContent,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <div className="col-group">
+      <div className="main">
+        <EditorContent editor={editor} />
+      </div>
+      <div className="sidebar">
+        <div className="sidebar-options">
+          <div className="label-large">Table of contents</div>
+          <div className="table-of-contents">
+            <MemorizedToC editor={editor} items={items} />
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/demos/src/Extensions/TableOfContents/React/styles.scss b/demos/src/Extensions/TableOfContents/React/styles.scss
new file mode 100644
index 0000000..6c034bc
--- /dev/null
+++ b/demos/src/Extensions/TableOfContents/React/styles.scss
@@ -0,0 +1,100 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+
+.col-group {
+  display: flex;
+  flex-direction: row;
+
+  @media (max-width: 540px) {
+    flex-direction: column-reverse;
+  }
+}
+
+.main {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+
+.sidebar {
+  border-left: 1px solid var(--gray-3);
+  flex-grow: 0;
+  flex-shrink: 0;
+  padding: 1rem;
+  width: 15rem;
+  position: sticky;
+  height: 100vh;
+  top: 0;
+
+  @media (min-width: 800px) {
+    width: 20rem;
+  }
+
+  @media (max-width: 540px) {
+    border-bottom: 1px solid var(--gray-3);
+    border-left: unset;
+    width: 100%;
+    height: auto;
+    position: unset;
+    padding: 1.5rem;
+  }
+}
+
+.sidebar-options {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  gap: 1rem;
+  position: sticky;
+  top: 1rem;
+}
+
+.table-of-contents {
+  display: flex;
+  flex-direction: column;
+  font-size: 0.875rem;
+  gap: 0.25rem;
+  overflow: auto;
+  text-decoration: none;
+
+  > div {
+    border-radius: 0.25rem;
+    padding-left: calc(0.875rem * (var(--level) - 1));
+    transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+
+    &:hover {
+      background-color: var(--gray-2);
+    }
+  }
+
+  .empty-state {
+    color: var(--gray-5);
+    user-select: none;
+  }
+
+  .is-active a {
+    color: var(--purple);
+  }
+
+  .is-scrolled-over a {
+    color: var(--gray-5);
+  }
+
+  a {
+    color: var(--black);
+    display: flex;
+    gap: 0.25rem;
+    text-decoration: none;
+
+    &::before {
+      content: attr(data-item-index) '.';
+    }
+  }
+}
diff --git a/demos/src/Extensions/TableOfContents/Vue/ToC.vue b/demos/src/Extensions/TableOfContents/Vue/ToC.vue
new file mode 100644
index 0000000..a796633
--- /dev/null
+++ b/demos/src/Extensions/TableOfContents/Vue/ToC.vue
@@ -0,0 +1,69 @@
+<template>
+  <template v-if="items.length === 0">
+    <ToCEmptyState />
+  </template>
+  <template v-else>
+    <ToCItem
+      v-for="(item, i) in items"
+      :key="item.id"
+      :item="item"
+      :index="i + 1"
+      @item-click="onItemClick"
+    />
+  </template>
+</template>
+
+<script>
+import { TextSelection } from '@tiptap/pm/state'
+import { defineComponent } from 'vue'
+
+import ToCEmptyState from './ToCEmptyState.vue'
+import ToCItem from './ToCItem.vue'
+
+export default defineComponent({
+  components: {
+    ToCItem,
+    ToCEmptyState,
+  },
+
+  props: {
+    items: {
+      type: Array,
+      default: () => [],
+    },
+    editor: {
+      type: Object,
+      required: true,
+    },
+  },
+
+  methods: {
+    onItemClick(e, id) {
+      if (this.editor) {
+        const element = this.editor.view.dom.querySelector(`[data-toc-id="${id}"`)
+        const pos = this.editor.view.posAtDOM(element, 0)
+
+        // set focus
+        const tr = this.editor.view.state.tr
+
+        tr.setSelection(new TextSelection(tr.doc.resolve(pos)))
+
+        this.editor.view.dispatch(tr)
+
+        this.editor.view.focus()
+
+        // oxlint-disable-next-line
+        if (history.pushState) {
+          // oxlint-disable-next-line
+          history.pushState(null, null, `#${id}`)
+        }
+
+        window.scrollTo({
+          top: element.getBoundingClientRect().top + window.scrollY,
+          behavior: 'smooth',
+        })
+      }
+    },
+  },
+})
+</script>
diff --git a/demos/src/Extensions/TableOfContents/Vue/ToCEmptyState.vue b/demos/src/Extensions/TableOfContents/Vue/ToCEmptyState.vue
new file mode 100644
index 0000000..2236ab8
--- /dev/null
+++ b/demos/src/Extensions/TableOfContents/Vue/ToCEmptyState.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="empty-state">
+    <p>Start editing your document to see the outline.</p>
+  </div>
+</template>
diff --git a/demos/src/Extensions/TableOfContents/Vue/ToCItem.vue b/demos/src/Extensions/TableOfContents/Vue/ToCItem.vue
new file mode 100644
index 0000000..e5a7227
--- /dev/null
+++ b/demos/src/Extensions/TableOfContents/Vue/ToCItem.vue
@@ -0,0 +1,38 @@
+<template>
+  <div
+    :class="{
+      'is-active': item.isActive && !item.isScrolledOver,
+      'is-scrolled-over': item.isScrolledOver,
+    }"
+    :style="{ '--level': item.level }"
+  >
+    <a :href="'#' + item.id" @click.prevent="onItemClick" :data-item-index="item.itemIndex">
+      {{ item.textContent }}
+    </a>
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  props: {
+    item: {
+      type: Object,
+      required: true,
+    },
+    index: {
+      type: Number,
+      required: true,
+    },
+  },
+
+  emits: ['item-click'],
+
+  methods: {
+    onItemClick(event) {
+      this.$emit('item-click', event, this.item.id)
+    },
+  },
+})
+</script>
diff --git a/demos/src/Extensions/TableOfContents/Vue/index.html b/demos/src/Extensions/TableOfContents/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/TableOfContents/Vue/index.vue b/demos/src/Extensions/TableOfContents/Vue/index.vue
new file mode 100644
index 0000000..7e8fd57
--- /dev/null
+++ b/demos/src/Extensions/TableOfContents/Vue/index.vue
@@ -0,0 +1,163 @@
+<template>
+  <div class="col-group">
+    <div class="main">
+      <editor-content :editor="editor" />
+    </div>
+    <div class="sidebar">
+      <div class="sidebar-options">
+        <div class="label-large">Table of contents</div>
+        <div class="table-of-contents">
+          <template v-if="editor">
+            <ToC :editor="editor" :items="items" />
+          </template>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getHierarchicalIndexes, TableOfContents } from '@tiptap/extension-table-of-contents'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { defineComponent } from 'vue'
+
+import { content as bookContent } from '../content.js'
+import ToC from './ToC.vue'
+
+export default defineComponent({
+  components: {
+    EditorContent,
+    ToC,
+  },
+
+  data() {
+    return {
+      editor: null,
+      items: [],
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit,
+        TableOfContents.configure({
+          getIndex: getHierarchicalIndexes,
+          onUpdate: content => {
+            this.items = content
+          },
+        }),
+      ],
+      content: bookContent,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+})
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+
+.col-group {
+  display: flex;
+  flex-direction: row;
+
+  @media (max-width: 540px) {
+    flex-direction: column-reverse;
+  }
+}
+
+.main {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+
+.sidebar {
+  border-left: 1px solid var(--gray-3);
+  flex-grow: 0;
+  flex-shrink: 0;
+  padding: 1rem;
+  width: 15rem;
+  position: sticky;
+  height: 100vh;
+  top: 0;
+
+  @media (min-width: 800px) {
+    width: 20rem;
+  }
+
+  @media (max-width: 540px) {
+    border-bottom: 1px solid var(--gray-3);
+    border-left: unset;
+    width: 100%;
+    height: auto;
+    position: unset;
+    padding: 1.5rem;
+  }
+}
+
+.sidebar-options {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  gap: 1rem;
+  position: sticky;
+  top: 1rem;
+}
+
+.table-of-contents {
+  display: flex;
+  flex-direction: column;
+  font-size: 0.875rem;
+  gap: 0.25rem;
+  overflow: auto;
+  text-decoration: none;
+
+  > div {
+    border-radius: 0.25rem;
+    padding-left: calc(0.875rem * (var(--level) - 1));
+    transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+
+    &:hover {
+      background-color: var(--gray-2);
+    }
+  }
+
+  .empty-state {
+    color: var(--gray-5);
+    user-select: none;
+  }
+
+  .is-active a {
+    color: var(--purple);
+  }
+
+  .is-scrolled-over a {
+    color: var(--gray-5);
+  }
+
+  a {
+    color: var(--black);
+    display: flex;
+    gap: 0.25rem;
+    text-decoration: none;
+
+    &::before {
+      content: attr(data-item-index) '.';
+    }
+  }
+}
+</style>
diff --git a/demos/src/Extensions/TableOfContents/content.js b/demos/src/Extensions/TableOfContents/content.js
new file mode 100644
index 0000000..a22dbca
--- /dev/null
+++ b/demos/src/Extensions/TableOfContents/content.js
@@ -0,0 +1,27 @@
+export const content = `
+  <h1>Text editor</h1>
+  <p>A text editor is a type of computer program that edits plain text. Such programs are sometimes known as "notepad" software (e.g. Windows Notepad). Text editors are provided with operating systems and software development packages, and can be used to change files such as configuration files, documentation files and programming language source code.</p>
+
+  <h2>Plain text and rich text</h2>
+  <p>There are important differences between plain text (created and edited by text editors) and rich text (such as that created by word processors or desktop publishing software).</p>
+  <p>Plain text exclusively consists of character representation. Each character is represented by a fixed-length sequence of one, two, or four bytes, or as a variable-length sequence of one to four bytes, in accordance to specific character encoding conventions, such as ASCII, ISO/IEC 2022, Shift JIS, UTF-8, or UTF-16. These conventions define many printable characters, but also non-printing characters that control the flow of the text, such as space, line break, and page break. Plain text contains no other information about the text itself, not even the character encoding convention employed. Plain text is stored in text files, although text files do not exclusively store plain text. Since the early days of computers, plain text was (once by necessity and now by convention) generally displayed using a monospace font, such that horizontal alignment and columnar formatting were sometimes done using whitespace characters.</p>
+  <p>Rich text, on the other hand, may contain metadata, character formatting data (e.g. typeface, size, weight and style), paragraph formatting data (e.g. indentation, alignment, letter and word distribution, and space between lines or other paragraphs), and page specification data (e.g. size, margin and reading direction). Rich text can be very complex. Rich text can be saved in binary format (e.g. DOC), text files adhering to a markup language (e.g. RTF or HTML), or in a hybrid form of both (e.g. Office Open XML).</p>
+  <p>Text editors are intended to open and save text files containing either plain text or anything that can be interpreted as plain text, including the markup for rich text or the markup for something else (e.g. SVG).</p>
+
+  <h2>History</h2>
+
+  <p>Before text editors existed, computer text was punched into cards with keypunch machines. Physical boxes of these thin cardboard cards were then inserted into a card reader. Magnetic tape, drum and disk card image files created from such card decks often had no line-separation characters at all, and assumed fixed-length 80- or 90-character records. An alternative to cards was Punched tape. It could be created by some teleprinters (such as the Teletype), which used special characters to indicate ends of records. Some early operating systems included batch text editors, either integrated with language processors or as separate utility programs; one early example was the ability to edit SQUOZE source files for SCAT in SHARE Operating System.</p>
+  <p>The first interactive text editors were "line editors" oriented to teleprinter- or typewriter-style terminals without displays. Commands (often a single keystroke) effected edits to a file at an imaginary insertion point called the "cursor". Edits were verified by typing a command to print a small section of the file, and periodically by printing the entire file. In some line editors, the cursor could be moved by commands that specified the line number in the file, text strings (context) for which to search, and eventually regular expressions. Line editors were major improvements over keypunching. Some line editors could be used by keypunch; editing commands could be taken from a deck of cards and applied to a specified file. Some common line editors supported a "verify" mode in which change commands displayed the altered lines.</p>
+
+  <h5>Weird h5 headline</h5>
+  <p>When computer terminals with video screens became available, screen-based text editors (sometimes called just "screen editors") became common. One of the earliest full-screen editors was O26, which was written for the operator console of the CDC 6000 series computers in 1967. Another early full-screen editor was vi. Written in the 1970s, it is still a standard editor on Unix and Linux operating systems. Also written in the 1970s was the UCSD Pascal Screen Oriented Editor, which was optimized both for indented source code and general text. Emacs, one of the first free and open-source software projects, is another early full-screen or real-time editor, one that was ported to many systems. A full-screen editor's ease-of-use and speed (compared to the line-based editors) motivated many early purchases of video terminals.</p>
+
+  <h2>Types of text editors</h2>
+
+  <h3>Simple text editors</h3>
+  <p>Some text editors are small and simple, while others offer broad and complex functions. For example, Unix and Unix-like operating systems have the pico editor (or a variant), but many also include the vi and Emacs editors. Microsoft Windows systems come with the simple Notepad, though many people—especially programmers—prefer other editors with more features. Under Apple Macintosh's classic Mac OS there was the native TeachText later replaced by SimpleText in 1994, which was replaced in Mac OS X by TextEdit, which combines features of a text editor with those typical of a word processor such as rulers, margins and multiple font selection. These features are not available simultaneously, but must be switched by user command, or through the program automatically determining the file type.</p>
+
+  <h3>Word editors</h3>
+
+  <p>Most word processors can read and write files in plain text format, allowing them to open files saved from text editors. Saving these files from a word processor, however, requires ensuring the file is written in plain text format, and that any text encoding or BOM settings won't obscure the file for its intended use. Non-WYSIWYG word processors, such as WordStar, are more easily pressed into service as text editors, and in fact were commonly used as such during the 1980s. The default file format of these word processors often resembles a markup language, with the basic format being plain text and visual formatting achieved using non-printing control characters or escape sequences. Later word processors like Microsoft Word store their files in a binary format and are almost never used to edit plain text files.</p>
+`
diff --git a/demos/src/Extensions/TextAlign/React/index.html b/demos/src/Extensions/TextAlign/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/TextAlign/React/index.jsx b/demos/src/Extensions/TextAlign/React/index.jsx
new file mode 100644
index 0000000..b6e8c33
--- /dev/null
+++ b/demos/src/Extensions/TextAlign/React/index.jsx
@@ -0,0 +1,118 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import TextAlign from '@tiptap/extension-text-align'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Heading,
+      TextAlign.configure({
+        types: ['heading', 'paragraph'],
+      }),
+    ],
+    content: `
+        <h2>Heading</h2>
+        <p style="text-align: center">first paragraph</p>
+        <p style="text-align: right">second paragraph</p>
+      `,
+  })
+
+  const { isLeft, isCenter, isRight, isJustify, isHeading1, isHeading2 } = useEditorState({
+    editor,
+    selector: ctx => {
+      if (!ctx.editor) {
+        return {
+          isLeft: false,
+          isCenter: false,
+          isRight: false,
+          isJustify: false,
+          isHeading1: false,
+          isHeading2: false,
+        }
+      }
+
+      return {
+        isLeft: ctx.editor.isActive({ textAlign: 'left' }) ?? false,
+        isCenter: ctx.editor.isActive({ textAlign: 'center' }) ?? false,
+        isRight: ctx.editor.isActive({ textAlign: 'right' }) ?? false,
+        isJustify: ctx.editor.isActive({ textAlign: 'justify' }) ?? false,
+        isHeading1: ctx.editor.isActive({ level: 1 }) ?? false,
+        isHeading2: ctx.editor.isActive({ level: 2 }) ?? false,
+      }
+    },
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().setTextAlign('left').run()}
+            className={isLeft ? 'is-active' : ''}
+          >
+            Left
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setTextAlign('center').run()}
+            className={isCenter ? 'is-active' : ''}
+          >
+            Center
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setTextAlign('right').run()}
+            className={isRight ? 'is-active' : ''}
+          >
+            Right
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setTextAlign('justify').run()}
+            className={isJustify ? 'is-active' : ''}
+          >
+            Justify
+          </button>
+          <button onClick={() => editor.chain().focus().unsetTextAlign().run()}>
+            Unset text align
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleTextAlign('right').run()}
+            className={isRight ? 'is-active' : ''}
+          >
+            Toggle Right
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleTextAlign('right').run()}
+            className={isRight ? 'is-active' : ''}
+          >
+            Toggle Right
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+            className={isHeading1 ? 'is-active' : ''}
+          >
+            Toggle H1
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+            className={isHeading2 ? 'is-active' : ''}
+          >
+            Toggle H2
+          </button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/TextAlign/React/styles.scss b/demos/src/Extensions/TextAlign/React/styles.scss
new file mode 100644
index 0000000..4655151
--- /dev/null
+++ b/demos/src/Extensions/TextAlign/React/styles.scss
@@ -0,0 +1,42 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+}
diff --git a/demos/src/Extensions/TextAlign/Vue/index.html b/demos/src/Extensions/TextAlign/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/TextAlign/Vue/index.vue b/demos/src/Extensions/TextAlign/Vue/index.vue
new file mode 100644
index 0000000..a960f47
--- /dev/null
+++ b/demos/src/Extensions/TextAlign/Vue/index.vue
@@ -0,0 +1,135 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().setTextAlign('left').run()"
+          :class="{ 'is-active': editor.isActive({ textAlign: 'left' }) }"
+        >
+          Left
+        </button>
+        <button
+          @click="editor.chain().focus().setTextAlign('center').run()"
+          :class="{ 'is-active': editor.isActive({ textAlign: 'center' }) }"
+        >
+          Center
+        </button>
+        <button
+          @click="editor.chain().focus().setTextAlign('right').run()"
+          :class="{ 'is-active': editor.isActive({ textAlign: 'right' }) }"
+        >
+          Right
+        </button>
+        <button
+          @click="editor.chain().focus().setTextAlign('justify').run()"
+          :class="{ 'is-active': editor.isActive({ textAlign: 'justify' }) }"
+        >
+          Justify
+        </button>
+        <button @click="editor.chain().focus().unsetTextAlign().run()">Unset text align</button>
+        <button
+          @click="editor.chain().focus().toggleTextAlign('right').run()"
+          :class="{ 'is-active': editor.isActive({ textAlign: 'right' }) }"
+        >
+          Toggle Right
+        </button>
+        <button
+          @click="editor.chain().focus().toggleTextAlign('right').run()"
+          :class="{ 'is-active': editor.isActive({ textAlign: 'right' }) }"
+        >
+          Toggle Right
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import TextAlign from '@tiptap/extension-text-align'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Heading,
+        TextAlign.configure({
+          types: ['heading', 'paragraph'],
+        }),
+      ],
+      content: `
+        <h2>Heading</h2>
+        <p style="text-align: center">first paragraph</p>
+        <p style="text-align: right">second paragraph</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/TextAlign/index.spec.ts b/demos/src/Extensions/TextAlign/index.spec.ts
new file mode 100644
index 0000000..0a51069
--- /dev/null
+++ b/demos/src/Extensions/TextAlign/index.spec.ts
@@ -0,0 +1,96 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'TextAlign'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Extensions'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+      })
+
+      test('parses a null alignment correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p>Example Text</p>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p>Example Text</p>')
+      })
+      ;['left', 'center', 'right', 'justify'].forEach(alignment => {
+        test(`parses ${alignment} align text correctly`, async ({ page }) => {
+          const editor = await getEditor(page)
+          await editor.evaluate((el: any, a: string) => {
+            el.editor.commands.setContent(`<p style="text-align: ${a}">Example Text</p>`)
+          }, alignment)
+          await expect(page.locator('.tiptap p').filter({ hasText: 'Example Text' })).toHaveCSS(
+            'text-align',
+            alignment,
+          )
+        })
+      })
+
+      test('keeps the text aligned when toggling headings', async ({ page }) => {
+        const editor = await getEditor(page)
+        const alignments = ['center', 'right', 'justify']
+        const headings = [1, 2]
+
+        for (const alignment of alignments) {
+          for (const level of headings) {
+            await editor.evaluate(
+              (
+                el: any,
+                {
+                  currentAlignment,
+                  currentLevel,
+                }: { currentAlignment: string; currentLevel: number },
+              ) => {
+                el.editor.commands.setContent(
+                  `<p style="text-align: ${currentAlignment}">Example Text</p>`,
+                )
+                el.editor.commands.toggleHeading({ level: currentLevel })
+              },
+              { currentAlignment: alignment, currentLevel: level },
+            )
+
+            await expect(
+              page.locator(`.tiptap h${level}`).filter({ hasText: 'Example Text' }),
+            ).toHaveCSS('text-align', alignment)
+          }
+        }
+      })
+
+      test('aligns the text left on the 1st button', async ({ page }) => {
+        await page.locator('button').nth(0).click()
+        await expect(page.locator('.tiptap p')).toHaveCSS('text-align', 'left')
+      })
+
+      test('aligns the text center on the 2nd button', async ({ page }) => {
+        await page.locator('button').nth(1).click()
+        await expect(page.locator('.tiptap p')).toHaveCSS('text-align', 'center')
+      })
+
+      test('aligns the text right on the 3rd button', async ({ page }) => {
+        await page.locator('button').nth(2).click()
+        await expect(page.locator('.tiptap p')).toHaveCSS('text-align', 'right')
+      })
+
+      test('aligns the text justified when pressing the keyboard shortcut', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.click()
+        await page.keyboard.press(`${mod}+Shift+J`)
+        await expect(page.locator('.tiptap p')).toHaveCSS('text-align', 'justify')
+      })
+    })
+  })
+})
diff --git a/demos/src/Extensions/TrailingNode/React/index.html b/demos/src/Extensions/TrailingNode/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/TrailingNode/React/index.tsx b/demos/src/Extensions/TrailingNode/React/index.tsx
new file mode 100644
index 0000000..bc11c2c
--- /dev/null
+++ b/demos/src/Extensions/TrailingNode/React/index.tsx
@@ -0,0 +1,23 @@
+import './styles.scss'
+
+import Code from '@tiptap/extension-code'
+import CodeBlock from '@tiptap/extension-code-block'
+import Document from '@tiptap/extension-document'
+import { BulletList, ListItem } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { TrailingNode } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, TrailingNode, Code, BulletList, ListItem, CodeBlock],
+    content: `
+        <p>A paragraph</p>
+        <pre><code>There should be a paragraph right after this one, because it is a code-block</code></pre>
+      `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Extensions/TrailingNode/React/styles.scss b/demos/src/Extensions/TrailingNode/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/Extensions/TrailingNode/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/Extensions/TrailingNode/Vue/index.html b/demos/src/Extensions/TrailingNode/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/TrailingNode/Vue/index.vue b/demos/src/Extensions/TrailingNode/Vue/index.vue
new file mode 100644
index 0000000..04ccd54
--- /dev/null
+++ b/demos/src/Extensions/TrailingNode/Vue/index.vue
@@ -0,0 +1,136 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Code from '@tiptap/extension-code'
+import CodeBlock from '@tiptap/extension-code-block'
+import Document from '@tiptap/extension-document'
+import { BulletList, ListItem } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { TrailingNode } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, TrailingNode, Code, CodeBlock, BulletList, ListItem],
+      content: `
+        <p>A paragraph</p>
+        <pre><code>There should be a paragraph right after this one, because it is a code-block</code></pre>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/Typography/React/index.html b/demos/src/Extensions/Typography/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Typography/React/index.jsx b/demos/src/Extensions/Typography/React/index.jsx
new file mode 100644
index 0000000..3a9b04e
--- /dev/null
+++ b/demos/src/Extensions/Typography/React/index.jsx
@@ -0,0 +1,20 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Typography from '@tiptap/extension-typography'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Typography],
+    content: `
+        <p>“I have been suffering from Typomania all my life, a sickness that is incurable but not lethal.”</p>
+        <p>— Erik Spiekermann, December 2008</p>
+      `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Extensions/Typography/React/styles.scss b/demos/src/Extensions/Typography/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Extensions/Typography/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Extensions/Typography/Vue/index.html b/demos/src/Extensions/Typography/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/Typography/Vue/index.vue b/demos/src/Extensions/Typography/Vue/index.vue
new file mode 100644
index 0000000..3c8d505
--- /dev/null
+++ b/demos/src/Extensions/Typography/Vue/index.vue
@@ -0,0 +1,46 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Typography from '@tiptap/extension-typography'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Typography],
+      content: `
+        <p>“I have been suffering from Typomania all my life, a sickness that is incurable but not lethal.”</p>
+        <p>— Erik Spiekermann, December 2008</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/Typography/index.spec.ts b/demos/src/Extensions/Typography/index.spec.ts
new file mode 100644
index 0000000..85b2fc6
--- /dev/null
+++ b/demos/src/Extensions/Typography/index.spec.ts
@@ -0,0 +1,71 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Typography'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Extensions'
+
+const cases: [string, string][] = [
+  ['-- emDash', '— emDash'],
+  ['... ellipsis', '… ellipsis'],
+  ['"openDoubleQuote"', '“openDoubleQuote'],
+  ['"closeDoubleQuote"', 'closeDoubleQuote”'],
+  ["'openSingleQuote'", '‘openSingleQuote’'],
+  ["'closeSingleQuote'", 'closeSingleQuote’'],
+  ['<- leftArrow', '← leftArrow'],
+  ['-> rightArrow', '→ rightArrow'],
+  ['(c) copyright', '© copyright'],
+  ['(r) registeredTrademark', '® registeredTrademark'],
+  ['(tm) trademark', '™ trademark'],
+  ['1/2 oneHalf', '½ oneHalf'],
+  ['+/- plusMinus', '± plusMinus'],
+  ['!= notEqual', '≠ notEqual'],
+  ['<< laquorow', '« laquo'],
+  ['>> raquorow', '» raquo'],
+  ['1*1 multiplication', '1×1 multiplication'],
+  ['1x1 multiplication', '1×1 multiplication'],
+  ['1 * 1 multiplication', '1 × 1 multiplication'],
+  ['1 x 1 multiplication', '1 × 1 multiplication'],
+]
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+      })
+
+      if (frameworkPath === 'React') {
+        test('keeps dates as they are', async ({ page }) => {
+          const editor = await getEditor(page)
+          await editor.type('1/4/2024')
+          await expect(editor).toContainText('1/4/2024')
+        })
+
+        test('makes a fraction only with spaces afterwards', async ({ page }) => {
+          const editor = await getEditor(page)
+          await editor.type('1/4')
+          await expect(editor).toContainText('1/4')
+          await editor.evaluate((el: any) => el.editor.commands.clearContent())
+          await editor.click()
+          await editor.type('1/4 ')
+          await expect(editor).toContainText('¼')
+        })
+      }
+
+      cases.forEach(([input, expected]) => {
+        test(`transforms "${input}" to contain "${expected}"`, async ({ page }) => {
+          const editor = await getEditor(page)
+          await editor.type(input)
+          await expect(editor).toContainText(expected)
+        })
+      })
+    })
+  })
+})
diff --git a/demos/src/Extensions/TypographyWithOverrides/React/index.html b/demos/src/Extensions/TypographyWithOverrides/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/TypographyWithOverrides/React/index.jsx b/demos/src/Extensions/TypographyWithOverrides/React/index.jsx
new file mode 100644
index 0000000..af305cb
--- /dev/null
+++ b/demos/src/Extensions/TypographyWithOverrides/React/index.jsx
@@ -0,0 +1,25 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Typography from '@tiptap/extension-typography'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Typography.configure({
+        rightArrow: '=====>',
+      }),
+    ],
+    content: `
+        <p>“I have been suffering from Typomania all my life, a sickness that is incurable but not lethal.”</p>
+        <p>— Erik Spiekermann, December 2008</p>
+      `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Extensions/TypographyWithOverrides/Vue/index.html b/demos/src/Extensions/TypographyWithOverrides/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/TypographyWithOverrides/Vue/index.vue b/demos/src/Extensions/TypographyWithOverrides/Vue/index.vue
new file mode 100644
index 0000000..f7cd7fb
--- /dev/null
+++ b/demos/src/Extensions/TypographyWithOverrides/Vue/index.vue
@@ -0,0 +1,44 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Typography from '@tiptap/extension-typography'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Typography.configure({
+          rightArrow: '=====>',
+        }),
+      ],
+      content: `
+        <p>“I have been suffering from Typomania all my life, a sickness that is incurable but not lethal.”</p>
+        <p>— Erik Spiekermann, December 2008</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
diff --git a/demos/src/Extensions/TypographyWithOverrides/index.spec.ts b/demos/src/Extensions/TypographyWithOverrides/index.spec.ts
new file mode 100644
index 0000000..e258296
--- /dev/null
+++ b/demos/src/Extensions/TypographyWithOverrides/index.spec.ts
@@ -0,0 +1,28 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'TypographyWithOverrides'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Extensions'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+      })
+
+      test('uses correct override for rightArrow', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.type('-> Hello!')
+        await expect(editor).toContainText('=====> Hello!')
+      })
+    })
+  })
+})
diff --git a/demos/src/Extensions/UndoRedo/React/index.html b/demos/src/Extensions/UndoRedo/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/UndoRedo/React/index.jsx b/demos/src/Extensions/UndoRedo/React/index.jsx
new file mode 100644
index 0000000..cfa99c2
--- /dev/null
+++ b/demos/src/Extensions/UndoRedo/React/index.jsx
@@ -0,0 +1,61 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { UndoRedo } from '@tiptap/extensions'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, UndoRedo],
+    content: `
+        <p>
+          With the UndoRedo extension the Editor will keep track of your changes. And if you think you made a mistake, you can redo your changes. Try it out, change the content and hit the undo button!
+        </p>
+        <p>
+          And yes, you can also use a keyboard shortcut to undo changes (Control/Cmd Z) or redo changes (Control/Cmd Shift Z).
+        </p>
+      `,
+  })
+
+  const { canUndo, canRedo } = useEditorState({
+    editor,
+    selector: ctx => {
+      return {
+        canUndo: ctx.editor.can().chain().focus().undo().run(),
+        canRedo: ctx.editor.can().chain().focus().redo().run(),
+      }
+    },
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().undo().run()}
+            disabled={!canUndo}
+            type="button"
+          >
+            Undo
+          </button>
+          <button
+            onClick={() => editor.chain().focus().redo().run()}
+            disabled={!canRedo}
+            type="button"
+          >
+            Redo
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Extensions/UndoRedo/React/styles.scss b/demos/src/Extensions/UndoRedo/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Extensions/UndoRedo/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Extensions/UndoRedo/Vue/index.html b/demos/src/Extensions/UndoRedo/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/UndoRedo/Vue/index.vue b/demos/src/Extensions/UndoRedo/Vue/index.vue
new file mode 100644
index 0000000..b91b2e5
--- /dev/null
+++ b/demos/src/Extensions/UndoRedo/Vue/index.vue
@@ -0,0 +1,62 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button @click="editor.chain().focus().undo().run()" :disabled="!editor.can().undo()">
+          Undo
+        </button>
+        <button @click="editor.chain().focus().redo().run()" :disabled="!editor.can().redo()">
+          Redo
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { UndoRedo } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo],
+      content: `
+        <p>
+          With the UndoRedo extension the Editor will keep track of your changes. And if you think you made a mistake, you can redo your changes. Try it out, change the content and hit the undo button!
+        </p>
+        <p>
+          And yes, you can also use a keyboard shortcut to undo changes (Control/Cmd Z) or redo changes (Control/Cmd Shift Z).
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Extensions/UndoRedo/index.spec.ts b/demos/src/Extensions/UndoRedo/index.spec.ts
new file mode 100644
index 0000000..98ca0e0
--- /dev/null
+++ b/demos/src/Extensions/UndoRedo/index.spec.ts
@@ -0,0 +1,82 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'UndoRedo'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Extensions'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Mistake</p>')
+      })
+
+      test('undoes the last change via button', async ({ page }) => {
+        const editor = await getEditor(page)
+        await expect(editor).toContainText('Mistake')
+
+        const undoBtn = page.locator('button').first()
+        await expect(undoBtn).not.toHaveAttribute('disabled', '')
+        await undoBtn.click()
+
+        await expect(editor).not.toContainText('Mistake')
+      })
+
+      test('undoes the last change with the keyboard shortcut', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.click()
+        await page.keyboard.press(`${mod}+z`)
+        await expect(editor).not.toContainText('Mistake')
+      })
+
+      test('redoes the last undone change with the keyboard shortcut', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.click()
+        await page.keyboard.press(`${mod}+z`)
+        await expect(editor).not.toContainText('Mistake')
+
+        await page.keyboard.press(`${mod}+Shift+z`)
+        await expect(editor).toContainText('Mistake')
+      })
+
+      test('redoes the last undone change via buttons', async ({ page }) => {
+        const editor = await getEditor(page)
+        const undoBtn = page.locator('button').nth(0)
+        const redoBtn = page.locator('button').nth(1)
+
+        await expect(editor).toContainText('Mistake')
+        await undoBtn.click()
+        await expect(editor).not.toContainText('Mistake')
+        await expect(undoBtn).toHaveAttribute('disabled', '')
+
+        await redoBtn.click()
+        await expect(editor).toContainText('Mistake')
+      })
+
+      test('disables undo button when there are no more changes to undo', async ({ page }) => {
+        const undoBtn = page.locator('button').first()
+        await expect(undoBtn).not.toHaveAttribute('disabled', '')
+        await undoBtn.click()
+        await expect(undoBtn).toHaveAttribute('disabled', '')
+      })
+
+      test('disables redo button when there are no more changes to redo', async ({ page }) => {
+        const undoBtn = page.locator('button').nth(0)
+        const redoBtn = page.locator('button').nth(1)
+
+        await expect(redoBtn).toHaveAttribute('disabled', '')
+        await expect(undoBtn).not.toHaveAttribute('disabled', '')
+        await undoBtn.click()
+        await expect(redoBtn).not.toHaveAttribute('disabled', '')
+      })
+    })
+  })
+})
diff --git a/demos/src/Extensions/UniqueID/React/index.html b/demos/src/Extensions/UniqueID/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/UniqueID/React/index.jsx b/demos/src/Extensions/UniqueID/React/index.jsx
new file mode 100644
index 0000000..2548860
--- /dev/null
+++ b/demos/src/Extensions/UniqueID/React/index.jsx
@@ -0,0 +1,30 @@
+import './styles.scss'
+
+import UniqueID from '@tiptap/extension-unique-id'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      UniqueID.configure({
+        types: ['heading', 'paragraph'],
+      }),
+    ],
+    content: `
+      <h1>
+        This is a very unique heading.
+      </h1>
+      <p>
+        This is a unique paragraph. It’s so unique, it even has an ID attached to it.
+      </p>
+      <p>
+        And this one, too.
+      </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Extensions/UniqueID/React/styles.scss b/demos/src/Extensions/UniqueID/React/styles.scss
new file mode 100644
index 0000000..d879ff1
--- /dev/null
+++ b/demos/src/Extensions/UniqueID/React/styles.scss
@@ -0,0 +1,28 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Unique data id */
+  [data-id] {
+    border: 2px solid var(--black);
+    border-radius: 0.5rem;
+    padding: 2.5rem 1rem 1rem;
+    position: relative;
+
+    &::before {
+      background-color: var(--black);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      content: attr(data-id);
+      font-size: 0.75rem;
+      font-weight: bold;
+      left: 0;
+      line-height: 1.5;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+  }
+}
diff --git a/demos/src/Extensions/UniqueID/Vue/index.html b/demos/src/Extensions/UniqueID/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/UniqueID/Vue/index.vue b/demos/src/Extensions/UniqueID/Vue/index.vue
new file mode 100644
index 0000000..7334820
--- /dev/null
+++ b/demos/src/Extensions/UniqueID/Vue/index.vue
@@ -0,0 +1,85 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import UniqueID from '@tiptap/extension-unique-id'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Heading,
+        Paragraph,
+        Text,
+        UniqueID.configure({
+          types: ['heading', 'paragraph'],
+        }),
+      ],
+      content: `
+        <h1>
+          This is a very unique heading.
+        </h1>
+        <p>
+          This is a unique paragraph. It’s so unique, it even has an ID attached to it.
+        </p>
+        <p>
+          And this one, too.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+})
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Unique data id */
+  [data-id] {
+    border: 2px solid var(--black);
+    border-radius: 0.5rem;
+    padding: 2.5rem 1rem 1rem;
+    position: relative;
+
+    &::before {
+      background-color: var(--black);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      content: attr(data-id);
+      font-size: 0.75rem;
+      font-weight: bold;
+      left: 0;
+      line-height: 1.5;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Extensions/UniqueIDWithYdoc/React/index.html b/demos/src/Extensions/UniqueIDWithYdoc/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Extensions/UniqueIDWithYdoc/React/index.jsx b/demos/src/Extensions/UniqueIDWithYdoc/React/index.jsx
new file mode 100644
index 0000000..1a700b6
--- /dev/null
+++ b/demos/src/Extensions/UniqueIDWithYdoc/React/index.jsx
@@ -0,0 +1,50 @@
+import './styles.scss'
+
+import { TiptapTransformer } from '@hocuspocus/transformer'
+import Collaboration from '@tiptap/extension-collaboration'
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import UniqueID from '@tiptap/extension-unique-id'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+const doc = TiptapTransformer.toYdoc({
+  type: 'doc',
+  content: [
+    {
+      type: 'heading',
+      attrs: { level: 1 },
+      content: [{ type: 'text', text: 'This is a predefined, collaborative ydoc' }],
+    },
+    {
+      type: 'paragraph',
+      content: [{ type: 'text', text: "Let's see how this works out." }],
+    },
+    {
+      type: 'paragraph',
+      content: [{ type: 'text', text: 'This should now generate unique IDs correctly' }],
+    },
+  ],
+})
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Heading,
+      Paragraph,
+      Text,
+      Collaboration.configure({
+        document: doc,
+      }),
+      UniqueID.configure({
+        types: ['heading', 'paragraph'],
+        filterTransaction: () => true,
+      }),
+    ],
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Extensions/UniqueIDWithYdoc/React/styles.scss b/demos/src/Extensions/UniqueIDWithYdoc/React/styles.scss
new file mode 100644
index 0000000..8081117
--- /dev/null
+++ b/demos/src/Extensions/UniqueIDWithYdoc/React/styles.scss
@@ -0,0 +1,55 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Unique data id */
+  [data-id] {
+    border: 2px solid var(--black);
+    border-radius: 0.5rem;
+    padding: 2.5rem 1rem 1rem;
+    position: relative;
+
+    &::before {
+      background-color: var(--black);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      content: attr(data-id);
+      font-size: 0.75rem;
+      font-weight: bold;
+      left: 0;
+      line-height: 1.5;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+  }
+
+  /* Give a remote user a caret */
+  .collaboration-carets__caret {
+    border-left: 1px solid #0d0d0d;
+    border-right: 1px solid #0d0d0d;
+    margin-left: -1px;
+    margin-right: -1px;
+    pointer-events: none;
+    position: relative;
+    word-break: normal;
+  }
+
+  /* Render the username above the caret */
+  .collaboration-carets__label {
+    border-radius: 3px 3px 3px 0;
+    color: #0d0d0d;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 600;
+    left: -1px;
+    line-height: normal;
+    padding: 0.1rem 0.3rem;
+    position: absolute;
+    top: -1.4em;
+    user-select: none;
+    white-space: nowrap;
+  }
+}
diff --git a/demos/src/GuideContent/ExportHTML/React/index.html b/demos/src/GuideContent/ExportHTML/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/ExportHTML/React/index.jsx b/demos/src/GuideContent/ExportHTML/React/index.jsx
new file mode 100644
index 0000000..c3252df
--- /dev/null
+++ b/demos/src/GuideContent/ExportHTML/React/index.jsx
@@ -0,0 +1,97 @@
+import './styles.scss'
+
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useCallback, useEffect, useState } from 'react'
+
+export default () => {
+  const [html, setHtml] = useState(null)
+  const editor = useEditor({
+    content: `
+        <p>
+          Wow, this editor instance exports its content as HTML.
+        </p>
+      `,
+    extensions: [StarterKit],
+  })
+
+  useEffect(() => {
+    if (!editor) {
+      return undefined
+    }
+
+    // Get the initial content …
+    setHtml(editor.getHTML())
+
+    // … and get the content after every change.
+    editor.on('update', () => {
+      setHtml(editor.getHTML())
+    })
+  }, [editor])
+
+  const setContent = useCallback(() => {
+    // You can pass a HTML document to the editor.
+    editor.commands.setContent(
+      `
+        <p>
+          It’s 19871. You can’t turn on a radio, or go to a mall without hearing Olivia Newton-John’s hit song, Physical.
+        </p>
+      `,
+    )
+
+    // It’s likely that you’d like to focus the Editor after most commands.
+    editor.commands.focus()
+  }, [editor])
+
+  const clearContent = useCallback(() => {
+    editor.chain().clearContent(true).focus().run()
+  }, [editor])
+
+  const { isBold, isItalic } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isBold: ctx.editor.isActive('bold') ?? false,
+      isItalic: ctx.editor.isActive('italic') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button className="button" onClick={setContent}>
+            Set content
+          </button>
+          <button className="button" onClick={clearContent}>
+            Clear content
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleBold().run()}
+            className={isBold ? 'is-active' : ''}
+          >
+            Bold
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleItalic().run()}
+            className={isItalic ? 'is-active' : ''}
+          >
+            Italic
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+
+      <div className="output-group">
+        <label>HTML</label>
+        <pre>
+          <code>{html}</code>
+        </pre>
+      </div>
+    </>
+  )
+}
diff --git a/demos/src/GuideContent/ExportHTML/React/styles.scss b/demos/src/GuideContent/ExportHTML/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/GuideContent/ExportHTML/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/GuideContent/ExportHTML/Vue/index.html b/demos/src/GuideContent/ExportHTML/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/ExportHTML/Vue/index.vue b/demos/src/GuideContent/ExportHTML/Vue/index.vue
new file mode 100644
index 0000000..c991b4c
--- /dev/null
+++ b/demos/src/GuideContent/ExportHTML/Vue/index.vue
@@ -0,0 +1,185 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button class="button" @click="setContent">Set content</button>
+        <button class="button" @click="clearContent">Clear content</button>
+        <button
+          @click="editor.chain().focus().toggleBold().run()"
+          :class="{ 'is-active': editor.isActive('bold') }"
+        >
+          Bold
+        </button>
+        <button
+          @click="editor.chain().focus().toggleItalic().run()"
+          :class="{ 'is-active': editor.isActive('italic') }"
+        >
+          Italic
+        </button>
+      </div>
+    </div>
+
+    <editor-content :editor="editor" />
+
+    <div class="output-group">
+      <label>HTML</label>
+      <pre><code>{{ html }}</code></pre>
+    </div>
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      html: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      content: `
+        <p>
+          Wow, this editor instance exports its content as HTML.
+        </p>
+      `,
+      extensions: [StarterKit],
+    })
+
+    // Get the initial content …
+    this.html = this.editor.getHTML()
+
+    // … and get the content after every change.
+    this.editor.on('update', () => {
+      this.html = this.editor.getHTML()
+    })
+  },
+
+  methods: {
+    setContent() {
+      // You can pass a HTML document to the editor.
+      this.editor.commands.setContent(
+        `
+        <p>
+          It’s 19871. You can’t turn on a radio, or go to a mall without hearing Olivia Newton-John’s hit song, Physical.
+        </p>
+      `,
+        true,
+      )
+
+      // It’s likely that you’d like to focus the Editor after most commands.
+      this.editor.commands.focus()
+    },
+
+    clearContent() {
+      this.editor.chain().clearContent(true).focus().run()
+    },
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/GuideContent/ExportJSON/React/index.html b/demos/src/GuideContent/ExportJSON/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/ExportJSON/React/index.jsx b/demos/src/GuideContent/ExportJSON/React/index.jsx
new file mode 100644
index 0000000..9fb7581
--- /dev/null
+++ b/demos/src/GuideContent/ExportJSON/React/index.jsx
@@ -0,0 +1,104 @@
+import './styles.scss'
+
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useCallback, useEffect, useState } from 'react'
+
+export default () => {
+  const [json, setJson] = useState(null)
+  const editor = useEditor({
+    content: `
+        <p>
+          Wow, this editor instance exports its content as JSON.
+        </p>
+      `,
+    extensions: [StarterKit],
+  })
+
+  useEffect(() => {
+    if (!editor) {
+      return undefined
+    }
+
+    // Get the initial content …
+    setJson(editor.getJSON())
+
+    // … and get the content after every change.
+    editor.on('update', () => {
+      setJson(editor.getJSON())
+    })
+  }, [editor])
+
+  const setContent = useCallback(() => {
+    // You can pass a JSON document to the editor.
+    editor.commands.setContent({
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'It’s 19871. You can’t turn on a radio, or go to a mall without hearing Olivia Newton-John’s hit song, Physical.',
+            },
+          ],
+        },
+      ],
+    })
+
+    // It’s likely that you’d like to focus the Editor after most commands.
+    editor.commands.focus()
+  }, [editor])
+
+  const clearContent = useCallback(() => {
+    editor.chain().clearContent(true).focus().run()
+  }, [editor])
+
+  const { isBold, isItalic } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isBold: ctx.editor.isActive('bold') ?? false,
+      isItalic: ctx.editor.isActive('italic') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button className="button" onClick={setContent}>
+            Set content
+          </button>
+          <button className="button" onClick={clearContent}>
+            Clear content
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleBold().run()}
+            className={isBold ? 'is-active' : ''}
+          >
+            Bold
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleItalic().run()}
+            className={isItalic ? 'is-active' : ''}
+          >
+            Italic
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+
+      <div className="output-group">
+        <label>JSON</label>
+        <pre>
+          <code>{JSON.stringify(json, null, 2)}</code>
+        </pre>
+      </div>
+    </>
+  )
+}
diff --git a/demos/src/GuideContent/ExportJSON/React/styles.scss b/demos/src/GuideContent/ExportJSON/React/styles.scss
new file mode 100644
index 0000000..15283b1
--- /dev/null
+++ b/demos/src/GuideContent/ExportJSON/React/styles.scss
@@ -0,0 +1,91 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
diff --git a/demos/src/GuideContent/ExportJSON/Vue/index.html b/demos/src/GuideContent/ExportJSON/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/ExportJSON/Vue/index.vue b/demos/src/GuideContent/ExportJSON/Vue/index.vue
new file mode 100644
index 0000000..6edfc85
--- /dev/null
+++ b/demos/src/GuideContent/ExportJSON/Vue/index.vue
@@ -0,0 +1,191 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button class="button" @click="setContent">Set content</button>
+        <button class="button" @click="clearContent">Clear content</button>
+        <button
+          @click="editor.chain().focus().toggleBold().run()"
+          :class="{ 'is-active': editor.isActive('bold') }"
+        >
+          Bold
+        </button>
+        <button
+          @click="editor.chain().focus().toggleItalic().run()"
+          :class="{ 'is-active': editor.isActive('italic') }"
+        >
+          Italic
+        </button>
+      </div>
+    </div>
+
+    <editor-content :editor="editor" />
+
+    <div class="output-group">
+      <label>JSON</label>
+      <pre><code>{{ json }}</code></pre>
+    </div>
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      json: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      content: `
+        <p>
+          Wow, this editor instance exports its content as JSON.
+        </p>
+      `,
+      extensions: [StarterKit],
+    })
+
+    // Get the initial content …
+    this.json = this.editor.getJSON()
+
+    // … and get the content after every change.
+    this.editor.on('update', () => {
+      this.json = this.editor.getJSON()
+    })
+  },
+
+  methods: {
+    setContent() {
+      // You can pass a JSON document to the editor.
+      this.editor.commands.setContent({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'It’s 19871. You can’t turn on a radio, or go to a mall without hearing Olivia Newton-John’s hit song, Physical.',
+              },
+            ],
+          },
+        ],
+      })
+
+      // It’s likely that you’d like to focus the Editor after most commands.
+      this.editor.commands.focus()
+    },
+
+    clearContent() {
+      this.editor.chain().clearContent(true).focus().run()
+    },
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/GuideContent/GenerateHTML/React/index.html b/demos/src/GuideContent/GenerateHTML/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/GenerateHTML/React/index.tsx b/demos/src/GuideContent/GenerateHTML/React/index.tsx
new file mode 100644
index 0000000..f3122aa
--- /dev/null
+++ b/demos/src/GuideContent/GenerateHTML/React/index.tsx
@@ -0,0 +1,51 @@
+import Bold from '@tiptap/extension-bold'
+// Option 2: Browser-only (lightweight)
+// import { generateHTML } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+// Option 1: Browser + server-side
+import { generateHTML } from '@tiptap/html'
+import React, { useMemo } from 'react'
+
+const json = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'Example ',
+        },
+        {
+          type: 'text',
+          marks: [
+            {
+              type: 'bold',
+            },
+          ],
+          text: 'Text',
+        },
+      ],
+    },
+  ],
+}
+
+export default () => {
+  const output = useMemo(() => {
+    return generateHTML(json, [
+      Document,
+      Paragraph,
+      Text,
+      Bold,
+      // other extensions …
+    ])
+  }, [])
+
+  return (
+    <pre>
+      <code>{output}</code>
+    </pre>
+  )
+}
diff --git a/demos/src/GuideContent/GenerateHTML/Vue/index.html b/demos/src/GuideContent/GenerateHTML/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/GenerateHTML/Vue/index.vue b/demos/src/GuideContent/GenerateHTML/Vue/index.vue
new file mode 100644
index 0000000..6e0f1b5
--- /dev/null
+++ b/demos/src/GuideContent/GenerateHTML/Vue/index.vue
@@ -0,0 +1,52 @@
+<template>
+  <pre><code>{{ output }}</code></pre>
+</template>
+
+<script>
+// Option 1: Browser + server-side
+import Bold from '@tiptap/extension-bold'
+// Option 2: Browser-only (lightweight)
+// import { generateHTML } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { generateHTML } from '@tiptap/html'
+
+const json = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'Example ',
+        },
+        {
+          type: 'text',
+          marks: [
+            {
+              type: 'bold',
+            },
+          ],
+          text: 'Text',
+        },
+      ],
+    },
+  ],
+}
+
+export default {
+  computed: {
+    output() {
+      return generateHTML(json, [
+        Document,
+        Paragraph,
+        Text,
+        Bold,
+        // other extensions …
+      ])
+    },
+  },
+}
+</script>
diff --git a/demos/src/GuideContent/GenerateJSON/React/index.html b/demos/src/GuideContent/GenerateJSON/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/GenerateJSON/React/index.jsx b/demos/src/GuideContent/GenerateJSON/React/index.jsx
new file mode 100644
index 0000000..fd6c7c3
--- /dev/null
+++ b/demos/src/GuideContent/GenerateJSON/React/index.jsx
@@ -0,0 +1,29 @@
+import Bold from '@tiptap/extension-bold'
+// Option 2: Browser-only (lightweight)
+// import { generateJSON } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+// Option 1: Browser + server-side
+import { generateJSON } from '@tiptap/html'
+import React, { useMemo } from 'react'
+
+const html = '<p>Example <strong>Text</strong></p>'
+
+export default () => {
+  const output = useMemo(() => {
+    return generateJSON(html, [
+      Document,
+      Paragraph,
+      Text,
+      Bold,
+      // other extensions …
+    ])
+  }, [])
+
+  return (
+    <pre>
+      <code>{JSON.stringify(output, null, 2)}</code>
+    </pre>
+  )
+}
diff --git a/demos/src/GuideContent/GenerateJSON/Vue/index.html b/demos/src/GuideContent/GenerateJSON/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/GenerateJSON/Vue/index.vue b/demos/src/GuideContent/GenerateJSON/Vue/index.vue
new file mode 100644
index 0000000..9d2ed54
--- /dev/null
+++ b/demos/src/GuideContent/GenerateJSON/Vue/index.vue
@@ -0,0 +1,30 @@
+<template>
+  <pre><code>{{ output }}</code></pre>
+</template>
+
+<script>
+// Option 1: Browser + server-side
+import Bold from '@tiptap/extension-bold'
+// Option 2: Browser-only (lightweight)
+// import { generateJSON } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { generateJSON } from '@tiptap/html'
+
+const html = '<p>Example <strong>Text</strong></p>'
+
+export default {
+  computed: {
+    output() {
+      return generateJSON(html, [
+        Document,
+        Paragraph,
+        Text,
+        Bold,
+        // other extensions …
+      ])
+    },
+  },
+}
+</script>
diff --git a/demos/src/GuideContent/GenerateText/React/index.html b/demos/src/GuideContent/GenerateText/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/GenerateText/React/index.jsx b/demos/src/GuideContent/GenerateText/React/index.jsx
new file mode 100644
index 0000000..ba95ed6
--- /dev/null
+++ b/demos/src/GuideContent/GenerateText/React/index.jsx
@@ -0,0 +1,62 @@
+import { generateText } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import React, { useMemo } from 'react'
+
+const json = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'This is a paragraph.',
+        },
+      ],
+    },
+    {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'Here is another paragraph …',
+        },
+        {
+          type: 'hardBreak',
+        },
+        {
+          type: 'text',
+          text: '… with an hard break.',
+        },
+      ],
+    },
+  ],
+}
+
+export default () => {
+  const output = useMemo(() => {
+    return generateText(
+      json,
+      [
+        Document,
+        Paragraph,
+        Text,
+        HardBreak,
+        // other extensions …
+      ],
+      {
+        // define a custom block separator if you want to
+        blockSeparator: '\n\n',
+      },
+    )
+  }, [])
+
+  return (
+    <pre>
+      <code>{output}</code>
+    </pre>
+  )
+}
diff --git a/demos/src/GuideContent/GenerateText/Vue/index.html b/demos/src/GuideContent/GenerateText/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/GenerateText/Vue/index.vue b/demos/src/GuideContent/GenerateText/Vue/index.vue
new file mode 100644
index 0000000..6afc1c1
--- /dev/null
+++ b/demos/src/GuideContent/GenerateText/Vue/index.vue
@@ -0,0 +1,63 @@
+<template>
+  <pre><code>{{ output }}</code></pre>
+</template>
+
+<script>
+import { generateText } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+
+const json = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'This is a paragraph.',
+        },
+      ],
+    },
+    {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'Here is another paragraph …',
+        },
+        {
+          type: 'hardBreak',
+        },
+        {
+          type: 'text',
+          text: '… with an hard break.',
+        },
+      ],
+    },
+  ],
+}
+
+export default {
+  computed: {
+    output() {
+      return generateText(
+        json,
+        [
+          Document,
+          Paragraph,
+          Text,
+          HardBreak,
+          // other extensions …
+        ],
+        {
+          // define a custom block separator if you want to
+          blockSeparator: '\n\n',
+        },
+      )
+    },
+  },
+}
+</script>
diff --git a/demos/src/GuideContent/ReadOnly/React/index.html b/demos/src/GuideContent/ReadOnly/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/ReadOnly/React/index.jsx b/demos/src/GuideContent/ReadOnly/React/index.jsx
new file mode 100644
index 0000000..095d354
--- /dev/null
+++ b/demos/src/GuideContent/ReadOnly/React/index.jsx
@@ -0,0 +1,51 @@
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useEffect, useState } from 'react'
+
+export default () => {
+  const [editable, setEditable] = useState(false)
+  const editor = useEditor({
+    shouldRerenderOnTransaction: false,
+    editable,
+    content: `
+        <p>
+          This text is <strong>read-only</strong>. No matter what you try, you are not able to edit something. Okay, if you toggle the checkbox above you’ll be able to edit the text.
+        </p>
+        <p>
+          If you want to check the state, you can call <code>editor.isEditable()</code>.
+        </p>
+      `,
+    extensions: [StarterKit],
+  })
+
+  useEffect(() => {
+    if (!editor) {
+      return undefined
+    }
+
+    editor.setEditable(editable)
+  }, [editor, editable])
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <input
+            type="checkbox"
+            id="editable"
+            value={editable}
+            onChange={event => setEditable(event.target.checked)}
+          />
+          <label htmlFor="editable">Editable</label>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/GuideContent/ReadOnly/React/styles.scss b/demos/src/GuideContent/ReadOnly/React/styles.scss
new file mode 100644
index 0000000..74c06e4
--- /dev/null
+++ b/demos/src/GuideContent/ReadOnly/React/styles.scss
@@ -0,0 +1,96 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  &[contenteditable='false'] {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+}
diff --git a/demos/src/GuideContent/ReadOnly/Vue/index.html b/demos/src/GuideContent/ReadOnly/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/ReadOnly/Vue/index.vue b/demos/src/GuideContent/ReadOnly/Vue/index.vue
new file mode 100644
index 0000000..35d8935
--- /dev/null
+++ b/demos/src/GuideContent/ReadOnly/Vue/index.vue
@@ -0,0 +1,153 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <input type="checkbox" id="editable" v-model="editable" />
+        <label for="editable">Editable</label>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      editable: false,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      editable: this.editable,
+      content: `
+        <p>
+          This text is <strong>read-only</strong>. No matter what you try, you are not able to edit something. Okay, if you toggle the checkbox above you’ll be able to edit the text.
+        </p>
+        <p>
+          If you want to check the state, you can call <code>editor.isEditable()</code>.
+        </p>
+      `,
+      extensions: [StarterKit],
+    })
+  },
+
+  watch: {
+    editable() {
+      this.editor.setEditable(this.editable)
+    },
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  &[contenteditable='false'] {
+    color: #999;
+    opacity: 0.6;
+  }
+}
+</style>
diff --git a/demos/src/GuideContent/ReadOnly/index.spec.ts b/demos/src/GuideContent/ReadOnly/index.spec.ts
new file mode 100644
index 0000000..80dae32
--- /dev/null
+++ b/demos/src/GuideContent/ReadOnly/index.spec.ts
@@ -0,0 +1,39 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'ReadOnly'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/GuideContent'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      })
+
+      test('is read-only', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.setEditable(false))
+        await editor.click()
+        await page.keyboard.type('Edited: ')
+
+        await expect(page.locator('.tiptap p').first()).not.toContainText('Edited:')
+      })
+
+      test('is editable', async ({ page }) => {
+        await page.locator('#editable').click()
+        const editor = await getEditor(page)
+        await editor.click()
+        await page.keyboard.type('Edited: ')
+
+        await expect(page.locator('.tiptap p').first()).toContainText('Edited:')
+      })
+    })
+  })
+})
diff --git a/demos/src/GuideContent/StaticRenderHTML/React/index.html b/demos/src/GuideContent/StaticRenderHTML/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/StaticRenderHTML/React/index.tsx b/demos/src/GuideContent/StaticRenderHTML/React/index.tsx
new file mode 100644
index 0000000..3cc024e
--- /dev/null
+++ b/demos/src/GuideContent/StaticRenderHTML/React/index.tsx
@@ -0,0 +1,58 @@
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { renderToHTMLString } from '@tiptap/static-renderer'
+import React, { useMemo } from 'react'
+
+const json = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'Example ',
+        },
+        {
+          type: 'text',
+          marks: [
+            {
+              type: 'bold',
+            },
+          ],
+          text: 'Text',
+        },
+      ],
+    },
+  ],
+}
+
+/**
+ * This example demonstrates how to render a Prosemirror Node (or JSON Content) to an HTML string.
+ * It will use your extensions to render the content based on each Node's/Mark's `renderHTML` method.
+ * This can be useful if you want to render content to HTML without having an actual editor instance.
+ *
+ * You have complete control over the rendering process. And can replace how each Node/Mark is rendered.
+ */
+export default () => {
+  const output = useMemo(() => {
+    return renderToHTMLString({
+      content: json,
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Bold,
+        // other extensions …
+      ],
+    })
+  }, [])
+
+  return (
+    <pre>
+      <code>{output}</code>
+    </pre>
+  )
+}
diff --git a/demos/src/GuideContent/StaticRenderHTML/Vue/index.html b/demos/src/GuideContent/StaticRenderHTML/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/StaticRenderHTML/Vue/index.vue b/demos/src/GuideContent/StaticRenderHTML/Vue/index.vue
new file mode 100644
index 0000000..0142eb4
--- /dev/null
+++ b/demos/src/GuideContent/StaticRenderHTML/Vue/index.vue
@@ -0,0 +1,59 @@
+<template>
+  <pre><code>{{ output }}</code></pre>
+</template>
+
+<script>
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { renderToHTMLString } from '@tiptap/static-renderer'
+
+const json = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'Example ',
+        },
+        {
+          type: 'text',
+          marks: [
+            {
+              type: 'bold',
+            },
+          ],
+          text: 'Text',
+        },
+      ],
+    },
+  ],
+}
+
+/**
+ * This example demonstrates how to render a Prosemirror Node (or JSON Content) to an HTML string.
+ * It will use your extensions to render the content based on each Node's/Mark's `renderHTML` method.
+ * This can be useful if you want to render content to HTML without having an actual editor instance.
+ *
+ * You have complete control over the rendering process. And can replace how each Node/Mark is rendered.
+ */
+export default {
+  computed: {
+    output() {
+      return renderToHTMLString({
+        content: json,
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Bold,
+          // other extensions …
+        ],
+      })
+    },
+  },
+}
+</script>
diff --git a/demos/src/GuideContent/StaticRenderReact/React/index.html b/demos/src/GuideContent/StaticRenderReact/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideContent/StaticRenderReact/React/index.tsx b/demos/src/GuideContent/StaticRenderReact/React/index.tsx
new file mode 100644
index 0000000..7c2ea82
--- /dev/null
+++ b/demos/src/GuideContent/StaticRenderReact/React/index.tsx
@@ -0,0 +1,54 @@
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { renderToReactElement } from '@tiptap/static-renderer'
+import React, { useMemo } from 'react'
+
+const json = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'Example ',
+        },
+        {
+          type: 'text',
+          marks: [
+            {
+              type: 'bold',
+            },
+          ],
+          text: 'Text',
+        },
+      ],
+    },
+  ],
+}
+
+/**
+ * This example demonstrates how to render a Prosemirror Node (or JSON Content) to a React Element.
+ * It will use your extensions to render the content based on each Node's/Mark's `renderHTML` method.
+ * This can be useful if you want to render content to React without having an actual editor instance.
+ *
+ * You have complete control over the rendering process. And can replace how each Node/Mark is rendered.
+ */
+export default () => {
+  const output = useMemo(() => {
+    return renderToReactElement({
+      content: json,
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Bold,
+        // other extensions …
+      ],
+    })
+  }, [])
+
+  return <div>{output}</div>
+}
diff --git a/demos/src/GuideGettingStarted/VModel/Vue/Editor.vue b/demos/src/GuideGettingStarted/VModel/Vue/Editor.vue
new file mode 100644
index 0000000..bf069f4
--- /dev/null
+++ b/demos/src/GuideGettingStarted/VModel/Vue/Editor.vue
@@ -0,0 +1,157 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  props: {
+    modelValue: {
+      type: String,
+      default: '',
+    },
+  },
+
+  emits: ['update:modelValue'],
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  watch: {
+    modelValue(value) {
+      // HTML
+      const isSame = this.editor.getHTML() === value
+
+      // JSON
+      // const isSame = JSON.stringify(this.editor.getJSON()) === JSON.stringify(value)
+
+      if (isSame) {
+        return
+      }
+
+      this.editor.commands.setContent(value)
+    },
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit],
+      content: this.modelValue,
+      onUpdate: () => {
+        // HTML
+        this.$emit('update:modelValue', this.editor.getHTML())
+
+        // JSON
+        // this.$emit('update:modelValue', this.editor.getJSON())
+      },
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/GuideGettingStarted/VModel/Vue/index.html b/demos/src/GuideGettingStarted/VModel/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideGettingStarted/VModel/Vue/index.vue b/demos/src/GuideGettingStarted/VModel/Vue/index.vue
new file mode 100644
index 0000000..1596a2f
--- /dev/null
+++ b/demos/src/GuideGettingStarted/VModel/Vue/index.vue
@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <editor v-model="content" />
+
+    <div class="output-group">
+      <label>Content</label>
+      <code>{{ content }}</code>
+    </div>
+  </div>
+</template>
+
+<script>
+import Editor from './Editor.vue'
+
+export default {
+  components: {
+    Editor,
+  },
+
+  data() {
+    return {
+      content: '<p>A Vue.js wrapper component for Tiptap to use <code>v-model</code>.</p>',
+    }
+  },
+}
+</script>
diff --git a/demos/src/GuideGettingStarted/VModel/index.spec.ts b/demos/src/GuideGettingStarted/VModel/index.spec.ts
new file mode 100644
index 0000000..646b5f1
--- /dev/null
+++ b/demos/src/GuideGettingStarted/VModel/index.spec.ts
@@ -0,0 +1,24 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'VModel'
+const frameworkPaths = ['Vue']
+const demoPath = '/src/GuideGettingStarted'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('loads the editor', async ({ page }) => {
+        const editor = await getEditor(page)
+        await expect(editor).toBeVisible()
+      })
+    })
+  })
+})
diff --git a/demos/src/GuideMarkViews/ReactComponent/React/Component.tsx b/demos/src/GuideMarkViews/ReactComponent/React/Component.tsx
new file mode 100644
index 0000000..93b411f
--- /dev/null
+++ b/demos/src/GuideMarkViews/ReactComponent/React/Component.tsx
@@ -0,0 +1,37 @@
+import type { MarkViewRendererProps } from '@tiptap/react'
+import { MarkViewContent } from '@tiptap/react'
+import React from 'react'
+
+// oxlint-disable-next-line no-unused-vars
+export default (props: MarkViewRendererProps) => {
+  const [count, setCount] = React.useState(props.HTMLAttributes['data-count'] ?? 0)
+
+  return (
+    <span
+      className="content"
+      data-test-id="mark-view"
+      data-count={props.HTMLAttributes['data-count']}
+    >
+      <span className="mark-view-content-wrapper" data-test-id="mark-view-content-wrapper">
+        <MarkViewContent />
+      </span>
+      <label contentEditable={false}>
+        React component:
+        <button
+          data-test-id="count-button"
+          onClick={() => {
+            setCount(count + 1)
+          }}
+        >
+          This button has been clicked {count} times.
+        </button>
+        <button
+          data-test-id="update-attributes-button"
+          onClick={() => props.updateAttributes({ 'data-count': count })}
+        >
+          Update attributes
+        </button>
+      </label>
+    </span>
+  )
+}
diff --git a/demos/src/GuideMarkViews/ReactComponent/React/Extension.ts b/demos/src/GuideMarkViews/ReactComponent/React/Extension.ts
new file mode 100644
index 0000000..f8bfb0c
--- /dev/null
+++ b/demos/src/GuideMarkViews/ReactComponent/React/Extension.ts
@@ -0,0 +1,30 @@
+import { Mark } from '@tiptap/core'
+import { ReactMarkViewRenderer } from '@tiptap/react'
+
+import Component from './Component.js'
+
+export default Mark.create({
+  name: 'reactComponent',
+
+  addAttributes() {
+    return {
+      'data-count': { default: 0 },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'react-component',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['react-component', HTMLAttributes]
+  },
+
+  addMarkView() {
+    return ReactMarkViewRenderer(Component)
+  },
+})
diff --git a/demos/src/GuideMarkViews/ReactComponent/React/index.html b/demos/src/GuideMarkViews/ReactComponent/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideMarkViews/ReactComponent/React/index.tsx b/demos/src/GuideMarkViews/ReactComponent/React/index.tsx
new file mode 100644
index 0000000..9ae9ee9
--- /dev/null
+++ b/demos/src/GuideMarkViews/ReactComponent/React/index.tsx
@@ -0,0 +1,24 @@
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import ReactComponent from './Extension.js'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit, ReactComponent],
+    content: `
+    <p>
+      This is still the text editor you’re used to, but enriched with node views.
+    </p>
+    <react-component>Sub-text</react-component>
+    <p>
+      Did you see that? That’s a React component. We are really living in the future.
+    </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/GuideMarkViews/ReactComponent/React/styles.scss b/demos/src/GuideMarkViews/ReactComponent/React/styles.scss
new file mode 100644
index 0000000..bb941cc
--- /dev/null
+++ b/demos/src/GuideMarkViews/ReactComponent/React/styles.scss
@@ -0,0 +1,121 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* React component */
+  .react-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+    }
+  }
+
+  .mark-view-content-wrapper {
+    background-color: var(--gray-3);
+    padding: 0.25rem 0.5rem;
+  }
+}
diff --git a/demos/src/GuideMarkViews/ReactComponent/index.spec.ts b/demos/src/GuideMarkViews/ReactComponent/index.spec.ts
new file mode 100644
index 0000000..68ef729
--- /dev/null
+++ b/demos/src/GuideMarkViews/ReactComponent/index.spec.ts
@@ -0,0 +1,52 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'ReactComponent'
+const frameworkPaths = ['React']
+const demoPath = '/src/GuideMarkViews'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(
+          page,
+          '<p>Example Text</p><react-component>Mark View Text</react-component>',
+        )
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('shows the markview', async ({ page }) => {
+        await expect(page.locator('.tiptap [data-test-id="mark-view"]')).toHaveCount(1)
+      })
+
+      test('shows the markview content in the markview', async ({ page }) => {
+        await expect(
+          page.locator('.tiptap [data-test-id="mark-view-content-wrapper"]'),
+        ).toContainText('Mark View Text')
+      })
+
+      test('allows clicking the button', async ({ page }) => {
+        const button = page.locator('.tiptap [data-test-id="count-button"]')
+        await expect(button).toContainText('This button has been clicked 0 times.')
+        await button.click()
+        await expect(button).toContainText('This button has been clicked 1 times.')
+      })
+
+      test('renders update-attributes button', async ({ page }) => {
+        await expect(page.locator('.tiptap [data-test-id="mark-view"]')).toHaveAttribute(
+          'data-count',
+          '0',
+        )
+        await expect(
+          page.locator('.tiptap [data-test-id="update-attributes-button"]'),
+        ).toBeVisible()
+      })
+    })
+  })
+})
diff --git a/demos/src/GuideMarkViews/VueComponent/Vue/Component.vue b/demos/src/GuideMarkViews/VueComponent/Vue/Component.vue
new file mode 100644
index 0000000..ca8528a
--- /dev/null
+++ b/demos/src/GuideMarkViews/VueComponent/Vue/Component.vue
@@ -0,0 +1,68 @@
+<template>
+  <span className="content" data-test-id="mark-view" :data-count="HTMLAttributes['data-count']">
+    <mark-view-content />
+    <label contenteditable="false"
+      >Vue Component::
+      <button data-test-id="count-button" @click="increase" class="primary">
+        This button has been clicked {{ count }} times.
+      </button>
+      <button data-test-id="update-attributes-button" @click="updateCountAttr">
+        Update attributes
+      </button>
+    </label>
+  </span>
+</template>
+
+<script>
+import { MarkViewContent, markViewProps } from '@tiptap/vue'
+
+export default {
+  components: {
+    MarkViewContent,
+  },
+
+  data() {
+    return {
+      count: this.$props.HTMLAttributes['data-count'] ?? 0,
+    }
+  },
+
+  props: markViewProps,
+
+  methods: {
+    increase() {
+      this.count += 1
+    },
+    updateCountAttr() {
+      this.updateAttributes({
+        'data-count': this.count,
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+.tiptap {
+  /* Vue component */
+  .vue-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+    }
+  }
+}
+</style>
diff --git a/demos/src/GuideMarkViews/VueComponent/Vue/Extension.ts b/demos/src/GuideMarkViews/VueComponent/Vue/Extension.ts
new file mode 100644
index 0000000..13b3c46
--- /dev/null
+++ b/demos/src/GuideMarkViews/VueComponent/Vue/Extension.ts
@@ -0,0 +1,30 @@
+import { Mark } from '@tiptap/core'
+import { VueMarkViewRenderer } from '@tiptap/vue'
+
+import Component from './Component.vue'
+
+export default Mark.create({
+  name: 'vueComponent',
+
+  addAttributes() {
+    return {
+      'data-count': { default: 0 },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'vue-component',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['vue-component', HTMLAttributes]
+  },
+
+  addMarkView() {
+    return VueMarkViewRenderer(Component)
+  },
+})
diff --git a/demos/src/GuideMarkViews/VueComponent/Vue/index.html b/demos/src/GuideMarkViews/VueComponent/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideMarkViews/VueComponent/Vue/index.vue b/demos/src/GuideMarkViews/VueComponent/Vue/index.vue
new file mode 100644
index 0000000..f38800b
--- /dev/null
+++ b/demos/src/GuideMarkViews/VueComponent/Vue/index.vue
@@ -0,0 +1,135 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import VueComponent from './Extension.ts'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, VueComponent],
+      content: `
+        <p>
+          This is still the text editor you’re used to, but enriched with node views.
+        </p>
+        <vue-component>Sub-text</vue-component>
+        <p>
+          Did you see that? That’s a Vue component. We are really living in the future.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/GuideMarkViews/VueComponent/index.spec.ts b/demos/src/GuideMarkViews/VueComponent/index.spec.ts
new file mode 100644
index 0000000..b17011f
--- /dev/null
+++ b/demos/src/GuideMarkViews/VueComponent/index.spec.ts
@@ -0,0 +1,46 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'VueComponent'
+const frameworkPaths = ['Vue']
+const demoPath = '/src/GuideMarkViews'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(
+          page,
+          '<p>Example Text</p><vue-component>Mark View Text</vue-component>',
+        )
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('shows the markview', async ({ page }) => {
+        await expect(page.locator('.tiptap [data-test-id="mark-view"]')).toHaveCount(1)
+      })
+
+      test('allows clicking the button', async ({ page }) => {
+        const button = page.locator('.tiptap [data-test-id="count-button"]')
+        await expect(button).toContainText('This button has been clicked 0 times.')
+        await button.click()
+        await expect(button).toContainText('This button has been clicked 1 times.')
+      })
+
+      test('renders update-attributes button', async ({ page }) => {
+        await expect(page.locator('.tiptap [data-test-id="mark-view"]')).toHaveAttribute(
+          'data-count',
+          '0',
+        )
+        await expect(
+          page.locator('.tiptap [data-test-id="update-attributes-button"]'),
+        ).toBeVisible()
+      })
+    })
+  })
+})
diff --git a/demos/src/GuideNodeViews/Decorations/React/Component.tsx b/demos/src/GuideNodeViews/Decorations/React/Component.tsx
new file mode 100644
index 0000000..6413fe8
--- /dev/null
+++ b/demos/src/GuideNodeViews/Decorations/React/Component.tsx
@@ -0,0 +1,33 @@
+import type { ReactNodeViewProps } from '@tiptap/react'
+import { NodeViewContent, NodeViewWrapper } from '@tiptap/react'
+import React, { useRef } from 'react'
+
+export default (props: ReactNodeViewProps) => {
+  const renderCount = useRef(0)
+  renderCount.current += 1
+
+  const toggleHighlight = () => {
+    props.updateAttributes({
+      highlight: !props.node.attrs.highlight,
+    })
+  }
+
+  const showPosition = () => {
+    alert(`Current position: ${props.getPos()}`)
+  }
+
+  return (
+    <NodeViewWrapper className="react-component">
+      <label contentEditable={false}>React Decorations (rendered: {renderCount.current}x)</label>
+
+      <NodeViewContent className="content is-editable" />
+
+      <div className="toolbar" contentEditable={false}>
+        <button onClick={toggleHighlight}>
+          {props.node.attrs.highlight ? 'Remove Decorations' : 'Add Decorations'}
+        </button>
+        <button onClick={showPosition}>Show Position</button>
+      </div>
+    </NodeViewWrapper>
+  )
+}
diff --git a/demos/src/GuideNodeViews/Decorations/React/Extension.ts b/demos/src/GuideNodeViews/Decorations/React/Extension.ts
new file mode 100644
index 0000000..fce9887
--- /dev/null
+++ b/demos/src/GuideNodeViews/Decorations/React/Extension.ts
@@ -0,0 +1,74 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { Plugin } from '@tiptap/pm/state'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+import { ReactNodeViewRenderer } from '@tiptap/react'
+
+import Component from './Component.jsx'
+
+export default Node.create({
+  name: 'decorations',
+
+  group: 'block',
+
+  content: 'inline*',
+
+  addAttributes() {
+    return {
+      highlight: {
+        default: false,
+        parseHTML: element => element.getAttribute('data-highlight') === 'true',
+        renderHTML: attributes => ({
+          'data-highlight': attributes.highlight,
+        }),
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'decorations',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['decorations', mergeAttributes(HTMLAttributes), 0]
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        props: {
+          decorations(state) {
+            const { doc } = state
+            const decorations: Decoration[] = []
+            const nodeType = state.schema.nodes.decorations
+
+            doc.descendants((node, pos) => {
+              if (node.type === nodeType && node.attrs.highlight) {
+                node.forEach((child, offset) => {
+                  if (child.isText && child.text) {
+                    const from = pos + 1 + offset
+                    const to = from + child.text.length
+                    decorations.push(
+                      Decoration.inline(from, to, {
+                        class: 'highlight-decoration',
+                      }),
+                    )
+                  }
+                })
+              }
+            })
+
+            return DecorationSet.create(doc, decorations)
+          },
+        },
+      }),
+    ]
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/GuideNodeViews/Decorations/React/index.html b/demos/src/GuideNodeViews/Decorations/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideNodeViews/Decorations/React/index.tsx b/demos/src/GuideNodeViews/Decorations/React/index.tsx
new file mode 100644
index 0000000..aa80755
--- /dev/null
+++ b/demos/src/GuideNodeViews/Decorations/React/index.tsx
@@ -0,0 +1,28 @@
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import DecorationsExtension from './Extension.js'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit, DecorationsExtension],
+    content: `
+    <p>
+      This demo shows that ProseMirror decorations update visually without React re-renders.
+    </p>
+    <decorations>
+      Click the button below to toggle decorations. The render counter in the label
+      stays the same — but the decorations (highlights) update immediately.
+    </decorations>
+    <p>
+      ProseMirror manages the contentDOM natively. The React component only
+      re-renders when the node reference or position actually changes.
+    </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/GuideNodeViews/Decorations/React/styles.scss b/demos/src/GuideNodeViews/Decorations/React/styles.scss
new file mode 100644
index 0000000..a04b152
--- /dev/null
+++ b/demos/src/GuideNodeViews/Decorations/React/styles.scss
@@ -0,0 +1,147 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* React component */
+  .react-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+
+      &.is-editable {
+        border: 2px dashed var(--gray-3);
+        border-radius: 0.5rem;
+        margin: 2.5rem 1rem 1rem;
+        padding: 0.5rem;
+      }
+    }
+
+    .toolbar {
+      padding: 0 1rem 1rem;
+      display: flex;
+      gap: 0.5rem;
+
+      button {
+        background-color: var(--purple);
+        border: none;
+        border-radius: 0.25rem;
+        color: var(--white);
+        cursor: pointer;
+        font-size: 0.85rem;
+        padding: 0.5rem 1rem;
+
+        &:hover {
+          opacity: 0.8;
+        }
+      }
+    }
+  }
+
+  /* Decoration styles — rendered by ProseMirror, not React */
+  .highlight-decoration {
+    background-color: rgba(255, 230, 0, 0.4);
+    border-radius: 0.15rem;
+    padding: 0.1rem 0;
+  }
+}
diff --git a/demos/src/GuideNodeViews/Decorations/Vue/Component.vue b/demos/src/GuideNodeViews/Decorations/Vue/Component.vue
new file mode 100644
index 0000000..10d237d
--- /dev/null
+++ b/demos/src/GuideNodeViews/Decorations/Vue/Component.vue
@@ -0,0 +1,107 @@
+<template>
+  <node-view-wrapper class="react-component">
+    <label contenteditable="false"> Vue Decorations (rendered: {{ renderCount }}x) </label>
+
+    <node-view-content class="content is-editable" />
+
+    <div class="toolbar" contenteditable="false">
+      <button @click="toggleHighlight">
+        {{ node.attrs.highlight ? 'Remove Decorations' : 'Add Decorations' }}
+      </button>
+      <button @click="showPosition">Show Position</button>
+    </div>
+  </node-view-wrapper>
+</template>
+
+<script>
+import { NodeViewContent, nodeViewProps, NodeViewWrapper } from '@tiptap/vue'
+
+export default {
+  props: nodeViewProps,
+
+  components: {
+    NodeViewWrapper,
+    NodeViewContent,
+  },
+
+  data() {
+    return {
+      renderCount: 1,
+    }
+  },
+
+  updated() {
+    this.renderCount += 1
+  },
+
+  methods: {
+    toggleHighlight() {
+      this.updateAttributes({
+        highlight: !this.node.attrs.highlight,
+      })
+    },
+    showPosition() {
+      alert(`Current position: ${this.getPos()}`)
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+.react-component {
+  background-color: var(--purple-light);
+  border: 2px solid var(--purple);
+  border-radius: 0.5rem;
+  margin: 2rem 0;
+  position: relative;
+
+  label {
+    background-color: var(--purple);
+    border-radius: 0 0 0.5rem 0;
+    color: var(--white);
+    font-size: 0.75rem;
+    font-weight: bold;
+    padding: 0.25rem 0.5rem;
+    position: absolute;
+    top: 0;
+  }
+
+  .content {
+    margin-top: 1.5rem;
+    padding: 1rem;
+
+    &.is-editable {
+      border: 2px dashed var(--gray-3);
+      border-radius: 0.5rem;
+      margin: 2.5rem 1rem 1rem;
+      padding: 0.5rem;
+    }
+  }
+
+  .toolbar {
+    padding: 0 1rem 1rem;
+    display: flex;
+    gap: 0.5rem;
+
+    button {
+      background-color: var(--purple);
+      border: none;
+      border-radius: 0.25rem;
+      color: var(--white);
+      cursor: pointer;
+      font-size: 0.85rem;
+      padding: 0.5rem 1rem;
+
+      &:hover {
+        opacity: 0.8;
+      }
+    }
+  }
+}
+
+.highlight-decoration {
+  background-color: rgba(255, 230, 0, 0.4);
+  border-radius: 0.15rem;
+  padding: 0.1rem 0;
+}
+</style>
diff --git a/demos/src/GuideNodeViews/Decorations/Vue/Extension.js b/demos/src/GuideNodeViews/Decorations/Vue/Extension.js
new file mode 100644
index 0000000..9fc9391
--- /dev/null
+++ b/demos/src/GuideNodeViews/Decorations/Vue/Extension.js
@@ -0,0 +1,74 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { Plugin } from '@tiptap/pm/state'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+import { VueNodeViewRenderer } from '@tiptap/vue'
+
+import Component from './Component.vue'
+
+export default Node.create({
+  name: 'decorations',
+
+  group: 'block',
+
+  content: 'inline*',
+
+  addAttributes() {
+    return {
+      highlight: {
+        default: false,
+        parseHTML: element => element.getAttribute('data-highlight') === 'true',
+        renderHTML: attributes => ({
+          'data-highlight': attributes.highlight,
+        }),
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'decorations',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['decorations', mergeAttributes(HTMLAttributes), 0]
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        props: {
+          decorations(state) {
+            const { doc } = state
+            const decorations = []
+            const nodeType = state.schema.nodes.decorations
+
+            doc.descendants((node, pos) => {
+              if (node.type === nodeType && node.attrs.highlight) {
+                node.forEach((child, offset) => {
+                  if (child.isText && child.text) {
+                    const from = pos + 1 + offset
+                    const to = from + child.text.length
+                    decorations.push(
+                      Decoration.inline(from, to, {
+                        class: 'highlight-decoration',
+                      }),
+                    )
+                  }
+                })
+              }
+            })
+
+            return DecorationSet.create(doc, decorations)
+          },
+        },
+      }),
+    ]
+  },
+
+  addNodeView() {
+    return VueNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/GuideNodeViews/Decorations/Vue/index.html b/demos/src/GuideNodeViews/Decorations/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideNodeViews/Decorations/Vue/index.vue b/demos/src/GuideNodeViews/Decorations/Vue/index.vue
new file mode 100644
index 0000000..a1e74d0
--- /dev/null
+++ b/demos/src/GuideNodeViews/Decorations/Vue/index.vue
@@ -0,0 +1,138 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import DecorationsExtension from './Extension.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, DecorationsExtension],
+      content: `
+      <p>
+        This demo shows that ProseMirror decorations update visually without Vue re-renders.
+      </p>
+      <decorations>
+        Click the button below to toggle decorations. The render counter in the label
+        stays the same — but the decorations (highlights) update immediately.
+      </decorations>
+      <p>
+        ProseMirror manages the contentDOM natively. The Vue component only
+        re-renders when the node reference or position actually changes.
+      </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/GuideNodeViews/DragHandle/React/Component.jsx b/demos/src/GuideNodeViews/DragHandle/React/Component.jsx
new file mode 100644
index 0000000..0789010
--- /dev/null
+++ b/demos/src/GuideNodeViews/DragHandle/React/Component.jsx
@@ -0,0 +1,11 @@
+import { NodeViewContent, NodeViewWrapper } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  return (
+    <NodeViewWrapper className="draggable-item">
+      <div className="drag-handle" contentEditable={false} draggable="true" data-drag-handle />
+      <NodeViewContent className="content" />
+    </NodeViewWrapper>
+  )
+}
diff --git a/demos/src/GuideNodeViews/DragHandle/React/DraggableItem.js b/demos/src/GuideNodeViews/DragHandle/React/DraggableItem.js
new file mode 100644
index 0000000..f964519
--- /dev/null
+++ b/demos/src/GuideNodeViews/DragHandle/React/DraggableItem.js
@@ -0,0 +1,30 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { ReactNodeViewRenderer } from '@tiptap/react'
+
+import Component from './Component.jsx'
+
+export default Node.create({
+  name: 'draggableItem',
+
+  group: 'block',
+
+  content: 'block+',
+
+  draggable: true,
+
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="draggable-item"]',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'draggable-item' }), 0]
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/GuideNodeViews/DragHandle/React/index.html b/demos/src/GuideNodeViews/DragHandle/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideNodeViews/DragHandle/React/index.jsx b/demos/src/GuideNodeViews/DragHandle/React/index.jsx
new file mode 100644
index 0000000..5944170
--- /dev/null
+++ b/demos/src/GuideNodeViews/DragHandle/React/index.jsx
@@ -0,0 +1,30 @@
+import './styles.scss'
+
+import { EditorProvider } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import DraggableItem from './DraggableItem.js'
+
+const extensions = [StarterKit, DraggableItem]
+
+const content = `
+        <p>This is a boring paragraph.</p>
+        <div data-type="draggable-item">
+          <p>Followed by a fancy draggable item.</p>
+        </div>
+        <div data-type="draggable-item">
+          <p>And another draggable item.</p>
+          <div data-type="draggable-item">
+            <p>And a nested one.</p>
+            <div data-type="draggable-item">
+              <p>But can we go deeper?</p>
+            </div>
+          </div>
+        </div>
+        <p>Let’s finish with a boring paragraph.</p>
+      `
+
+export default () => {
+  return <EditorProvider extensions={extensions} content={content}></EditorProvider>
+}
diff --git a/demos/src/GuideNodeViews/DragHandle/React/styles.scss b/demos/src/GuideNodeViews/DragHandle/React/styles.scss
new file mode 100644
index 0000000..04f58aa
--- /dev/null
+++ b/demos/src/GuideNodeViews/DragHandle/React/styles.scss
@@ -0,0 +1,126 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  // Focus styles
+  .has-focus {
+    border-radius: 3px;
+    box-shadow: 0 0 0 2px var(--purple);
+  }
+}
+
+.draggable-item {
+  display: flex;
+  padding: 0.5rem;
+  margin: 0.5rem 0;
+  border-radius: 0.5rem;
+  background: white;
+  box-shadow:
+    0 0 0 1px rgba(0, 0, 0, 0.05),
+    0px 10px 20px rgba(0, 0, 0, 0.1);
+
+  .drag-handle {
+    flex: 0 0 auto;
+    position: relative;
+    width: 1rem;
+    height: 1rem;
+    top: 0.3rem;
+    margin-right: 0.5rem;
+    cursor: grab;
+    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16"><path fill-opacity="0.2" d="M4 14c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zM2 6C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6C.9 0 0 .9 0 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" /></svg>');
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center;
+  }
+
+  .content {
+    flex: 1 1 auto;
+  }
+}
diff --git a/demos/src/GuideNodeViews/DragHandle/Vue/Component.vue b/demos/src/GuideNodeViews/DragHandle/Vue/Component.vue
new file mode 100644
index 0000000..2aa2ed3
--- /dev/null
+++ b/demos/src/GuideNodeViews/DragHandle/Vue/Component.vue
@@ -0,0 +1,50 @@
+<template>
+  <node-view-wrapper class="draggable-item">
+    <div class="drag-handle" contenteditable="false" draggable="true" data-drag-handle />
+    <node-view-content class="content" />
+  </node-view-wrapper>
+</template>
+
+<script>
+import { NodeViewContent, nodeViewProps, NodeViewWrapper } from '@tiptap/vue'
+
+export default {
+  props: nodeViewProps,
+
+  components: {
+    NodeViewWrapper,
+    NodeViewContent,
+  },
+}
+</script>
+
+<style lang="scss">
+.draggable-item {
+  display: flex;
+  padding: 0.5rem;
+  margin: 0.5rem 0;
+  border-radius: 0.5rem;
+  background: white;
+  box-shadow:
+    0 0 0 1px rgba(0, 0, 0, 0.05),
+    0px 10px 20px rgba(0, 0, 0, 0.1);
+
+  .drag-handle {
+    flex: 0 0 auto;
+    position: relative;
+    width: 1rem;
+    height: 1rem;
+    top: 0.3rem;
+    margin-right: 0.5rem;
+    cursor: grab;
+    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16"><path fill-opacity="0.2" d="M4 14c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zM2 6C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6C.9 0 0 .9 0 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" /></svg>');
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center;
+  }
+
+  .content {
+    flex: 1 1 auto;
+  }
+}
+</style>
diff --git a/demos/src/GuideNodeViews/DragHandle/Vue/DraggableItem.js b/demos/src/GuideNodeViews/DragHandle/Vue/DraggableItem.js
new file mode 100644
index 0000000..f6e7a52
--- /dev/null
+++ b/demos/src/GuideNodeViews/DragHandle/Vue/DraggableItem.js
@@ -0,0 +1,30 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { VueNodeViewRenderer } from '@tiptap/vue'
+
+import Component from './Component.vue'
+
+export default Node.create({
+  name: 'draggableItem',
+
+  group: 'block',
+
+  content: 'block+',
+
+  draggable: true,
+
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="draggable-item"]',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'draggable-item' }), 0]
+  },
+
+  addNodeView() {
+    return VueNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/GuideNodeViews/DragHandle/Vue/index.html b/demos/src/GuideNodeViews/DragHandle/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideNodeViews/DragHandle/Vue/index.vue b/demos/src/GuideNodeViews/DragHandle/Vue/index.vue
new file mode 100644
index 0000000..19c56af
--- /dev/null
+++ b/demos/src/GuideNodeViews/DragHandle/Vue/index.vue
@@ -0,0 +1,144 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import DraggableItem from './DraggableItem.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, DraggableItem],
+      content: `
+        <p>This is a boring paragraph.</p>
+        <div data-type="draggable-item">
+          <p>Followed by a fancy draggable item.</p>
+        </div>
+        <div data-type="draggable-item">
+          <p>And another draggable item.</p>
+          <div data-type="draggable-item">
+            <p>And a nested one.</p>
+            <div data-type="draggable-item">
+              <p>But can we go deeper?</p>
+            </div>
+          </div>
+        </div>
+        <p>Let’s finish with a boring paragraph.</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/GuideNodeViews/JavaScript/Vue/Extension.js b/demos/src/GuideNodeViews/JavaScript/Vue/Extension.js
new file mode 100644
index 0000000..842bcf6
--- /dev/null
+++ b/demos/src/GuideNodeViews/JavaScript/Vue/Extension.js
@@ -0,0 +1,82 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+
+export default Node.create({
+  name: 'nodeView',
+
+  group: 'block',
+
+  atom: true,
+
+  addAttributes() {
+    return {
+      count: {
+        default: 0,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'node-view',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['node-view', mergeAttributes(HTMLAttributes)]
+  },
+
+  addNodeView() {
+    return ({ editor, node, getPos }) => {
+      const { view } = editor
+
+      // Markup
+      /*
+        <div class="node-view">
+          <span class="label">Node view</span>
+
+          <div class="content">
+            <button>
+              This button has been clicked ${node.attrs.count} times.
+            </button>
+          </div>
+        </div>
+      */
+
+      const dom = document.createElement('div')
+
+      dom.classList.add('node-view')
+
+      const label = document.createElement('label')
+
+      label.innerHTML = 'Node view'
+
+      const content = document.createElement('div')
+
+      content.classList.add('content')
+
+      const button = document.createElement('button')
+
+      button.innerHTML = `This button has been clicked ${node.attrs.count} times.`
+      button.addEventListener('click', () => {
+        if (typeof getPos === 'function') {
+          view.dispatch(
+            view.state.tr.setNodeMarkup(getPos(), undefined, {
+              count: node.attrs.count + 1,
+            }),
+          )
+
+          editor.commands.focus()
+        }
+      })
+      content.append(button)
+
+      dom.append(label, content)
+
+      return {
+        dom,
+      }
+    }
+  },
+})
diff --git a/demos/src/GuideNodeViews/JavaScript/Vue/index.html b/demos/src/GuideNodeViews/JavaScript/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideNodeViews/JavaScript/Vue/index.vue b/demos/src/GuideNodeViews/JavaScript/Vue/index.vue
new file mode 100644
index 0000000..1e52b0a
--- /dev/null
+++ b/demos/src/GuideNodeViews/JavaScript/Vue/index.vue
@@ -0,0 +1,160 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import NodeView from './Extension.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, NodeView],
+      content: `
+        <p>
+          This is still the text editor you’re used to, but enriched with node views.
+        </p>
+        <node-view></node-view>
+        <p>
+          Did you see that? That’s a JavaScript node view. We are really living in the future.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Node view */
+  .node-view {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+    }
+  }
+}
+</style>
diff --git a/demos/src/GuideNodeViews/JavaScriptContent/Vue/Extension.js b/demos/src/GuideNodeViews/JavaScriptContent/Vue/Extension.js
new file mode 100644
index 0000000..b3a6cc6
--- /dev/null
+++ b/demos/src/GuideNodeViews/JavaScriptContent/Vue/Extension.js
@@ -0,0 +1,55 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+
+export default Node.create({
+  name: 'nodeView',
+
+  group: 'block',
+
+  content: 'inline*',
+
+  parseHTML() {
+    return [
+      {
+        tag: 'node-view',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['node-view', mergeAttributes(HTMLAttributes), 0]
+  },
+
+  addNodeView() {
+    return () => {
+      // Markup
+      /*
+        <div class="node-view">
+          <span class="label">Node view</span>
+
+          <div class="content"></div>
+        </div>
+      */
+
+      const dom = document.createElement('div')
+
+      dom.classList.add('node-view')
+
+      const label = document.createElement('label')
+
+      label.innerHTML = 'Node view'
+      label.contentEditable = false
+
+      const content = document.createElement('div')
+
+      content.classList.add('content')
+      content.classList.add('is-editable')
+
+      dom.append(label, content)
+
+      return {
+        dom,
+        contentDOM: content,
+      }
+    }
+  },
+})
diff --git a/demos/src/GuideNodeViews/JavaScriptContent/Vue/index.html b/demos/src/GuideNodeViews/JavaScriptContent/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideNodeViews/JavaScriptContent/Vue/index.vue b/demos/src/GuideNodeViews/JavaScriptContent/Vue/index.vue
new file mode 100644
index 0000000..72f84f3
--- /dev/null
+++ b/demos/src/GuideNodeViews/JavaScriptContent/Vue/index.vue
@@ -0,0 +1,169 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import NodeView from './Extension.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, NodeView],
+      content: `
+        <p>
+          This is still the text editor you’re used to, but enriched with node views.
+        </p>
+        <node-view>
+          <p>This is editable.</p>
+        </node-view>
+        <p>
+          Did you see that? That’s a JavaScript node view. We are really living in the future.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* Node view */
+  .node-view {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+
+      &.is-editable {
+        border: 2px dashed var(--gray-3);
+        border-radius: 0.5rem;
+        margin: 2.5rem 1rem 1rem;
+        padding: 0.5rem;
+      }
+    }
+  }
+}
+</style>
diff --git a/demos/src/GuideNodeViews/ReactComponent/React/Component.tsx b/demos/src/GuideNodeViews/ReactComponent/React/Component.tsx
new file mode 100644
index 0000000..c496aec
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponent/React/Component.tsx
@@ -0,0 +1,23 @@
+import type { ReactNodeViewProps } from '@tiptap/react'
+import { NodeViewWrapper } from '@tiptap/react'
+import React from 'react'
+
+export default (props: ReactNodeViewProps<HTMLLabelElement>) => {
+  const increase = () => {
+    props.updateAttributes({
+      count: props.node.attrs.count + 1,
+    })
+  }
+
+  return (
+    <NodeViewWrapper className="react-component">
+      <label ref={props.ref}>React Component</label>
+
+      <div className="content">
+        <button onClick={increase}>
+          This button has been clicked {props.node.attrs.count} times.
+        </button>
+      </div>
+    </NodeViewWrapper>
+  )
+}
diff --git a/demos/src/GuideNodeViews/ReactComponent/React/Extension.ts b/demos/src/GuideNodeViews/ReactComponent/React/Extension.ts
new file mode 100644
index 0000000..fedc5f7
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponent/React/Extension.ts
@@ -0,0 +1,36 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { ReactNodeViewRenderer } from '@tiptap/react'
+
+import Component from './Component.jsx'
+
+export default Node.create({
+  name: 'reactComponent',
+
+  group: 'block',
+
+  atom: true,
+
+  addAttributes() {
+    return {
+      count: {
+        default: 0,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'react-component',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['react-component', mergeAttributes(HTMLAttributes)]
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/GuideNodeViews/ReactComponent/React/index.html b/demos/src/GuideNodeViews/ReactComponent/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideNodeViews/ReactComponent/React/index.tsx b/demos/src/GuideNodeViews/ReactComponent/React/index.tsx
new file mode 100644
index 0000000..c62c5a3
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponent/React/index.tsx
@@ -0,0 +1,24 @@
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import ReactComponent from './Extension.js'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit, ReactComponent],
+    content: `
+    <p>
+      This is still the text editor you’re used to, but enriched with node views.
+    </p>
+    <react-component count="0"></react-component>
+    <p>
+      Did you see that? That’s a React component. We are really living in the future.
+    </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/GuideNodeViews/ReactComponent/React/styles.scss b/demos/src/GuideNodeViews/ReactComponent/React/styles.scss
new file mode 100644
index 0000000..3d00a3e
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponent/React/styles.scss
@@ -0,0 +1,116 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* React component */
+  .react-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+    }
+  }
+}
diff --git a/demos/src/GuideNodeViews/ReactComponentContent/React/Component.jsx b/demos/src/GuideNodeViews/ReactComponentContent/React/Component.jsx
new file mode 100644
index 0000000..36fc95e
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponentContent/React/Component.jsx
@@ -0,0 +1,12 @@
+import { NodeViewContent, NodeViewWrapper } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  return (
+    <NodeViewWrapper className="react-component">
+      <label contentEditable={false}>React Component</label>
+
+      <NodeViewContent className="content is-editable" />
+    </NodeViewWrapper>
+  )
+}
diff --git a/demos/src/GuideNodeViews/ReactComponentContent/React/Extension.js b/demos/src/GuideNodeViews/ReactComponentContent/React/Extension.js
new file mode 100644
index 0000000..d2fe11d
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponentContent/React/Extension.js
@@ -0,0 +1,40 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { ReactNodeViewRenderer } from '@tiptap/react'
+
+import Component from './Component.jsx'
+
+export default Node.create({
+  name: 'reactComponent',
+
+  group: 'block',
+
+  content: 'inline*',
+
+  parseHTML() {
+    return [
+      {
+        tag: 'react-component',
+      },
+    ]
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-Enter': () => {
+        return this.editor
+          .chain()
+          .insertContentAt(this.editor.state.selection.head, { type: this.type.name })
+          .focus()
+          .run()
+      },
+    }
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['react-component', mergeAttributes(HTMLAttributes), 0]
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/GuideNodeViews/ReactComponentContent/React/index.html b/demos/src/GuideNodeViews/ReactComponentContent/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideNodeViews/ReactComponentContent/React/index.jsx b/demos/src/GuideNodeViews/ReactComponentContent/React/index.jsx
new file mode 100644
index 0000000..6ed1706
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponentContent/React/index.jsx
@@ -0,0 +1,24 @@
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import ReactComponent from './Extension.js'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit, ReactComponent],
+    content: `
+    <p>
+      This is still the text editor you’re used to, but enriched with node views.
+    </p>
+    <react-component>This is editable. You can create a new component by pressing Mod+Enter.</react-component>
+    <p>
+      Did you see that? That’s a React component. We are really living in the future.
+    </p>
+    `,
+  })
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/GuideNodeViews/ReactComponentContent/React/styles.scss b/demos/src/GuideNodeViews/ReactComponentContent/React/styles.scss
new file mode 100644
index 0000000..602feeb
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponentContent/React/styles.scss
@@ -0,0 +1,123 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* React component */
+  .react-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+
+      &.is-editable {
+        border: 2px dashed var(--gray-3);
+        border-radius: 0.5rem;
+        margin: 2.5rem 1rem 1rem;
+        padding: 0.5rem;
+      }
+    }
+  }
+}
diff --git a/demos/src/GuideNodeViews/ReactComponentContent/index.spec.ts b/demos/src/GuideNodeViews/ReactComponentContent/index.spec.ts
new file mode 100644
index 0000000..01abd38
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponentContent/index.spec.ts
@@ -0,0 +1,15 @@
+import { expect, test } from '@playwright/test'
+
+const demoPath = '/src/GuideNodeViews/ReactComponentContent/React/'
+
+test.describe('GuideNodeViews/ReactComponentContent/React', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto(demoPath)
+  })
+
+  test('renders the initial NodeView content', async ({ page }) => {
+    await expect(page.locator('.tiptap .react-component .content')).toHaveText(
+      'This is editable. You can create a new component by pressing Mod+Enter.',
+    )
+  })
+})
diff --git a/demos/src/GuideNodeViews/ReactComponentContext/React/Component.tsx b/demos/src/GuideNodeViews/ReactComponentContext/React/Component.tsx
new file mode 100644
index 0000000..3db34ed
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponentContext/React/Component.tsx
@@ -0,0 +1,27 @@
+import type { ReactNodeViewProps } from '@tiptap/react'
+import { NodeViewWrapper } from '@tiptap/react'
+import React, { useContext } from 'react'
+
+import { Context } from './Context.js'
+
+export default (props: ReactNodeViewProps) => {
+  const { value } = useContext(Context)
+
+  const increase = () => {
+    props.updateAttributes({
+      count: props.node.attrs.count + 1,
+    })
+  }
+
+  return (
+    <NodeViewWrapper className="react-component">
+      <label>React Component: {value}</label>
+
+      <div className="content">
+        <button onClick={increase}>
+          This button has been clicked {props.node.attrs.count} times.
+        </button>
+      </div>
+    </NodeViewWrapper>
+  )
+}
diff --git a/demos/src/GuideNodeViews/ReactComponentContext/React/Context.ts b/demos/src/GuideNodeViews/ReactComponentContext/React/Context.ts
new file mode 100644
index 0000000..18e9fd7
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponentContext/React/Context.ts
@@ -0,0 +1,5 @@
+import React from 'react'
+
+export const Context = React.createContext({
+  value: 'this is the default value which should not show up',
+})
diff --git a/demos/src/GuideNodeViews/ReactComponentContext/React/Extension.ts b/demos/src/GuideNodeViews/ReactComponentContext/React/Extension.ts
new file mode 100644
index 0000000..f51a5af
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponentContext/React/Extension.ts
@@ -0,0 +1,36 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { ReactNodeViewRenderer } from '@tiptap/react'
+
+import Component from './Component.js'
+
+export default Node.create({
+  name: 'reactComponent',
+
+  group: 'block',
+
+  atom: true,
+
+  addAttributes() {
+    return {
+      count: {
+        default: 0,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'react-component',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['react-component', mergeAttributes(HTMLAttributes)]
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/GuideNodeViews/ReactComponentContext/React/index.html b/demos/src/GuideNodeViews/ReactComponentContext/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideNodeViews/ReactComponentContext/React/index.tsx b/demos/src/GuideNodeViews/ReactComponentContext/React/index.tsx
new file mode 100644
index 0000000..599065e
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponentContext/React/index.tsx
@@ -0,0 +1,33 @@
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import { Context } from './Context.js'
+import ReactComponent from './Extension.js'
+
+const contextValue = {
+  value: 'Hi from react context!',
+}
+
+export default () => {
+  const editor = useEditor({
+    extensions: [StarterKit, ReactComponent],
+    content: `
+    <p>
+      This is still the text editor you’re used to, but enriched with node views.
+    </p>
+    <react-component count="0"></react-component>
+    <p>
+      Did you see that? That’s a React component. We are really living in the future.
+    </p>
+    `,
+  })
+
+  return (
+    <Context.Provider value={contextValue}>
+      <EditorContent editor={editor} />
+    </Context.Provider>
+  )
+}
diff --git a/demos/src/GuideNodeViews/ReactComponentContext/React/styles.scss b/demos/src/GuideNodeViews/ReactComponentContext/React/styles.scss
new file mode 100644
index 0000000..3d00a3e
--- /dev/null
+++ b/demos/src/GuideNodeViews/ReactComponentContext/React/styles.scss
@@ -0,0 +1,116 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+
+  /* React component */
+  .react-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+    }
+  }
+}
diff --git a/demos/src/GuideNodeViews/VueComponent/Vue/Component.vue b/demos/src/GuideNodeViews/VueComponent/Vue/Component.vue
new file mode 100644
index 0000000..4cfe47a
--- /dev/null
+++ b/demos/src/GuideNodeViews/VueComponent/Vue/Component.vue
@@ -0,0 +1,58 @@
+<template>
+  <node-view-wrapper class="vue-component">
+    <label>Vue Component</label>
+
+    <div class="content">
+      <button @click="increase">This button has been clicked {{ node.attrs.count }} times.</button>
+    </div>
+  </node-view-wrapper>
+</template>
+
+<script>
+import { nodeViewProps, NodeViewWrapper } from '@tiptap/vue'
+
+export default {
+  components: {
+    NodeViewWrapper,
+  },
+
+  props: nodeViewProps,
+
+  methods: {
+    increase() {
+      this.updateAttributes({
+        count: this.node.attrs.count + 1,
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+.tiptap {
+  /* Vue component */
+  .vue-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+    }
+  }
+}
+</style>
diff --git a/demos/src/GuideNodeViews/VueComponent/Vue/Extension.js b/demos/src/GuideNodeViews/VueComponent/Vue/Extension.js
new file mode 100644
index 0000000..de7f8e2
--- /dev/null
+++ b/demos/src/GuideNodeViews/VueComponent/Vue/Extension.js
@@ -0,0 +1,36 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { VueNodeViewRenderer } from '@tiptap/vue'
+
+import Component from './Component.vue'
+
+export default Node.create({
+  name: 'vueComponent',
+
+  group: 'block',
+
+  atom: true,
+
+  addAttributes() {
+    return {
+      count: {
+        default: 0,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'vue-component',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['vue-component', mergeAttributes(HTMLAttributes)]
+  },
+
+  addNodeView() {
+    return VueNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/GuideNodeViews/VueComponent/Vue/index.html b/demos/src/GuideNodeViews/VueComponent/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideNodeViews/VueComponent/Vue/index.vue b/demos/src/GuideNodeViews/VueComponent/Vue/index.vue
new file mode 100644
index 0000000..590bcf1
--- /dev/null
+++ b/demos/src/GuideNodeViews/VueComponent/Vue/index.vue
@@ -0,0 +1,135 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import VueComponent from './Extension.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, VueComponent],
+      content: `
+        <p>
+          This is still the text editor you’re used to, but enriched with node views.
+        </p>
+        <vue-component count="0"></vue-component>
+        <p>
+          Did you see that? That’s a Vue component. We are really living in the future.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/GuideNodeViews/VueComponentContent/Vue/Component.vue b/demos/src/GuideNodeViews/VueComponentContent/Vue/Component.vue
new file mode 100644
index 0000000..95d66e6
--- /dev/null
+++ b/demos/src/GuideNodeViews/VueComponentContent/Vue/Component.vue
@@ -0,0 +1,55 @@
+<template>
+  <node-view-wrapper class="vue-component">
+    <label contenteditable="false">Vue Component</label>
+    <node-view-content class="content is-editable" />
+  </node-view-wrapper>
+</template>
+
+<script>
+import { NodeViewContent, nodeViewProps, NodeViewWrapper } from '@tiptap/vue'
+
+export default {
+  components: {
+    NodeViewWrapper,
+    NodeViewContent,
+  },
+
+  props: nodeViewProps,
+}
+</script>
+
+<style lang="scss">
+.tiptap {
+  /* Vue component */
+  .vue-component {
+    background-color: var(--purple-light);
+    border: 2px solid var(--purple);
+    border-radius: 0.5rem;
+    margin: 2rem 0;
+    position: relative;
+
+    label {
+      background-color: var(--purple);
+      border-radius: 0 0 0.5rem 0;
+      color: var(--white);
+      font-size: 0.75rem;
+      font-weight: bold;
+      padding: 0.25rem 0.5rem;
+      position: absolute;
+      top: 0;
+    }
+
+    .content {
+      margin-top: 1.5rem;
+      padding: 1rem;
+
+      &.is-editable {
+        border: 2px dashed var(--gray-3);
+        border-radius: 0.5rem;
+        margin: 2.5rem 1rem 1rem;
+        padding: 0.5rem;
+      }
+    }
+  }
+}
+</style>
diff --git a/demos/src/GuideNodeViews/VueComponentContent/Vue/Extension.js b/demos/src/GuideNodeViews/VueComponentContent/Vue/Extension.js
new file mode 100644
index 0000000..6e7db93
--- /dev/null
+++ b/demos/src/GuideNodeViews/VueComponentContent/Vue/Extension.js
@@ -0,0 +1,28 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+import { VueNodeViewRenderer } from '@tiptap/vue'
+
+import Component from './Component.vue'
+
+export default Node.create({
+  name: 'vueComponent',
+
+  group: 'block',
+
+  content: 'inline*',
+
+  parseHTML() {
+    return [
+      {
+        tag: 'vue-component',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['vue-component', mergeAttributes(HTMLAttributes), 0]
+  },
+
+  addNodeView() {
+    return VueNodeViewRenderer(Component)
+  },
+})
diff --git a/demos/src/GuideNodeViews/VueComponentContent/Vue/index.html b/demos/src/GuideNodeViews/VueComponentContent/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/GuideNodeViews/VueComponentContent/Vue/index.vue b/demos/src/GuideNodeViews/VueComponentContent/Vue/index.vue
new file mode 100644
index 0000000..052d08c
--- /dev/null
+++ b/demos/src/GuideNodeViews/VueComponentContent/Vue/index.vue
@@ -0,0 +1,137 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import VueComponent from './Extension.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [StarterKit, VueComponent],
+      content: `
+        <p>
+          This is still the text editor you’re used to, but enriched with node views.
+        </p>
+        <vue-component>
+          This is editable.
+        </vue-component>
+        <p>
+          Did you see that? That’s a Vue component. We are really living in the future.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/GuideNodeViews/VueComponentContent/index.spec.ts b/demos/src/GuideNodeViews/VueComponentContent/index.spec.ts
new file mode 100644
index 0000000..68e86d0
--- /dev/null
+++ b/demos/src/GuideNodeViews/VueComponentContent/index.spec.ts
@@ -0,0 +1,13 @@
+import { expect, test } from '@playwright/test'
+
+const demoPath = '/src/GuideNodeViews/VueComponentContent/Vue/'
+
+test.describe('GuideNodeViews/VueComponentContent/Vue', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto(demoPath)
+  })
+
+  test('renders the initial NodeView content', async ({ page }) => {
+    await expect(page.locator('.tiptap .vue-component .content')).toHaveText('This is editable.')
+  })
+})
diff --git a/demos/src/Markdown/CustomSyntax/React/index.html b/demos/src/Markdown/CustomSyntax/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Markdown/CustomSyntax/React/index.jsx b/demos/src/Markdown/CustomSyntax/React/index.jsx
new file mode 100644
index 0000000..18c30df
--- /dev/null
+++ b/demos/src/Markdown/CustomSyntax/React/index.jsx
@@ -0,0 +1,200 @@
+import './styles.scss'
+
+import Image from '@tiptap/extension-image'
+import { TableKit } from '@tiptap/extension-table'
+import { Markdown } from '@tiptap/markdown'
+import {
+  createAtomBlockMarkdownSpec,
+  createBlockMarkdownSpec,
+  createInlineMarkdownSpec,
+  EditorContent,
+  Mark,
+  Node,
+  useEditor,
+} from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import { useState } from 'react'
+
+const CustomNode = Node.create({
+  name: 'custom',
+  group: 'block',
+  content: 'block*',
+
+  renderHTML() {
+    return ['div', { 'data-type': 'custom' }, 0]
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="custom"]',
+      },
+    ]
+  },
+
+  ...createBlockMarkdownSpec({
+    nodeName: 'custom',
+    content: 'block',
+  }),
+})
+
+const CustomAtom = Node.create({
+  name: 'customAtom',
+  group: 'block',
+  atom: true,
+
+  renderHTML() {
+    return ['div', { 'data-type': 'atom' }]
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="atom"]',
+      },
+    ]
+  },
+
+  addNodeView() {
+    return () => {
+      const el = document.createElement('div')
+      el.setAttribute('data-type', 'atom')
+      el.textContent = 'This is an atom node.'
+
+      return {
+        dom: el,
+      }
+    }
+  },
+
+  ...createAtomBlockMarkdownSpec({
+    nodeName: 'atom',
+  }),
+})
+
+const CustomInline = Node.create({
+  name: 'customInline',
+  group: 'inline',
+  inline: true,
+  content: 'inline*',
+
+  renderHTML() {
+    return ['span', { 'data-type': 'inline' }, 0]
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'span[data-type="inline"]',
+      },
+    ]
+  },
+
+  ...createInlineMarkdownSpec({
+    nodeName: 'customInline',
+    content: 'inline',
+  }),
+})
+
+const CustomMark = Mark.create({
+  name: 'customMark',
+
+  renderHTML() {
+    return ['span', { 'data-type': 'mark' }, 0]
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'span[data-type="mark"]',
+      },
+    ]
+  },
+
+  renderMarkdown(node, helpers) {
+    return `=>${helpers.renderChildren(node)}<=`
+  },
+
+  parseMarkdown(token, helpers) {
+    return {
+      type: this.name,
+      content: helpers.applyMark('customMark', helpers.parseInline(token.tokens || [])),
+    }
+  },
+
+  markdownTokenizer: {
+    name: 'customMark',
+    level: 'inline',
+    start(src) {
+      return src.indexOf('=>')
+    },
+    tokenize(src, _tokens, lexer) {
+      const rule = /^(=>)([\s\S]+?)(<=)/
+      const match = rule.exec(src)
+
+      if (!match) {
+        return undefined
+      }
+
+      const innerContent = match[2].trim()
+
+      return {
+        type: 'customMark',
+        raw: match[0],
+        text: innerContent,
+        tokens: lexer.inlineTokens(innerContent),
+      }
+    },
+  },
+})
+
+export default () => {
+  const [serializedContent, setSerializedContent] = useState('')
+  const editor = useEditor({
+    extensions: [
+      Markdown,
+      StarterKit,
+      Image,
+      TableKit,
+      CustomNode,
+      CustomAtom,
+      CustomInline,
+      CustomMark,
+    ],
+    content: `
+      <p>In this demo, you can see how to define custom syntax for Markdown.</p>
+      <div data-type="custom">
+        <p>This is a custom node.</p>
+      </div>
+      <div data-type="custom">
+        <p>We also support nested nodes.</p>
+
+        <div data-type="custom">
+          <p>This is a custom node.</p>
+        </div>
+      </div>
+      <div data-type="atom"></div>
+      <p>
+        This is a <span data-type="mark">paragraph</span> with a <span data-type="inline">custom inline node</span>.
+      </p>
+      <p>Feel free to edit this document to see the live-changes.</p>
+    `,
+    onUpdate: ({ editor: currentEditor }) => {
+      setSerializedContent(currentEditor.getMarkdown())
+    },
+    onCreate: ({ editor: currentEditor }) => {
+      setSerializedContent(currentEditor.getMarkdown())
+    },
+  })
+
+  return (
+    <>
+      <div className="grid">
+        <EditorContent className="editor-wrapper" editor={editor} />
+        <div className="preview">
+          <pre>{serializedContent}</pre>
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/demos/src/Markdown/CustomSyntax/React/styles.scss b/demos/src/Markdown/CustomSyntax/React/styles.scss
new file mode 100644
index 0000000..78a00a7
--- /dev/null
+++ b/demos/src/Markdown/CustomSyntax/React/styles.scss
@@ -0,0 +1,67 @@
+.grid {
+  display: flex;
+  flex-direction: column;
+  height: 100dvh;
+
+  @media screen and (min-width: 400px) {
+    flex-direction: row;
+  }
+}
+
+.editor-wrapper {
+  flex: 1 1 auto;
+  order: 1;
+  overflow: auto;
+
+  @media screen and (min-width: 400px) {
+    flex: 1 1 50%;
+    order: 0;
+    width: 50%;
+  }
+}
+
+.preview {
+  flex: 0 0 auto;
+  order: 0;
+
+  @media screen and (min-width: 400px) {
+    flex: 1 1 50%;
+    order: 1;
+    width: 50%;
+  }
+}
+
+.preview pre {
+  background-color: #f1f1f1;
+  height: 35dvh;
+  margin: 0;
+  overflow: auto;
+  padding: 1rem;
+
+  @media screen and (min-width: 400px) {
+    min-height: 100%;
+  }
+}
+
+[data-type='custom'] {
+  background: rgba(0, 0, 0, 0.05);
+  border-left: 2px solid #000;
+  margin: 1.5rem;
+  padding: 1rem;
+}
+
+[data-type='atom'] {
+  background: rgba(255, 0, 0, 0.05);
+  border-radius: 0.25rem;
+  padding: 0.25rem 0.5rem;
+}
+
+[data-type='inline'] {
+  background: rgba(0, 0, 255, 0.05);
+  border-radius: 0.25rem;
+  padding: 0.25rem 0.5rem;
+}
+
+[data-type='mark'] {
+  background: rgba(255, 255, 0, 0.3);
+}
diff --git a/demos/src/Markdown/Full/React/content.ts b/demos/src/Markdown/Full/React/content.ts
new file mode 100644
index 0000000..705eea4
--- /dev/null
+++ b/demos/src/Markdown/Full/React/content.ts
@@ -0,0 +1,174 @@
+export const mdContent = `# Welcome to the Markdown Demo
+
+This demo showcases **bidirectional** markdown support in Tiptap with extended features.
+
+## Features
+
+- **Bold text** and *italic text*
+- \`inline code\` and code blocks
+- [Links](https://tiptap.dev)
+- Lists and more!
+
+## Extended Features
+
+## Task Lists
+
+- [ ] Incomplete task
+  - [ ] Nested incomplete task
+  - [x] Completed task
+- [x] Completed task
+  - [ ] Incomplete task
+  - [x] Completed task
+
+<h2>HTML Support</h2>
+
+<p>Markdown support comes with additional HTML support so your content can be easily parsed as well, even if not in Markdown format.</p>
+
+<ul>
+  <li>
+    <p>
+      <strong>Lists</strong>
+    </p>
+  </li>
+  <li>
+    <p>and</p>
+  </li>
+  <li>
+    <p>Sublists</p>
+    <ul>
+      <li>
+        <p>See?</p>
+      </li>
+    </ul>
+  </li>
+</ul>
+
+### Code
+
+Tiptap supports \`inline code\` and full code blocks:
+
+\`\`\`javascript
+import { Editor } from '@tiptap/core'
+import { StarterKit } from '@tiptap/starter-kit'
+
+const editor = new Editor({
+  extensions: [StarterKit],
+  content: '<p>Hello World!</p>',
+  element: document.querySelector('#editor'),
+})
+\`\`\`
+
+### Details
+
+:::details
+
+:::detailsSummary
+What features does Tiptap offer?
+:::
+
+:::detailsContent
+
+- Rich Text Editing
+- Collaborative Editing
+- Markdown Support
+- Content AI
+- Custom Extensions
+- More...
+
+:::
+
+:::
+
+:::details
+
+:::detailsSummary
+Where can I learn how to use Tiptap?
+:::
+
+:::detailsContent
+
+You can learn how to use Tiptap by visiting the [official documentation](https://tiptap.dev/docs).
+
+:::
+
+:::
+
+### YouTube Videos
+
+:::youtube {src="https://www.youtube.com/watch?v=dQw4w9WgXcQ" start="0" width="400" height="300"} :::
+
+### Twitch Videos
+
+:::twitch {src="https://www.twitch.tv/videos/2409205759" muted="true"} :::
+
+:::twitch {src="https://www.twitch.tv/nasa/clip/CooperativeBrainyJellyfishPJSugar-0TPiyjN_MNkrcErt" muted="true"} :::
+
+:::twitch {src="https://www.twitch.tv/LofiGirl" muted="true"} :::
+
+### Images
+
+![Random Image](https://unsplash.it/400/600 "Tiptap Editor")
+
+### Mentions
+
+Hey, [@ id="Madonna"], have you seen [@ id="Tom Cruise"]?
+
+This demo supports **multi-mention** with different trigger characters:
+
+- User mentions with \`@\`: [@ id="Lea Thompson"] and [@ id="Cyndi Lauper"]
+- Tag mentions with \`#\`: [@ id="bug" char="#"] and [@ id="feature" char="#"]
+
+Try typing \`@\` or \`#\` in the editor to see suggestions!
+
+### Mathematics
+
+Inline math: $E = mc^2$ and $\\pi r^2$
+
+Block math:
+
+$$
+40*5/38
+$$
+
+### Custom React Component
+
+:::react {content="This is a custom React node view with fenced syntax!"}
+
+Isn't this great?
+
+:::
+
+:::react {content="Here is another custom React node view with more content!"}
+
+Another one with even more inline content to **edit**!
+
+:::react {content="Nested node"}
+
+Nested content is also supported!
+
+:::
+
+:::
+
+### Inline Code in Tables
+
+Pipe characters inside backtick code spans in tables should be preserved:
+
+| Expression | Meaning | Example |
+| ---------- | ------- | ------- |
+| \`||\` | or | \`a || b\` |
+| \`&&\` | and | \`a && b\` |
+
+### Try editing the markdown on the left:
+
+1. Edit the markdown text
+2. Click "Parse Markdown"
+3. See it render in the editor!
+  1. Be very happy
+  2. Enjoy the parsed content
+4. Try adding YouTube videos, mentions, math expressions, and custom components directly in the editor
+5. Click "Extract Markdown" to see the serialized output
+  1. Be amazed by the fidelity of the conversion
+  2. Share your feedback!
+
+You can also edit in the editor and see the markdown update.`
diff --git a/demos/src/Markdown/Full/React/index.html b/demos/src/Markdown/Full/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Markdown/Full/React/index.tsx b/demos/src/Markdown/Full/React/index.tsx
new file mode 100644
index 0000000..c81da33
--- /dev/null
+++ b/demos/src/Markdown/Full/React/index.tsx
@@ -0,0 +1,247 @@
+import './styles.scss'
+import 'katex/dist/katex.min.css'
+
+import { createBlockMarkdownSpec, Node } from '@tiptap/core'
+import { Details, DetailsContent, DetailsSummary } from '@tiptap/extension-details'
+import { Highlight } from '@tiptap/extension-highlight'
+import { Image } from '@tiptap/extension-image'
+import { TaskItem, TaskList } from '@tiptap/extension-list'
+import { Mathematics } from '@tiptap/extension-mathematics'
+import { Mention } from '@tiptap/extension-mention'
+import { TableKit } from '@tiptap/extension-table'
+import { Twitch } from '@tiptap/extension-twitch'
+import { Youtube } from '@tiptap/extension-youtube'
+import { Markdown } from '@tiptap/markdown'
+import {
+  EditorContent,
+  NodeViewContent,
+  NodeViewWrapper,
+  ReactNodeViewRenderer,
+  useEditor,
+} from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useState } from 'react'
+
+import { mdContent } from './content.js'
+
+// Custom React component for demonstration
+const CustomReactComponent = ({ node }: any) => {
+  return (
+    <NodeViewWrapper className="custom-react-node">
+      <div
+        style={{
+          border: '2px solid #3b82f6',
+          borderRadius: '8px',
+          padding: '16px',
+          margin: '8px 0',
+          backgroundColor: '#eff6ff',
+        }}
+      >
+        <h4 style={{ margin: '0 0 8px 0', color: '#1e40af' }}>Custom React Component</h4>
+        <p style={{ margin: 0, color: '#374151' }}>
+          {node.attrs.content || 'This is a custom React node view!'}
+        </p>
+        <div>
+          <NodeViewContent />
+        </div>
+      </div>
+    </NodeViewWrapper>
+  )
+}
+
+// Custom node extension with React node view
+const CustomReactNode = Node.create({
+  name: 'customReactNode',
+
+  group: 'block',
+
+  content: 'block+',
+
+  addAttributes() {
+    return {
+      content: {
+        default: 'This is a custom React node view!',
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="custom-react-node"]',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['div', { 'data-type': 'custom-react-node', ...HTMLAttributes }, 0]
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(CustomReactComponent)
+  },
+
+  markdownTokenName: 'customReactNode',
+
+  ...createBlockMarkdownSpec({
+    nodeName: 'customReactNode',
+    name: 'react',
+  }),
+})
+
+export default () => {
+  const [markdownInput, setMarkdownInput] = useState(mdContent)
+  const [error, setError] = useState<string | null>(null)
+
+  const editor = useEditor({
+    extensions: [
+      Markdown,
+      StarterKit,
+      Details,
+      DetailsSummary,
+      DetailsContent,
+      TaskList,
+      TaskItem.configure({
+        nested: true,
+      }),
+      Youtube.configure({
+        inline: false,
+        width: 480,
+        height: 320,
+      }),
+      Twitch.configure({
+        inline: false,
+        width: 480,
+        height: 320,
+        parent: window.location.hostname,
+      }),
+      Image,
+      TableKit,
+      Highlight,
+      Mention.configure({
+        HTMLAttributes: {
+          class: 'mention',
+        },
+        suggestions: [
+          {
+            char: '@',
+            items: ({ query }) => {
+              return [
+                'Lea Thompson',
+                'Cyndi Lauper',
+                'Tom Cruise',
+                'Madonna',
+                'Jerry Hall',
+                'Joan Collins',
+                'Winona Ryder',
+                'Christina Applegate',
+              ]
+                .filter(item => item.toLowerCase().startsWith(query.toLowerCase()))
+                .slice(0, 5)
+            },
+          },
+          {
+            char: '#',
+            items: ({ query }) => {
+              return [
+                'bug',
+                'feature',
+                'enhancement',
+                'documentation',
+                'help-wanted',
+                'priority-high',
+                'priority-low',
+              ]
+                .filter(item => item.toLowerCase().startsWith(query.toLowerCase()))
+                .slice(0, 5)
+            },
+          },
+        ],
+      }),
+      Mathematics,
+      CustomReactNode,
+    ],
+    content: '# Markdown Test\n\nClick **"Parse Markdown"** to load content from the left panel.',
+    contentType: 'markdown',
+  })
+
+  const parseMarkdown = () => {
+    if (!editor || !editor.markdown) {
+      setError('Editor or MarkdownManager not available')
+      return
+    }
+
+    try {
+      setError(null)
+      editor.commands.setContent(markdownInput, { contentType: 'markdown' })
+    } catch (err) {
+      console.error(err)
+      setError(`Error parsing markdown: ${err instanceof Error ? err.message : String(err)}`)
+    }
+  }
+
+  const getEditorAsMarkdown = () => {
+    if (!editor) {
+      return ''
+    }
+
+    try {
+      return editor.getMarkdown()
+    } catch {
+      return editor.getText()
+    }
+  }
+
+  return (
+    <div className="markdown-parser-demo">
+      <div className="control-group">
+        <div className="button-group">
+          <button type="button" onClick={parseMarkdown} disabled={!editor || !markdownInput.trim()}>
+            Parse Markdown →
+          </button>
+
+          <button
+            type="button"
+            onClick={() => {
+              if (editor) {
+                const markdown = getEditorAsMarkdown()
+                setMarkdownInput(markdown)
+              }
+            }}
+          >
+            ← Extract Markdown
+          </button>
+        </div>
+        <div className="button-group">
+          <button type="button" onClick={() => editor?.commands.toggleBold()}>
+            Bold
+          </button>
+          <button type="button" onClick={() => editor?.commands.toggleItalic()}>
+            Italic
+          </button>
+        </div>
+      </div>
+
+      {error && <div className="error">{error}</div>}
+
+      <div className="split">
+        <div className="input-panel">
+          <div className="panel-label">Markdown Input</div>
+          <textarea
+            className="markdown-input"
+            value={markdownInput}
+            onChange={e => setMarkdownInput(e.target.value)}
+            placeholder="Enter markdown here..."
+          />
+        </div>
+
+        <div className="editor-panel">
+          <div className="panel-label">Tiptap Editor</div>
+          <div className="editor-container">
+            {editor ? <EditorContent editor={editor} /> : <div>Loading editor…</div>}
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/demos/src/Markdown/Full/React/styles.scss b/demos/src/Markdown/Full/React/styles.scss
new file mode 100644
index 0000000..1d5f521
--- /dev/null
+++ b/demos/src/Markdown/Full/React/styles.scss
@@ -0,0 +1,185 @@
+.markdown-parser-demo {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+.markdown-parser-demo .split {
+  display: flex;
+  flex: 1 1 auto;
+  gap: 1rem;
+  overflow: auto;
+  padding: 0 1.5rem 1rem;
+}
+
+.markdown-parser-demo .input-panel,
+.markdown-parser-demo .editor-panel {
+  flex: 1 1 50%;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.markdown-parser-demo .panel-label {
+  font-weight: 600;
+  color: #374151;
+  font-size: 0.875rem;
+}
+
+.markdown-parser-demo .markdown-input {
+  flex: 1 1 auto;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  padding: 1rem;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-size: 14px;
+  line-height: 1.5;
+  resize: none;
+  outline: none;
+}
+
+.markdown-parser-demo .markdown-input:focus {
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.markdown-parser-demo .editor-container {
+  flex: 1 1 auto;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  padding: 1rem;
+  overflow: auto;
+}
+
+.markdown-parser-demo .editor-toolbar {
+  display: flex;
+  gap: 0.5rem;
+  padding: 0.5rem;
+  background: #f8fafc;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom: none;
+}
+
+.markdown-parser-demo .editor-toolbar + .editor-container {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-top: none;
+}
+
+.markdown-parser-demo .error {
+  background: #fee2e2;
+  border: 1px solid #fecaca;
+  color: #dc2626;
+  padding: 0.75rem;
+  border-radius: 6px;
+  font-size: 0.875rem;
+}
+
+.markdown-parser-demo .json-preview {
+  background: #f8fafc;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  padding: 1rem;
+  margin-top: 1rem;
+  max-height: 200px;
+  overflow: auto;
+}
+
+.markdown-parser-demo .json-preview pre {
+  margin: 0;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-size: 12px;
+  color: #374151;
+}
+
+/* Basic table styles for the editor */
+.tiptap table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 0.5rem 0;
+}
+
+.tiptap table td,
+.tiptap table th {
+  border: 1px solid #d1d5db;
+  padding: 0.5rem;
+  text-align: left;
+}
+
+.tiptap table th {
+  background: #f9fafb;
+  font-weight: 600;
+}
+
+/* Custom React Component styling */
+.custom-react-node {
+  margin: 1rem 0;
+
+  .custom-react-component {
+    border: 2px solid #3b82f6;
+    border-radius: 8px;
+    padding: 16px;
+    background-color: #eff6ff;
+
+    h4 {
+      margin: 0 0 8px 0;
+      color: #1e40af;
+      font-size: 1rem;
+      font-weight: 600;
+    }
+
+    p {
+      margin: 0;
+      color: #374151;
+    }
+  }
+}
+
+/* YouTube video styling */
+.tiptap iframe {
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+  margin: 1rem 0;
+}
+
+/* Image styling */
+.tiptap img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 4px;
+  margin: 0.5rem 0;
+}
+
+/* Mention styling */
+.tiptap .mention {
+  background: #e0e7ff;
+  color: #3730a3;
+  padding: 0.125rem 0.375rem;
+  border-radius: 0.375rem;
+  font-weight: 500;
+  text-decoration: none;
+
+  &:hover {
+    background: #c7d2fe;
+  }
+}
+
+/* Mathematics styling */
+.tiptap [data-type='block-math'] {
+  margin: 1rem 0;
+  padding: 0.5rem;
+  background: #f8fafc;
+  border-radius: 4px;
+  text-align: center;
+}
+
+.tiptap [data-type='inline-math'] {
+  background: #f1f5f9;
+  padding: 0.125rem 0.25rem;
+  border-radius: 3px;
+  font-family: 'Times New Roman', serif;
+}
diff --git a/demos/src/Markdown/Parse/React/index.html b/demos/src/Markdown/Parse/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Markdown/Parse/React/index.jsx b/demos/src/Markdown/Parse/React/index.jsx
new file mode 100644
index 0000000..6f09e21
--- /dev/null
+++ b/demos/src/Markdown/Parse/React/index.jsx
@@ -0,0 +1,106 @@
+import Image from '@tiptap/extension-image'
+import { TableKit } from '@tiptap/extension-table'
+import { Markdown } from '@tiptap/markdown'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+
+const markdown = `# Markdown parsing demo
+
+This document demonstrates which Markdown constructs are parsed and preserved when using the @tiptap/markdown extension together with the editor's registered extensions.
+
+## Headings
+
+### H3 example
+
+Headings (H1, H2, H3...) are preserved when ${'`'}StarterKit${'`'} is enabled.
+
+## Lists
+
+- Unordered list item A
+- Unordered list item B
+  - Nested item B.1
+
+1. Ordered item 1
+2. Ordered item 2
+
+## Code
+
+Inline code works: ${'`'}const x = 1${'`'}
+
+Code block example:
+
+${'```'}js
+function greet(name) {
+  return ${'`'}Hello, ${'${'}name${'}'}!${'`'}
+}
+${'```'}
+
+## Table
+
+| Name | Feature | Left Column | Center Column | Right Column |
+| ---- | ------- | :---------- | :-----------: | -----------: |
+| A    | Headings |left|centered|$1,600|
+| B    | Lists    |left|centered|$12|
+| C    | Markdown |left|centered|$1|
+
+## Image (example)
+
+![Alt text](https://unsplash.it/800/500)
+
+## Notes
+
+- The demo calls ${'`'}editor.commands.setContent(markdownText, { contentType: 'markdown' })${'`'} to parse Markdown.
+- Supported constructs are preserved only if a matching extension is registered (e.g., tables require ${'`'}TableKit${'`'}, images require ${'`'}Image${'`'}).
+- Unsupported constructs will be dropped/stripped from the resulting editor document.
+
+Feel free to click "Parse Markdown" or upload a \`.md\` file to test parsing with your editor configuration.
+`
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Markdown, StarterKit, Image, TableKit.configure({ table: { cellMinWidth: 150 } })],
+    content: `
+      <p>In this demo you can parse Markdown content into Tiptap on the client-side via <code>@tiptap/markdown</code>.</p>
+      <p>Click the button above or use your own markdown file to test it out.</p>
+    `,
+  })
+
+  return (
+    <>
+      <div class="control-group">
+        <div class="button-group">
+          <button onClick={() => editor.commands.setContent(markdown, { contentType: 'markdown' })}>
+            Parse Markdown
+          </button>
+          <input
+            type="file"
+            id="upload"
+            style={{ display: 'none' }}
+            fileaccept=".md,.markdown,text/markdown,text/md"
+            onChange={event => {
+              const file = event.target.files?.[0]
+
+              if (file) {
+                const reader = new FileReader()
+
+                reader.onload = e => {
+                  const text = e.target?.result
+
+                  if (typeof text === 'string') {
+                    editor.commands.setContent(text, { contentType: 'markdown' })
+                  }
+                }
+
+                reader.readAsText(file)
+              }
+            }}
+          />
+          <button onClick={() => document.getElementById('upload')?.click()}>
+            Select Markdown File
+          </button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Markdown/Serialize/React/index.html b/demos/src/Markdown/Serialize/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Markdown/Serialize/React/index.jsx b/demos/src/Markdown/Serialize/React/index.jsx
new file mode 100644
index 0000000..2f41428
--- /dev/null
+++ b/demos/src/Markdown/Serialize/React/index.jsx
@@ -0,0 +1,36 @@
+import './styles.scss'
+
+import Image from '@tiptap/extension-image'
+import { TableKit } from '@tiptap/extension-table'
+import { Markdown } from '@tiptap/markdown'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import { useState } from 'react'
+
+export default () => {
+  const [serializedContent, setSerializedContent] = useState('')
+  const editor = useEditor({
+    extensions: [Markdown, StarterKit, Image, TableKit],
+    content: `
+      <p>In this demo, you can serialize Tiptap content into Markdown on the client-side via <code>@tiptap/markdown</code>.</p>
+      <p>Feel free to edit this document to see the live-changes.</p>
+    `,
+    onUpdate: ({ editor: currentEditor }) => {
+      setSerializedContent(currentEditor.getMarkdown())
+    },
+    onCreate: ({ editor: currentEditor }) => {
+      setSerializedContent(currentEditor.getMarkdown())
+    },
+  })
+
+  return (
+    <>
+      <div className="grid">
+        <EditorContent className="editor-wrapper" editor={editor} />
+        <div className="preview">
+          <pre>{serializedContent}</pre>
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/demos/src/Markdown/Serialize/React/styles.scss b/demos/src/Markdown/Serialize/React/styles.scss
new file mode 100644
index 0000000..c684951
--- /dev/null
+++ b/demos/src/Markdown/Serialize/React/styles.scss
@@ -0,0 +1,44 @@
+.grid {
+  display: flex;
+  flex-direction: column;
+  height: 100dvh;
+
+  @media screen and (min-width: 400px) {
+    flex-direction: row;
+  }
+}
+
+.editor-wrapper {
+  flex: 1 1 auto;
+  order: 1;
+  overflow: auto;
+
+  @media screen and (min-width: 400px) {
+    flex: 1 1 50%;
+    order: 0;
+    width: 50%;
+  }
+}
+
+.preview {
+  flex: 0 0 auto;
+  order: 0;
+
+  @media screen and (min-width: 400px) {
+    flex: 1 1 50%;
+    order: 1;
+    width: 50%;
+  }
+}
+
+.preview pre {
+  background-color: #f1f1f1;
+  height: 35dvh;
+  margin: 0;
+  overflow: auto;
+  padding: 1rem;
+
+  @media screen and (min-width: 400px) {
+    min-height: 100%;
+  }
+}
diff --git a/demos/src/Marks/Bold/React/index.html b/demos/src/Marks/Bold/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Bold/React/index.tsx b/demos/src/Marks/Bold/React/index.tsx
new file mode 100644
index 0000000..17f7da9
--- /dev/null
+++ b/demos/src/Marks/Bold/React/index.tsx
@@ -0,0 +1,57 @@
+import './styles.scss'
+
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Bold],
+    content: `
+        <p>This isn’t bold.</p>
+        <p><strong>This is bold.</strong></p>
+        <p><b>And this.</b></p>
+        <p style="font-weight: bold">This as well.</p>
+        <p style="font-weight: bolder">Oh, and this!</p>
+        <p style="font-weight: 500">Cool, isn’t it!?</p>
+        <p style="font-weight: 999">Up to font weight 999!!!</p>
+      `,
+    immediatelyRender: true,
+  })
+
+  const { isBold } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isBold: ctx.editor.isActive('bold') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleBold().run()}
+            className={isBold ? 'is-active' : ''}
+          >
+            Toggle bold
+          </button>
+          <button onClick={() => editor.chain().focus().setBold().run()} disabled={isBold}>
+            Set bold
+          </button>
+          <button onClick={() => editor.chain().focus().unsetBold().run()} disabled={!isBold}>
+            Unset bold
+          </button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Marks/Bold/React/styles.scss b/demos/src/Marks/Bold/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Marks/Bold/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Marks/Bold/Vue/index.html b/demos/src/Marks/Bold/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Bold/Vue/index.vue b/demos/src/Marks/Bold/Vue/index.vue
new file mode 100644
index 0000000..d4c43da
--- /dev/null
+++ b/demos/src/Marks/Bold/Vue/index.vue
@@ -0,0 +1,72 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleBold().run()"
+          :class="{ 'is-active': editor.isActive('bold') }"
+        >
+          Toggle bold
+        </button>
+        <button @click="editor.chain().focus().setBold().run()" :disabled="editor.isActive('bold')">
+          Set bold
+        </button>
+        <button
+          @click="editor.chain().focus().unsetBold().run()"
+          :disabled="!editor.isActive('bold')"
+        >
+          Unset bold
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Bold],
+      content: `
+        <p>This isn’t bold.</p>
+        <p><strong>This is bold.</strong></p>
+        <p><b>And this.</b></p>
+        <p style="font-weight: bold">This as well.</p>
+        <p style="font-weight: bolder">Oh, and this!</p>
+        <p style="font-weight: 500">Cool, isn’t it!?</p>
+        <p style="font-weight: 999">Up to font weight 999!!!</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Marks/Bold/index.spec.ts b/demos/src/Marks/Bold/index.spec.ts
new file mode 100644
index 0000000..6870f9c
--- /dev/null
+++ b/demos/src/Marks/Bold/index.spec.ts
@@ -0,0 +1,96 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'Bold'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Marks'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('transforms b tags to strong tags', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p><b>Example Text</b></p>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p><strong>Example Text</strong></p>')
+      })
+
+      test('omits b tags with normal font weight inline style', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p><b style="font-weight: normal">Example Text</b></p>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p>Example Text</p>')
+      })
+
+      test('transforms any tag with bold inline style to strong tags', async ({ page }) => {
+        const editor = await getEditor(page)
+        const results = await editor.evaluate((el: any) => {
+          const styles = ['bold', 'bolder', '500', '900']
+          return styles.map(s => {
+            el.editor.commands.setContent(
+              `<p><span style="font-weight: ${s}">Example Text</span></p>`,
+            )
+            return el.editor.getHTML()
+          })
+        })
+        results.forEach(html => expect(html).toBe('<p><strong>Example Text</strong></p>'))
+      })
+
+      test('button makes the selected text bold', async ({ page }) => {
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap strong')).toContainText('Example Text')
+      })
+
+      test('button toggles the selected text bold', async ({ page }) => {
+        const editor = await getEditor(page)
+        await page.locator('button').first().click()
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap strong')).toHaveCount(0)
+      })
+
+      test('keyboard shortcut makes selected text bold', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.commands.focus()
+          el.editor.commands.selectAll()
+        })
+        await editor.press(`${mod}+b`)
+        await expect(page.locator('.tiptap strong')).toContainText('Example Text')
+      })
+
+      test('markdown shortcut creates bold text', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('**Bold**')
+        await expect(page.locator('.tiptap strong')).toContainText('Bold')
+      })
+
+      test('alternative markdown shortcut creates bold text', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('__Bold__')
+        await expect(page.locator('.tiptap strong')).toContainText('Bold')
+      })
+    })
+  })
+})
diff --git a/demos/src/Marks/Code/React/index.html b/demos/src/Marks/Code/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Code/React/index.jsx b/demos/src/Marks/Code/React/index.jsx
new file mode 100644
index 0000000..88db0a6
--- /dev/null
+++ b/demos/src/Marks/Code/React/index.jsx
@@ -0,0 +1,50 @@
+import './styles.scss'
+
+import Code from '@tiptap/extension-code'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Code],
+    content: `
+        <p>This isn’t code.</p>
+        <p><code>This is code.</code></p>
+      `,
+  })
+  const { isCode } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isCode: ctx.editor.isActive('code') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleCode().run()}
+            className={isCode ? 'is-active' : ''}
+          >
+            Toggle code
+          </button>
+          <button onClick={() => editor.chain().focus().setCode().run()} disabled={isCode}>
+            Set code
+          </button>
+          <button onClick={() => editor.chain().focus().unsetCode().run()} disabled={!isCode}>
+            Unset code
+          </button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Marks/Code/React/styles.scss b/demos/src/Marks/Code/React/styles.scss
new file mode 100644
index 0000000..723d82a
--- /dev/null
+++ b/demos/src/Marks/Code/React/styles.scss
@@ -0,0 +1,15 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+}
diff --git a/demos/src/Marks/Code/Vue/index.html b/demos/src/Marks/Code/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Code/Vue/index.vue b/demos/src/Marks/Code/Vue/index.vue
new file mode 100644
index 0000000..093e6e2
--- /dev/null
+++ b/demos/src/Marks/Code/Vue/index.vue
@@ -0,0 +1,76 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleCode().run()"
+          :class="{ 'is-active': editor.isActive('code') }"
+        >
+          Toggle code
+        </button>
+        <button @click="editor.chain().focus().setCode().run()" :disabled="editor.isActive('code')">
+          Set code
+        </button>
+        <button
+          @click="editor.chain().focus().unsetCode().run()"
+          :disabled="!editor.isActive('code')"
+        >
+          Unset code
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Code from '@tiptap/extension-code'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Code],
+      content: `
+        <p>This isn’t code.</p>
+        <p><code>This is code.</code></p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+}
+</style>
diff --git a/demos/src/Marks/Code/index.spec.ts b/demos/src/Marks/Code/index.spec.ts
new file mode 100644
index 0000000..cc108fc
--- /dev/null
+++ b/demos/src/Marks/Code/index.spec.ts
@@ -0,0 +1,83 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'Code'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Marks'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('parses code tags correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html1 = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p><code>Example Text</code></p>')
+          return el.editor.getHTML()
+        })
+        expect(html1).toBe('<p><code>Example Text</code></p>')
+      })
+
+      test('button marks selected text as inline code', async ({ page }) => {
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap code')).toContainText('Example Text')
+      })
+
+      test('button toggles inline code', async ({ page }) => {
+        const editor = await getEditor(page)
+        await page.locator('button').first().click()
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap code')).toHaveCount(0)
+      })
+
+      test('keyboard shortcut creates inline code', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.commands.focus()
+          el.editor.commands.selectAll()
+        })
+        await editor.press(`${mod}+e`)
+        await expect(page.locator('.tiptap code')).toContainText('Example Text')
+      })
+
+      test('markdown shortcut creates inline code', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await editor.pressSequentially('`Example`')
+        await expect(page.locator('.tiptap code')).toContainText('Example')
+      })
+
+      test('markdown shortcut preserves preceding non-whitespace character', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await editor.pressSequentially('a`Example`')
+        await expect(page.locator('.tiptap')).toContainText('aExample')
+        await expect(page.locator('.tiptap code')).toContainText('Example')
+      })
+
+      test('markdown shortcut preserves preceding whitespace', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await editor.pressSequentially(' `Example`')
+        await expect(page.locator('.tiptap')).toContainText(' Example')
+        await expect(page.locator('.tiptap code')).toContainText('Example')
+      })
+    })
+  })
+})
diff --git a/demos/src/Marks/Highlight/React/index.html b/demos/src/Marks/Highlight/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Highlight/React/index.jsx b/demos/src/Marks/Highlight/React/index.jsx
new file mode 100644
index 0000000..543d10f
--- /dev/null
+++ b/demos/src/Marks/Highlight/React/index.jsx
@@ -0,0 +1,95 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Highlight from '@tiptap/extension-highlight'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Highlight.configure({ multicolor: true })],
+    content: `
+        <p>This isn’t highlighted.</s></p>
+        <p><mark>But that one is.</mark></p>
+        <p><mark style="background-color: red;">And this is highlighted too, but in a different color.</mark></p>
+        <p><mark data-color="#ffa8a8">And this one has a data attribute.</mark></p>
+      `,
+  })
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => ({
+      isHighlight: ctx.editor.isActive('highlight') ?? false,
+      isOrange: ctx.editor.isActive('highlight', { color: '#ffc078' }) ?? false,
+      isGreen: ctx.editor.isActive('highlight', { color: '#8ce99a' }) ?? false,
+      isBlue: ctx.editor.isActive('highlight', { color: '#74c0fc' }) ?? false,
+      isPurple: ctx.editor.isActive('highlight', { color: '#b197fc' }) ?? false,
+      isRed: ctx.editor.isActive('highlight', { color: 'red' }) ?? false,
+      isLightRed: ctx.editor.isActive('highlight', { color: '#ffa8a8' }) ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleHighlight().run()}
+            className={editorState.isHighlight ? 'is-active' : ''}
+          >
+            Toggle highlight
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleHighlight({ color: '#ffc078' }).run()}
+            className={editorState.isOrange ? 'is-active' : ''}
+          >
+            Orange
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleHighlight({ color: '#8ce99a' }).run()}
+            className={editorState.isGreen ? 'is-active' : ''}
+          >
+            Green
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleHighlight({ color: '#74c0fc' }).run()}
+            className={editorState.isBlue ? 'is-active' : ''}
+          >
+            Blue
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleHighlight({ color: '#b197fc' }).run()}
+            className={editorState.isPurple ? 'is-active' : ''}
+          >
+            Purple
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleHighlight({ color: 'red' }).run()}
+            className={editorState.isRed ? 'is-active' : ''}
+          >
+            Red ('red')
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleHighlight({ color: '#ffa8a8' }).run()}
+            className={editorState.isLightRed ? 'is-active' : ''}
+          >
+            Red (#ffa8a8)
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetHighlight().run()}
+            disabled={!editorState.isHighlight}
+          >
+            Unset highlight
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Marks/Highlight/React/styles.scss b/demos/src/Marks/Highlight/React/styles.scss
new file mode 100644
index 0000000..5f8ac39
--- /dev/null
+++ b/demos/src/Marks/Highlight/React/styles.scss
@@ -0,0 +1,13 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  mark {
+    background-color: #faf594;
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    padding: 0.1rem 0.3rem;
+  }
+}
diff --git a/demos/src/Marks/Highlight/Vue/index.html b/demos/src/Marks/Highlight/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Highlight/Vue/index.vue b/demos/src/Marks/Highlight/Vue/index.vue
new file mode 100644
index 0000000..ee8b42b
--- /dev/null
+++ b/demos/src/Marks/Highlight/Vue/index.vue
@@ -0,0 +1,109 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleHighlight().run()"
+          :class="{ 'is-active': editor.isActive('highlight') }"
+        >
+          Toggle highlight
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHighlight({ color: '#ffc078' }).run()"
+          :class="{ 'is-active': editor.isActive('highlight', { color: '#ffc078' }) }"
+        >
+          Orange
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHighlight({ color: '#8ce99a' }).run()"
+          :class="{ 'is-active': editor.isActive('highlight', { color: '#8ce99a' }) }"
+        >
+          Green
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHighlight({ color: '#74c0fc' }).run()"
+          :class="{ 'is-active': editor.isActive('highlight', { color: '#74c0fc' }) }"
+        >
+          Blue
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHighlight({ color: '#b197fc' }).run()"
+          :class="{ 'is-active': editor.isActive('highlight', { color: '#b197fc' }) }"
+        >
+          Purple
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHighlight({ color: 'red' }).run()"
+          :class="{ 'is-active': editor.isActive('highlight', { color: 'red' }) }"
+        >
+          Red ('red')
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHighlight({ color: '#ffa8a8' }).run()"
+          :class="{ 'is-active': editor.isActive('highlight', { color: '#ffa8a8' }) }"
+        >
+          Red (#ffa8a8)
+        </button>
+        <button
+          @click="editor.chain().focus().unsetHighlight().run()"
+          :disabled="!editor.isActive('highlight')"
+        >
+          Unset highlight
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Highlight from '@tiptap/extension-highlight'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Highlight.configure({ multicolor: true })],
+      content: `
+        <p>This isn’t highlighted.</s></p>
+        <p><mark>But that one is.</mark></p>
+        <p><mark style="background-color: red;">And this is highlighted too, but in a different color.</mark></p>
+        <p><mark data-color="#ffa8a8">And this one has a data attribute.</mark></p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  mark {
+    background-color: #faf594;
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    padding: 0.1rem 0.3rem;
+  }
+}
+</style>
diff --git a/demos/src/Marks/Highlight/index.spec.ts b/demos/src/Marks/Highlight/index.spec.ts
new file mode 100644
index 0000000..eccdd61
--- /dev/null
+++ b/demos/src/Marks/Highlight/index.spec.ts
@@ -0,0 +1,127 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Highlight'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Marks'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.chain().setContent('<p>Example Text</p>').selectAll().run()
+        })
+      })
+
+      test('button highlights selected text', async ({ page }) => {
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap mark')).toContainText('Example Text')
+      })
+
+      test('highlights text in a specific color', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.toggleHighlight({ color: 'red' }))
+        await expect(page.locator('.tiptap mark')).toHaveAttribute('data-color', 'red')
+        await expect(page.locator('.tiptap mark')).toContainText('Example Text')
+      })
+
+      test('updates attributes of existing marks', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor
+            .chain()
+            .setContent('<p><mark style="background-color: blue;">Example Text</mark></p>')
+            .selectAll()
+            .toggleHighlight({ color: 'rgb(255, 0, 0)' })
+            .run()
+        })
+        await expect(page.locator('.tiptap mark')).toHaveCSS('background-color', 'rgb(255, 0, 0)')
+      })
+
+      test('removes existing marks with same attributes', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor
+            .chain()
+            .setContent(
+              '<p><mark style="background-color: rgb(255, 0, 0);">Example Text</mark></p>',
+            )
+            .selectAll()
+            .toggleHighlight({ color: 'rgb(255, 0, 0)' })
+            .run()
+        })
+        await expect(page.locator('.tiptap mark')).toHaveCount(0)
+      })
+
+      test('isActive: any attributes', async ({ page }) => {
+        const editor = await getEditor(page)
+        const isActive = await editor.evaluate((el: any) => {
+          el.editor
+            .chain()
+            .setContent('<p><mark data-color="red">Example Text</mark></p>')
+            .selectAll()
+            .run()
+          return el.editor.isActive('highlight')
+        })
+        expect(isActive).toBe(true)
+      })
+
+      test('isActive: same attributes', async ({ page }) => {
+        const editor = await getEditor(page)
+        const isActive = await editor.evaluate((el: any) => {
+          el.editor
+            .chain()
+            .setContent(
+              '<p><mark style="background-color: rgb(255, 0, 0);">Example Text</mark></p>',
+            )
+            .selectAll()
+            .run()
+          return el.editor.isActive('highlight', { color: 'rgb(255, 0, 0)' })
+        })
+        expect(isActive).toBe(true)
+      })
+
+      test('isActive: other attributes', async ({ page }) => {
+        const editor = await getEditor(page)
+        const isActive = await editor.evaluate((el: any) => {
+          el.editor
+            .chain()
+            .setContent(
+              '<p><mark style="background-color: rgb(255, 0, 0);">Example Text</mark></p>',
+            )
+            .selectAll()
+            .run()
+          return el.editor.isActive('highlight', { color: 'rgb(0, 0, 0)' })
+        })
+        expect(isActive).toBe(false)
+      })
+
+      test('button toggles highlight on selected text', async ({ page }) => {
+        const editor = await getEditor(page)
+        await page.locator('button').first().click()
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap mark')).toHaveCount(0)
+      })
+
+      test('keyboard shortcut highlights selected text', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.commands.focus()
+          el.editor.commands.selectAll()
+        })
+        await editor.press(`${mod}+Shift+h`)
+        await expect(page.locator('.tiptap mark')).toContainText('Example Text')
+      })
+    })
+  })
+})
diff --git a/demos/src/Marks/Italic/React/index.html b/demos/src/Marks/Italic/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Italic/React/index.jsx b/demos/src/Marks/Italic/React/index.jsx
new file mode 100644
index 0000000..6f2d9aa
--- /dev/null
+++ b/demos/src/Marks/Italic/React/index.jsx
@@ -0,0 +1,52 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Italic from '@tiptap/extension-italic'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Italic],
+    content: `
+        <p>This isn’t italic.</p>
+        <p><em>This is italic.</em></p>
+        <p><i>And this.</i></p>
+        <p style="font-style: italic">This as well.</p>
+      `,
+  })
+  const { isItalic } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isItalic: ctx.editor.isActive('italic') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleItalic().run()}
+            className={isItalic ? 'is-active' : ''}
+          >
+            Toggle italic
+          </button>
+          <button onClick={() => editor.chain().focus().setItalic().run()} disabled={isItalic}>
+            Set italic
+          </button>
+          <button onClick={() => editor.chain().focus().unsetItalic().run()} disabled={!isItalic}>
+            Unset italic
+          </button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Marks/Italic/React/styles.scss b/demos/src/Marks/Italic/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Marks/Italic/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Marks/Italic/Vue/index.html b/demos/src/Marks/Italic/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Italic/Vue/index.vue b/demos/src/Marks/Italic/Vue/index.vue
new file mode 100644
index 0000000..e65b581
--- /dev/null
+++ b/demos/src/Marks/Italic/Vue/index.vue
@@ -0,0 +1,72 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleItalic().run()"
+          :class="{ 'is-active': editor.isActive('italic') }"
+        >
+          Toggle italic
+        </button>
+        <button
+          @click="editor.chain().focus().setItalic().run()"
+          :disabled="editor.isActive('italic')"
+        >
+          Set italic
+        </button>
+        <button
+          @click="editor.chain().focus().unsetItalic().run()"
+          :disabled="!editor.isActive('italic')"
+        >
+          Unset italic
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Italic from '@tiptap/extension-italic'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Italic],
+      content: `
+        <p>This isn’t italic.</p>
+        <p><em>This is italic.</em></p>
+        <p><i>And this.</i></p>
+        <p style="font-style: italic">This as well.</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Marks/Italic/index.spec.ts b/demos/src/Marks/Italic/index.spec.ts
new file mode 100644
index 0000000..bbd0e9b
--- /dev/null
+++ b/demos/src/Marks/Italic/index.spec.ts
@@ -0,0 +1,85 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'Italic'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Marks'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('i tags transform to em tags', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p><i>Example Text</i></p>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p><em>Example Text</em></p>')
+      })
+
+      test('omits i tags with normal font style', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p><i style="font-style: normal">Example Text</i></p>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p>Example Text</p>')
+      })
+
+      test('generic tags with italic style transform to em tags', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent(
+            '<p><span style="font-style: italic">Example Text</span></p>',
+          )
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p><em>Example Text</em></p>')
+      })
+
+      test('button makes selected text italic', async ({ page }) => {
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap em')).toContainText('Example Text')
+      })
+
+      test('button toggles selected text italic', async ({ page }) => {
+        const editor = await getEditor(page)
+        await page.locator('button').first().click()
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap em')).toHaveCount(0)
+      })
+
+      test('keyboard shortcut makes selected text italic', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.commands.focus()
+          el.editor.commands.selectAll()
+        })
+        await editor.press(`${mod}+i`)
+        await expect(page.locator('.tiptap em')).toContainText('Example Text')
+      })
+
+      test('markdown shortcut creates italic text', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('*Italic* ')
+        await expect(page.locator('.tiptap em')).toContainText('Italic')
+      })
+    })
+  })
+})
diff --git a/demos/src/Marks/Link/React/index.html b/demos/src/Marks/Link/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Link/React/index.jsx b/demos/src/Marks/Link/React/index.jsx
new file mode 100644
index 0000000..354dc50
--- /dev/null
+++ b/demos/src/Marks/Link/React/index.jsx
@@ -0,0 +1,145 @@
+import './styles.scss'
+
+import Code from '@tiptap/extension-code'
+import Document from '@tiptap/extension-document'
+import Link from '@tiptap/extension-link'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React, { useCallback } from 'react'
+
+export default () => {
+  const editor = useEditor({
+    editable: true,
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Code,
+      Link.configure({
+        openOnClick: false,
+        autolink: true,
+        markdownLinks: true,
+        defaultProtocol: 'https',
+        protocols: ['http', 'https'],
+        isAllowedUri: (url, ctx) => {
+          try {
+            // construct URL
+            const parsedUrl = url.includes(':')
+              ? new URL(url)
+              : new URL(`${ctx.defaultProtocol}://${url}`)
+
+            // use default validation
+            if (!ctx.defaultValidate(parsedUrl.href)) {
+              return false
+            }
+
+            // disallowed protocols
+            const disallowedProtocols = ['ftp', 'file', 'mailto']
+            const protocol = parsedUrl.protocol.replace(':', '')
+
+            if (disallowedProtocols.includes(protocol)) {
+              return false
+            }
+
+            // only allow protocols specified in ctx.protocols
+            const allowedProtocols = ctx.protocols.map(p => (typeof p === 'string' ? p : p.scheme))
+
+            if (!allowedProtocols.includes(protocol)) {
+              return false
+            }
+
+            // disallowed domains
+            const disallowedDomains = ['example-phishing.com', 'malicious-site.net']
+            const domain = parsedUrl.hostname
+
+            if (disallowedDomains.includes(domain)) {
+              return false
+            }
+
+            // all checks have passed
+            return true
+          } catch {
+            return false
+          }
+        },
+        shouldAutoLink: url => {
+          try {
+            // construct URL
+            const parsedUrl = url.includes(':') ? new URL(url) : new URL(`https://${url}`)
+
+            // only auto-link if the domain is not in the disallowed list
+            const disallowedDomains = ['example-no-autolink.com', 'another-no-autolink.com']
+            const domain = parsedUrl.hostname
+
+            return !disallowedDomains.includes(domain)
+          } catch {
+            return false
+          }
+        },
+      }),
+    ],
+    content: `
+        <p>
+          Wow, this editor has support for links to the whole <a href="https://en.wikipedia.org/wiki/World_Wide_Web">world wide web</a>. We tested a lot of URLs and I think you can add *every URL* you want. Isn’t that cool? Let’s try <a href="https://statamic.com/">another one!</a> Yep, seems to work.
+        </p>
+        <p>
+          By default every link will get a <code>rel="noopener noreferrer nofollow"</code> attribute. It’s configurable though.
+        </p>
+      `,
+  })
+
+  const setLink = useCallback(() => {
+    const previousUrl = editor.getAttributes('link').href
+    const url = window.prompt('URL', previousUrl)
+
+    // cancelled
+    if (url === null) {
+      return
+    }
+
+    // empty
+    if (url === '') {
+      editor.chain().focus().extendMarkRange('link').unsetLink().run()
+
+      return
+    }
+
+    // update link
+    try {
+      editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()
+    } catch (e) {
+      alert(e.message)
+    }
+  }, [editor])
+
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => ({
+      isLink: ctx.editor.isActive('link'),
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button onClick={setLink} className={editorState.isLink ? 'is-active' : ''}>
+            Set link
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetLink().run()}
+            disabled={!editorState.isLink}
+          >
+            Unset link
+          </button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Marks/Link/React/styles.scss b/demos/src/Marks/Link/React/styles.scss
new file mode 100644
index 0000000..b323fe4
--- /dev/null
+++ b/demos/src/Marks/Link/React/styles.scss
@@ -0,0 +1,25 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  /* Link styles */
+  a {
+    color: var(--purple);
+    cursor: pointer;
+
+    &:hover {
+      color: var(--purple-contrast);
+    }
+  }
+}
diff --git a/demos/src/Marks/Link/Vue/index.html b/demos/src/Marks/Link/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Link/Vue/index.vue b/demos/src/Marks/Link/Vue/index.vue
new file mode 100644
index 0000000..55870e3
--- /dev/null
+++ b/demos/src/Marks/Link/Vue/index.vue
@@ -0,0 +1,115 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button @click="setLink" :class="{ 'is-active': editor.isActive('link') }">Set link</button>
+        <button
+          @click="editor.chain().focus().unsetLink().run()"
+          :disabled="!editor.isActive('link')"
+        >
+          Unset link
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Code from '@tiptap/extension-code'
+import Document from '@tiptap/extension-document'
+import Link from '@tiptap/extension-link'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Code,
+        Link.configure({
+          openOnClick: false,
+          markdownLinks: true,
+          defaultProtocol: 'https',
+        }),
+      ],
+      content: `
+        <p>
+          Wow, this editor has support for links to the whole <a href="https://en.wikipedia.org/wiki/World_Wide_Web">world wide web</a>. We tested a lot of URLs and I think you can add *every URL* you want. Isn’t that cool? Let’s try <a href="https://statamic.com/">another one!</a> Yep, seems to work.
+        </p>
+        <p>
+          By default every link will get a <code>rel="noopener noreferrer nofollow"</code> attribute. It’s configurable though.
+        </p>
+      `,
+    })
+  },
+
+  methods: {
+    setLink() {
+      const previousUrl = this.editor.getAttributes('link').href
+      const url = window.prompt('URL', previousUrl)
+
+      // cancelled
+      if (url === null) {
+        return
+      }
+
+      // empty
+      if (url === '') {
+        this.editor.chain().focus().extendMarkRange('link').unsetLink().run()
+
+        return
+      }
+
+      // update link
+      this.editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()
+    },
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  /* Link styles */
+  a {
+    color: var(--purple);
+    cursor: pointer;
+
+    &:hover {
+      color: var(--purple-contrast);
+    }
+  }
+}
+</style>
diff --git a/demos/src/Marks/Link/index.spec.ts b/demos/src/Marks/Link/index.spec.ts
new file mode 100644
index 0000000..7a57626
--- /dev/null
+++ b/demos/src/Marks/Link/index.spec.ts
@@ -0,0 +1,187 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'Link'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Marks'
+
+async function paste(
+  editor: ReturnType<typeof getEditor> extends Promise<infer T> ? T : never,
+  payload: string,
+) {
+  await editor.evaluate((el: HTMLElement, text: string) => {
+    const dt = new DataTransfer()
+    dt.setData('text/plain', text)
+    el.dispatchEvent(
+      new ClipboardEvent('paste', { clipboardData: dt, bubbles: true, cancelable: true }),
+    )
+  }, payload)
+}
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.addInitScript(() => {
+          ;(window as any).prompt = () => 'https://tiptap.dev'
+        })
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example TextDEFAULT</p>')
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('parses a tags correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p><a href="https://example.com">Example Text1</a></p>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe(
+          '<p><a target="_blank" rel="noopener noreferrer nofollow" href="https://example.com">Example Text1</a></p>',
+        )
+      })
+
+      test('parses a tags with target attribute', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent(
+            '<p><a href="https://example.com" target="_self">Example Text2</a></p>',
+          )
+          return el.editor.getHTML()
+        })
+        expect(html).toBe(
+          '<p><a target="_self" rel="noopener noreferrer nofollow" href="https://example.com">Example Text2</a></p>',
+        )
+      })
+
+      test('parses a tags with rel attribute', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent(
+            '<p><a href="https://example.com" rel="follow">Example Text3</a></p>',
+          )
+          return el.editor.getHTML()
+        })
+        expect(html).toBe(
+          '<p><a target="_blank" rel="follow" href="https://example.com">Example Text3</a></p>',
+        )
+      })
+
+      test('button adds a link to selected text', async ({ page }) => {
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap a')).toContainText('Example TextDEFAULT')
+        await expect(page.locator('.tiptap a')).toHaveAttribute('href', 'https://tiptap.dev')
+      })
+
+      test('detects autolinking', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('https://example.com ')
+        await expect(page.locator('.tiptap a')).toHaveAttribute('href', 'https://example.com')
+      })
+
+      test('detects autolinking with numbers', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('https://tiptap4u.com ')
+        await expect(page.locator('.tiptap a')).toHaveAttribute('href', 'https://tiptap4u.com')
+      })
+
+      test('uses the default protocol', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('example.com ')
+        await expect(page.locator('.tiptap a')).toHaveAttribute('href', 'https://example.com')
+      })
+
+      test('uses a non-default protocol if present', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('http://example.com ')
+        await expect(page.locator('.tiptap a')).toHaveAttribute('href', 'http://example.com')
+      })
+
+      test('detects a pasted URL within text', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await paste(editor, 'some text https://example1.com around an url')
+        await expect(page.locator('.tiptap a')).toHaveAttribute('href', 'https://example1.com')
+      })
+
+      test('detects a pasted URL with query params', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await paste(editor, 'https://example.com?paramA=nice&paramB=cool')
+        await expect(page.locator('.tiptap a')).toHaveAttribute(
+          'href',
+          'https://example.com?paramA=nice&paramB=cool',
+        )
+      })
+
+      test('converts typed Markdown link syntax into a link', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('[Tiptap](https://example.com)')
+        await expect(page.locator('.tiptap a')).toContainText('Tiptap')
+        await expect(page.locator('.tiptap a')).toHaveAttribute('href', 'https://example.com')
+        await expect(page.locator('.tiptap')).not.toContainText('[')
+      })
+
+      test('converts typed Markdown link syntax with a title into a link', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('[Tiptap](https://example.com "Rich text editor")')
+        await expect(page.locator('.tiptap a')).toContainText('Tiptap')
+        await expect(page.locator('.tiptap a')).toHaveAttribute('href', 'https://example.com')
+        await expect(page.locator('.tiptap a')).toHaveAttribute('title', 'Rich text editor')
+      })
+
+      test('converts a pasted Markdown link within text', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await paste(editor, 'Check out [Tiptap](https://example.com) today')
+        await expect(page.locator('.tiptap a')).toContainText('Tiptap')
+        await expect(page.locator('.tiptap a')).toHaveAttribute('href', 'https://example.com')
+        await expect(page.locator('.tiptap')).toContainText('Check out Tiptap today')
+      })
+
+      if (frameworkPath === 'React') {
+        test('disallows links with disallowed protocols', async ({ page }) => {
+          const editor = await getEditor(page)
+          const disallowed = ['ftp://example.com', 'file:///example.txt', 'mailto:test@example.com']
+          const htmls = await editor.evaluate((el: any, urls: string[]) => {
+            return urls.map(url => {
+              el.editor.commands.setContent(`<p><a href="${url}">Example Text</a></p>`)
+              return el.editor.getHTML()
+            })
+          }, disallowed)
+          htmls.forEach((html, i) => {
+            expect(html).not.toContain(disallowed[i])
+          })
+        })
+
+        test('does not auto-link a URL from a disallowed domain', async ({ page }) => {
+          const editor = await getEditor(page)
+          await editor.evaluate((el: any) => el.editor.commands.clearContent())
+          await editor.click()
+          await page.keyboard.type('https://example-phishing.com ')
+          await expect(page.locator('.tiptap a')).toHaveCount(0)
+          await expect(page.locator('.tiptap')).toContainText('https://example-phishing.com')
+        })
+      }
+    })
+  })
+})
diff --git a/demos/src/Marks/RubyText/React/index.html b/demos/src/Marks/RubyText/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/RubyText/React/index.jsx b/demos/src/Marks/RubyText/React/index.jsx
new file mode 100644
index 0000000..c7c719e
--- /dev/null
+++ b/demos/src/Marks/RubyText/React/index.jsx
@@ -0,0 +1,69 @@
+// fallow-ignore-file unused-file
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import RubyText from '@tiptap/extension-ruby-text'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const [rt, setRt] = React.useState('')
+
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, RubyText],
+    content: `
+        <p><ruby>東京<rt>とうきょう</rt></ruby>は日本の首都です。</p>
+        <p><ruby>漢字<rt>かんじ</rt></ruby>の上にルビを表示できます。</p>
+      `,
+    onSelectionUpdate: ({ editor: currentEditor }) => {
+      setRt(currentEditor.getAttributes('rubyText').rt ?? '')
+    },
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <form
+          className="button-group"
+          onSubmit={event => {
+            event.preventDefault()
+            editor.chain().focus().setRubyText({ rt }).run()
+          }}
+        >
+          <label>
+            Ruby text (rt):
+            <input
+              data-test-id="ruby-text-input"
+              type="text"
+              value={rt}
+              onChange={event => setRt(event.target.value)}
+            />
+          </label>
+          <button
+            data-test-id="set-ruby-text-button"
+            type="submit"
+            disabled={editor.state.selection.empty}
+          >
+            Set ruby text
+          </button>
+          <button
+            data-test-id="unset-ruby-text-button"
+            type="button"
+            onClick={() => editor.chain().focus().unsetRubyText().run()}
+            disabled={!editor.isActive('rubyText')}
+          >
+            Unset ruby text
+          </button>
+        </form>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Marks/RubyText/React/styles.scss b/demos/src/Marks/RubyText/React/styles.scss
new file mode 100644
index 0000000..22998e4
--- /dev/null
+++ b/demos/src/Marks/RubyText/React/styles.scss
@@ -0,0 +1,24 @@
+// fallow-ignore-file unused-file
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  ruby {
+    ruby-position: over;
+  }
+
+  rt {
+    cursor: text;
+    pointer-events: auto;
+
+    input {
+      font: inherit;
+      margin: 0;
+    }
+  }
+}
+
+.control-group input {
+  margin-left: 0.5rem;
+}
diff --git a/demos/src/Marks/RubyText/Vue/index.html b/demos/src/Marks/RubyText/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/RubyText/Vue/index.vue b/demos/src/Marks/RubyText/Vue/index.vue
new file mode 100644
index 0000000..dbfae9a
--- /dev/null
+++ b/demos/src/Marks/RubyText/Vue/index.vue
@@ -0,0 +1,93 @@
+<!-- fallow-ignore-file unused-file -->
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <form class="button-group" @submit.prevent="editor.chain().focus().setRubyText({ rt }).run()">
+        <label>
+          Ruby text (rt):
+          <input data-test-id="ruby-text-input" type="text" v-model="rt" />
+        </label>
+        <button
+          data-test-id="set-ruby-text-button"
+          type="submit"
+          :disabled="editor.state.selection.empty"
+        >
+          Set ruby text
+        </button>
+        <button
+          data-test-id="unset-ruby-text-button"
+          type="button"
+          @click="editor.chain().focus().unsetRubyText().run()"
+          :disabled="!editor.isActive('rubyText')"
+        >
+          Unset ruby text
+        </button>
+      </form>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import RubyText from '@tiptap/extension-ruby-text'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      rt: '',
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, RubyText],
+      content: `
+        <p><ruby>東京<rt>とうきょう</rt></ruby>は日本の首都です。</p>
+        <p><ruby>漢字<rt>かんじ</rt></ruby>の上にルビを表示できます。</p>
+      `,
+      onSelectionUpdate: ({ editor }) => {
+        this.rt = editor.getAttributes('rubyText').rt ?? ''
+      },
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  ruby {
+    ruby-position: over;
+  }
+
+  rt {
+    cursor: text;
+    pointer-events: auto;
+
+    input {
+      font: inherit;
+      margin: 0;
+    }
+  }
+}
+
+.control-group input {
+  margin-left: 0.5rem;
+}
+</style>
diff --git a/demos/src/Marks/RubyText/index.spec.ts b/demos/src/Marks/RubyText/index.spec.ts
new file mode 100644
index 0000000..fdb5129
--- /dev/null
+++ b/demos/src/Marks/RubyText/index.spec.ts
@@ -0,0 +1,71 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'RubyText'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Marks'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+      })
+
+      test('renders the annotation as non-editable text', async ({ page }) => {
+        await setEditorContent(page, '<p><ruby>漢字<rt>かんじ</rt></ruby></p>')
+
+        const rt = page.locator('.tiptap rt').first()
+
+        await expect(rt).toHaveText('かんじ')
+        await expect(rt).toHaveAttribute('contenteditable', 'false')
+      })
+
+      test('edits an annotation inline', async ({ page }) => {
+        await setEditorContent(page, '<p><ruby>漢字<rt>かんじ</rt></ruby></p>')
+
+        const editor = await getEditor(page)
+        const rt = page.locator('.tiptap rt').first()
+
+        await rt.click()
+        const input = rt.locator('input')
+        await input.fill('かんじ（新）')
+        await input.press('Enter')
+
+        expect(await editor.evaluate((el: any) => el.editor.getHTML())).toContain('かんじ（新）')
+        await expect(rt).toHaveText('かんじ（新）')
+      })
+
+      test('submitting ruby text applies annotation to selection', async ({ page }) => {
+        await setEditorContent(page, '<p>東京</p>')
+
+        const editor = await getEditor(page)
+
+        await editor.click()
+        await page.keyboard.press('Home')
+        await page.keyboard.press('Shift+ArrowRight')
+        await page.keyboard.press('Shift+ArrowRight')
+
+        await expect
+          .poll(() =>
+            editor.evaluate(
+              (el: any) => el.editor.state.selection.to - el.editor.state.selection.from,
+            ),
+          )
+          .toBe(2)
+
+        const rubyTextInput = page.locator('[data-test-id="ruby-text-input"]')
+
+        await rubyTextInput.fill('とうきょう')
+        await rubyTextInput.press('Enter')
+
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toContain('とうきょう')
+        expect(html).toContain('東京')
+      })
+    })
+  })
+})
diff --git a/demos/src/Marks/Strike/React/index.html b/demos/src/Marks/Strike/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Strike/React/index.jsx b/demos/src/Marks/Strike/React/index.jsx
new file mode 100644
index 0000000..ecfe879
--- /dev/null
+++ b/demos/src/Marks/Strike/React/index.jsx
@@ -0,0 +1,53 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Strike from '@tiptap/extension-strike'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Strike],
+    content: `
+          <p>This isn’t striked through.</s></p>
+          <p><s>But that’s striked through.</s></p>
+          <p><del>And this.</del></p>
+          <p><strike>This too.</strike></p>
+          <p style="text-decoration: line-through">This as well.</p>
+        `,
+  })
+  const { isStrike } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isStrike: ctx.editor.isActive('strike') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleStrike().run()}
+            className={isStrike ? 'is-active' : ''}
+          >
+            Toggle strike
+          </button>
+          <button onClick={() => editor.chain().focus().setStrike().run()} disabled={isStrike}>
+            Set strike
+          </button>
+          <button onClick={() => editor.chain().focus().unsetStrike().run()} disabled={!isStrike}>
+            Unset strike
+          </button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Marks/Strike/React/styles.scss b/demos/src/Marks/Strike/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Marks/Strike/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Marks/Strike/Vue/index.html b/demos/src/Marks/Strike/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Strike/Vue/index.vue b/demos/src/Marks/Strike/Vue/index.vue
new file mode 100644
index 0000000..92cda8e
--- /dev/null
+++ b/demos/src/Marks/Strike/Vue/index.vue
@@ -0,0 +1,64 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleStrike().run()"
+          :class="{ 'is-active': editor.isActive('strike') }"
+        >
+          Toggle strike
+        </button>
+        <button
+          @click="editor.chain().focus().setStrike().run()"
+          :disabled="editor.isActive('strike')"
+        >
+          Set strike
+        </button>
+        <button
+          @click="editor.chain().focus().unsetStrike().run()"
+          :disabled="!editor.isActive('strike')"
+        >
+          Unset strike
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Strike from '@tiptap/extension-strike'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Strike],
+      content: `
+          <p>This isn’t striked through.</s></p>
+          <p><s>But that’s striked through.</s></p>
+          <p><del>And this.</del></p>
+          <p><strike>This too.</strike></p>
+          <p style="text-decoration: line-through">This as well.</p>
+        `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
diff --git a/demos/src/Marks/Strike/index.spec.ts b/demos/src/Marks/Strike/index.spec.ts
new file mode 100644
index 0000000..673baaa
--- /dev/null
+++ b/demos/src/Marks/Strike/index.spec.ts
@@ -0,0 +1,74 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'Strike'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Marks'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+      ;[
+        ['<p><s>Example Text</s></p>', '<p><s>Example Text</s></p>'],
+        ['<p><del>Example Text</del></p>', '<p><s>Example Text</s></p>'],
+        ['<p><strike>Example Text</strike></p>', '<p><s>Example Text</s></p>'],
+        [
+          '<p><span style="text-decoration: line-through">Example Text</span></p>',
+          '<p><s>Example Text</s></p>',
+        ],
+      ].forEach(([input, expected]) => {
+        test(`parses ${input}`, async ({ page }) => {
+          const editor = await getEditor(page)
+          const html = await editor.evaluate((el: any, content: string) => {
+            el.editor.commands.setContent(content)
+            return el.editor.getHTML()
+          }, input)
+          expect(html).toBe(expected)
+        })
+      })
+
+      test('button strikes selected text', async ({ page }) => {
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap s')).toContainText('Example Text')
+      })
+
+      test('button toggles strike on selected text', async ({ page }) => {
+        const editor = await getEditor(page)
+        await page.locator('button').first().click()
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap s')).toHaveCount(0)
+      })
+
+      test('keyboard shortcut strikes selected text', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.commands.focus()
+          el.editor.commands.selectAll()
+        })
+        await editor.press(`${mod}+Shift+s`)
+        await expect(page.locator('.tiptap s')).toContainText('Example Text')
+      })
+
+      test('markdown shortcut creates striked text', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('~~Strike~~')
+        await expect(page.locator('.tiptap s')).toContainText('Strike')
+      })
+    })
+  })
+})
diff --git a/demos/src/Marks/Subscript/React/index.html b/demos/src/Marks/Subscript/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Subscript/React/index.jsx b/demos/src/Marks/Subscript/React/index.jsx
new file mode 100644
index 0000000..ac90873
--- /dev/null
+++ b/demos/src/Marks/Subscript/React/index.jsx
@@ -0,0 +1,58 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Subscript from '@tiptap/extension-subscript'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Subscript],
+    content: `
+        <p>This is regular text.</p>
+        <p><sub>This is subscript.</sub></p>
+        <p><span style="vertical-align: sub">And this.</span></p>
+      `,
+  })
+  const { isSubscript } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isSubscript: ctx.editor.isActive('subscript') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleSubscript().run()}
+            className={isSubscript ? 'is-active' : ''}
+          >
+            Toggle subscript
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setSubscript().run()}
+            disabled={isSubscript}
+          >
+            Set subscript
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetSubscript().run()}
+            disabled={!isSubscript}
+          >
+            Unset subscript
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Marks/Subscript/React/styles.scss b/demos/src/Marks/Subscript/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Marks/Subscript/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Marks/Subscript/Vue/index.html b/demos/src/Marks/Subscript/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Subscript/Vue/index.vue b/demos/src/Marks/Subscript/Vue/index.vue
new file mode 100644
index 0000000..f848ec5
--- /dev/null
+++ b/demos/src/Marks/Subscript/Vue/index.vue
@@ -0,0 +1,71 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleSubscript().run()"
+          :class="{ 'is-active': editor.isActive('subscript') }"
+        >
+          Toggle subscript
+        </button>
+        <button
+          @click="editor.chain().focus().setSubscript().run()"
+          :disabled="editor.isActive('subscript')"
+        >
+          Set subscript
+        </button>
+        <button
+          @click="editor.chain().focus().unsetSubscript().run()"
+          :disabled="!editor.isActive('subscript')"
+        >
+          Unset subscript
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Subscript from '@tiptap/extension-subscript'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Subscript],
+      content: `
+        <p>This is regular text.</p>
+        <p><sub>This is subscript.</sub></p>
+        <p><span style="vertical-align: sub">And this.</span></p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Marks/Superscript/React/index.html b/demos/src/Marks/Superscript/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Superscript/React/index.jsx b/demos/src/Marks/Superscript/React/index.jsx
new file mode 100644
index 0000000..aeae26d
--- /dev/null
+++ b/demos/src/Marks/Superscript/React/index.jsx
@@ -0,0 +1,58 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Superscript from '@tiptap/extension-superscript'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Superscript],
+    content: `
+        <p>This is regular text.</p>
+        <p><sup>This is superscript.</sup></p>
+        <p><span style="vertical-align: super">And this.</span></p>
+      `,
+  })
+  const { isSuperscript } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isSuperscript: ctx.editor.isActive('superscript') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleSuperscript().run()}
+            className={isSuperscript ? 'is-active' : ''}
+          >
+            Toggle superscript
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setSuperscript().run()}
+            disabled={isSuperscript}
+          >
+            Set superscript
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetSuperscript().run()}
+            disabled={!isSuperscript}
+          >
+            Unset superscript
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Marks/Superscript/React/styles.scss b/demos/src/Marks/Superscript/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Marks/Superscript/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Marks/Superscript/Vue/index.html b/demos/src/Marks/Superscript/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Superscript/Vue/index.vue b/demos/src/Marks/Superscript/Vue/index.vue
new file mode 100644
index 0000000..9aff8f2
--- /dev/null
+++ b/demos/src/Marks/Superscript/Vue/index.vue
@@ -0,0 +1,71 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleSuperscript().run()"
+          :class="{ 'is-active': editor.isActive('superscript') }"
+        >
+          Toggle superscript
+        </button>
+        <button
+          @click="editor.chain().focus().setSuperscript().run()"
+          :disabled="editor.isActive('superscript')"
+        >
+          Set superscript
+        </button>
+        <button
+          @click="editor.chain().focus().unsetSuperscript().run()"
+          :disabled="!editor.isActive('superscript')"
+        >
+          Unset superscript
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Superscript from '@tiptap/extension-superscript'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Superscript],
+      content: `
+        <p>This is regular text.</p>
+        <p><sup>This is superscript.</sup></p>
+        <p><span style="vertical-align: super">And this.</span></p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Marks/TextStyle/React/index.html b/demos/src/Marks/TextStyle/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/TextStyle/React/index.jsx b/demos/src/Marks/TextStyle/React/index.jsx
new file mode 100644
index 0000000..fd283cd
--- /dev/null
+++ b/demos/src/Marks/TextStyle/React/index.jsx
@@ -0,0 +1,95 @@
+import './styles.scss'
+
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { TextStyleKit } from '@tiptap/extension-text-style'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, TextStyleKit, Bold],
+    content: `
+        <p><span>This has a &lt;span&gt; tag without a style attribute, so it’s thrown away.</span></p>
+        <p><span style="">But this one is wrapped in a &lt;span&gt; tag with an inline style attribute, so it’s kept - even if it’s empty for now.</span></p>
+
+
+        <p>--- merge nested span styles option enabled ---</p>
+
+        <p>
+          <span style="color: #FF0000;">
+            <span style="font-family: serif;">
+              red serif
+            </span>
+          </span>
+        </p>
+
+        <p>
+          <span style="color: #FF0000;">
+            <span style="font-family: serif;">
+              <span style="color: #0000FF;">
+                blue serif
+              </span>
+            </span>
+          </span>
+        </p>
+
+        <p>
+          <span style="color: #00FF00;">
+            <span style="font-family: serif;">green serif </span>
+            <span style="font-family: serif;color: #FF0000;">red serif</span>
+          </span>
+        </p>
+
+        <p>
+          <span>
+            plain
+            <span style="color: #0000FF;">blue</span>
+            plain
+            <span style="color: #00FF00;">
+              green
+              <span style="font-family: serif;">green serif</span>
+            </span>
+            plain
+          </span>
+        </p>
+
+        <p>
+            <span style="color: #0000FF;">
+              blue
+              <span style="color: #00FF00;">
+                green
+                <span style="font-family: serif;">
+                  green serif
+                  <span style="color: #0000FF;">blue serif</span>
+                </span>
+              </span>
+            </span>
+        </p>
+
+        <p>
+          <strong>
+            strong
+            <span style="color: #0000FF;">
+              <strong>
+                strong blue
+                <span style="font-size: 24px;font-family: serif;">strong blue serif </span>
+                <span style="color: #00FF00;">
+                  strong green
+                  <span style="font-family: serif;">strong green serif</span>
+                </span>
+              </strong>
+            </span>
+          </strong>
+        </p>
+      `,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Marks/TextStyle/React/styles.scss b/demos/src/Marks/TextStyle/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Marks/TextStyle/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Marks/TextStyle/Vue/index.html b/demos/src/Marks/TextStyle/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/TextStyle/Vue/index.vue b/demos/src/Marks/TextStyle/Vue/index.vue
new file mode 100644
index 0000000..e85f53c
--- /dev/null
+++ b/demos/src/Marks/TextStyle/Vue/index.vue
@@ -0,0 +1,119 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { TextStyleKit } from '@tiptap/extension-text-style'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, TextStyleKit, Bold],
+      content: `
+        <p><span>This has a &lt;span&gt; tag without a style attribute, so it’s thrown away.</span></p>
+        <p><span style="">But this one is wrapped in a &lt;span&gt; tag with an inline style attribute, so it’s kept - even if it’s empty for now.</span></p>
+
+
+        <p>--- merge nested span styles option enabled ---</p>
+
+        <p>
+          <span style="color: #FF0000;">
+            <span style="font-family: serif;">
+              red serif
+            </span>
+          </span>
+        </p>
+
+        <p>
+          <span style="color: #FF0000;">
+            <span style="font-family: serif;">
+              <span style="color: #0000FF;">
+                blue serif
+              </span>
+            </span>
+          </span>
+        </p>
+
+        <p>
+          <span style="color: #00FF00;">
+            <span style="font-family: serif;">green serif </span>
+            <span style="font-family: serif;color: #FF0000;">red serif</span>
+          </span>
+        </p>
+
+        <p>
+          <span>
+            plain
+            <span style="color: #0000FF;">blue</span>
+            plain
+            <span style="color: #00FF00;">
+              green
+              <span style="font-family: serif;">green serif</span>
+            </span>
+            plain
+          </span>
+        </p>
+
+        <p>
+            <span style="color: #0000FF;">
+              blue
+              <span style="color: #00FF00;">
+                green
+                <span style="font-family: serif;">
+                  green serif
+                  <span style="color: #0000FF;">blue serif</span>
+                </span>
+              </span>
+            </span>
+        </p>
+
+        <p>
+          <strong>
+            strong
+            <span style="color: #0000FF;">
+              <strong>
+                strong blue
+                <span style="font-size: 24px;font-family: serif;">strong blue serif </span>
+                <span style="color: #00FF00;">
+                  strong green
+                  <span style="font-family: serif;">strong green serif</span>
+                </span>
+              </strong>
+            </span>
+          </strong>
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Marks/Underline/React/index.html b/demos/src/Marks/Underline/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Underline/React/index.jsx b/demos/src/Marks/Underline/React/index.jsx
new file mode 100644
index 0000000..fefff0d
--- /dev/null
+++ b/demos/src/Marks/Underline/React/index.jsx
@@ -0,0 +1,58 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Underline from '@tiptap/extension-underline'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Underline],
+    content: `
+        <p>There is no underline here.</p>
+        <p><u>This is underlined though.</u></p>
+        <p style="text-decoration: underline">And this as well.</p>
+      `,
+  })
+  const { isUnderline } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isUnderline: ctx.editor.isActive('underline') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleUnderline().run()}
+            className={isUnderline ? 'is-active' : ''}
+          >
+            Toggle underline
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setUnderline().run()}
+            disabled={isUnderline}
+          >
+            Set underline
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetUnderline().run()}
+            disabled={!isUnderline}
+          >
+            Unset underline
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Marks/Underline/React/styles.scss b/demos/src/Marks/Underline/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Marks/Underline/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Marks/Underline/Vue/index.html b/demos/src/Marks/Underline/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Marks/Underline/Vue/index.vue b/demos/src/Marks/Underline/Vue/index.vue
new file mode 100644
index 0000000..e2a4be7
--- /dev/null
+++ b/demos/src/Marks/Underline/Vue/index.vue
@@ -0,0 +1,71 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleUnderline().run()"
+          :class="{ 'is-active': editor.isActive('underline') }"
+        >
+          Toggle underline
+        </button>
+        <button
+          @click="editor.chain().focus().setUnderline().run()"
+          :disabled="editor.isActive('underline')"
+        >
+          Set underline
+        </button>
+        <button
+          @click="editor.chain().focus().unsetUnderline().run()"
+          :disabled="!editor.isActive('underline')"
+        >
+          Unset underline
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Underline from '@tiptap/extension-underline'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Underline],
+      content: `
+        <p>There is no underline here.</p>
+        <p><u>This is underlined though.</u></p>
+        <p style="text-decoration: underline">And this as well.</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Marks/Underline/index.spec.ts b/demos/src/Marks/Underline/index.spec.ts
new file mode 100644
index 0000000..5c1a8bc
--- /dev/null
+++ b/demos/src/Marks/Underline/index.spec.ts
@@ -0,0 +1,68 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'Underline'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Marks'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('parses u tags', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p><u>Example Text</u></p>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p><u>Example Text</u></p>')
+      })
+
+      test('transforms any tag with text-decoration underline to u tags', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent(
+            '<p><span style="text-decoration: underline">Example Text</span></p>',
+          )
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p><u>Example Text</u></p>')
+      })
+
+      test('button underlines selected text', async ({ page }) => {
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap u')).toContainText('Example Text')
+      })
+
+      test('button toggles underline on selected text', async ({ page }) => {
+        const editor = await getEditor(page)
+        await page.locator('button').first().click()
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap u')).toHaveCount(0)
+      })
+
+      test('keyboard shortcut underlines selected text', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.commands.focus()
+          el.editor.commands.selectAll()
+        })
+        await editor.press(`${mod}+u`)
+        await expect(page.locator('.tiptap u')).toContainText('Example Text')
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/Audio/React/index.html b/demos/src/Nodes/Audio/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Audio/React/index.jsx b/demos/src/Nodes/Audio/React/index.jsx
new file mode 100644
index 0000000..6061d79
--- /dev/null
+++ b/demos/src/Nodes/Audio/React/index.jsx
@@ -0,0 +1,191 @@
+import './styles.scss'
+
+import Audio from '@tiptap/extension-audio'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+const DEFAULT_AUDIO_SRC = 'https://www.w3schools.com/html/horse.ogg'
+
+const Control = ({ children }) => <div className="control">{children}</div>
+
+export default () => {
+  const [src, setSrc] = React.useState(DEFAULT_AUDIO_SRC)
+  const [autoplay, setAutoplay] = React.useState(false)
+  const [loop, setLoop] = React.useState(true)
+  const [muted, setMuted] = React.useState(false)
+  const [controls, setControls] = React.useState(true)
+  const [preload, setPreload] = React.useState('metadata')
+  const [controlsList, setControlsList] = React.useState('nodownload')
+  const [crossorigin, setCrossorigin] = React.useState('')
+  const [disableRemotePlayback, setDisableRemotePlayback] = React.useState(false)
+
+  const editor = useEditor({
+    extensions: [
+      StarterKit.configure({
+        history: false,
+      }),
+      Audio.configure({
+        controls: true,
+        preload: 'metadata',
+      }),
+    ],
+    content: `
+      <p>Use the controls above to insert audio tracks with native elements.</p>
+      <audio src="${DEFAULT_AUDIO_SRC}" controls loop preload="metadata"></audio>
+    `,
+    editorProps: {
+      attributes: {
+        spellcheck: 'false',
+      },
+    },
+  })
+
+  const insertAudio = () => {
+    if (!editor || !src) {
+      return
+    }
+
+    editor
+      .chain()
+      .focus()
+      .setAudio({
+        src,
+        controls,
+        autoplay,
+        loop,
+        muted,
+        preload: preload || null,
+        controlslist: controlsList || undefined,
+        crossorigin: crossorigin || undefined,
+        disableremoteplayback: disableRemotePlayback || undefined,
+      })
+      .run()
+  }
+
+  return (
+    <>
+      <div
+        style={{
+          display: 'flex',
+          flexWrap: 'wrap',
+          gap: '0.75rem',
+          alignItems: 'center',
+          padding: '1.5rem',
+        }}
+      >
+        <input
+          type="text"
+          style={{ flexGrow: 1 }}
+          value={src}
+          onChange={event => setSrc(event.target.value)}
+          placeholder="https://.../audio.mp3"
+          aria-label="Audio source"
+        />
+
+        <button type="button" className="primary" onClick={insertAudio} disabled={!editor}>
+          Insert audio
+        </button>
+
+        <button type="button" popoverTarget="audio-options">
+          Additional Options
+        </button>
+      </div>
+
+      <div id="audio-options" popover="auto" className="additional-options-popover">
+        <div className="control-group additional-options-group">
+          <Control>
+            <label htmlFor="preload">Preload</label>
+            <select
+              id="preload"
+              value={preload ?? ''}
+              onChange={event => setPreload(event.target.value)}
+            >
+              <option value="metadata">metadata</option>
+              <option value="auto">auto</option>
+              <option value="none">none</option>
+              <option value="">(empty)</option>
+            </select>
+          </Control>
+
+          <Control>
+            <label htmlFor="controlsList">controlslist</label>
+            <input
+              id="controlsList"
+              type="text"
+              value={controlsList}
+              onChange={event => setControlsList(event.target.value)}
+              placeholder="nodownload noplaybackrate"
+            />
+          </Control>
+
+          <Control>
+            <label htmlFor="crossorigin">crossorigin</label>
+            <select
+              id="crossorigin"
+              value={crossorigin}
+              onChange={event => setCrossorigin(event.target.value)}
+            >
+              <option value="">(unset)</option>
+              <option value="anonymous">anonymous</option>
+              <option value="use-credentials">use-credentials</option>
+            </select>
+          </Control>
+
+          <Control>
+            <label>
+              <input
+                type="checkbox"
+                checked={controls}
+                onChange={event => setControls(event.target.checked)}
+              />
+              Show controls
+            </label>
+          </Control>
+          <Control>
+            <label>
+              <input
+                type="checkbox"
+                checked={autoplay}
+                onChange={event => setAutoplay(event.target.checked)}
+              />
+              Autoplay
+            </label>
+          </Control>
+          <Control>
+            <label>
+              <input
+                type="checkbox"
+                checked={loop}
+                onChange={event => setLoop(event.target.checked)}
+              />
+              Loop
+            </label>
+          </Control>
+          <Control>
+            <label>
+              <input
+                type="checkbox"
+                checked={muted}
+                onChange={event => setMuted(event.target.checked)}
+              />
+              Muted
+            </label>
+          </Control>
+          <Control>
+            <label>
+              <input
+                type="checkbox"
+                checked={disableRemotePlayback}
+                onChange={event => setDisableRemotePlayback(event.target.checked)}
+              />
+              Disable remote playback
+            </label>
+          </Control>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/Audio/React/styles.scss b/demos/src/Nodes/Audio/React/styles.scss
new file mode 100644
index 0000000..6ae37f5
--- /dev/null
+++ b/demos/src/Nodes/Audio/React/styles.scss
@@ -0,0 +1,60 @@
+:root {
+  color-scheme: light;
+}
+
+.control-group {
+  display: grid;
+  gap: 0.75rem;
+  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  width: min(100%, 64rem);
+  margin-bottom: 1rem;
+}
+
+.control {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  font-size: 0.9rem;
+}
+
+.control input,
+.control select {
+  padding: 0.45rem 0.55rem;
+  border-radius: 0.45rem;
+  border: 1px solid #e5e7eb;
+  background: #fff;
+  font-size: 0.9rem;
+}
+
+.control label {
+  color: #4b5563;
+  font-weight: 600;
+}
+
+.additional-options-popover {
+  border: 0;
+  border-radius: 0.75rem;
+  inset: auto;
+  margin: 0.5rem 0 0;
+  max-width: calc(100vw - 3rem);
+  padding: 0;
+  position-area: bottom span-left;
+}
+
+.additional-options-group {
+  margin: 0;
+}
+
+.additional-options-group .control label {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  font-weight: 500;
+}
+
+.tiptap audio {
+  width: 100%;
+  max-width: 64rem;
+  display: block;
+  margin: 0.75rem 0;
+}
diff --git a/demos/src/Nodes/Audio/Vue/index.html b/demos/src/Nodes/Audio/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Audio/Vue/index.vue b/demos/src/Nodes/Audio/Vue/index.vue
new file mode 100644
index 0000000..97d76cc
--- /dev/null
+++ b/demos/src/Nodes/Audio/Vue/index.vue
@@ -0,0 +1,226 @@
+<template>
+  <div style="display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; padding: 1.5rem">
+    <input
+      v-model="src"
+      type="text"
+      style="flex-grow: 1"
+      placeholder="https://.../audio.mp3"
+      aria-label="Audio source"
+    />
+
+    <button class="primary" type="button" @click="insertAudio" :disabled="!editor">
+      Insert audio
+    </button>
+
+    <button type="button" popovertarget="audio-options">Additional Options</button>
+  </div>
+
+  <div id="audio-options" popover="auto" class="additional-options-popover">
+    <div class="control-group additional-options-group">
+      <div class="control">
+        <label for="preload">Preload</label>
+        <select id="preload" v-model="preload">
+          <option value="metadata">metadata</option>
+          <option value="auto">auto</option>
+          <option value="none">none</option>
+          <option value="">(empty)</option>
+        </select>
+      </div>
+
+      <div class="control">
+        <label for="controlsList">controlslist</label>
+        <input
+          id="controlsList"
+          v-model="controlsList"
+          type="text"
+          placeholder="nodownload noplaybackrate"
+        />
+      </div>
+
+      <div class="control">
+        <label for="crossorigin">crossorigin</label>
+        <select id="crossorigin" v-model="crossorigin">
+          <option value="">(unset)</option>
+          <option value="anonymous">anonymous</option>
+          <option value="use-credentials">use-credentials</option>
+        </select>
+      </div>
+
+      <div class="control">
+        <label>
+          <input v-model="controls" type="checkbox" />
+          Show controls
+        </label>
+      </div>
+      <div class="control">
+        <label>
+          <input v-model="autoplay" type="checkbox" />
+          Autoplay
+        </label>
+      </div>
+      <div class="control">
+        <label>
+          <input v-model="loop" type="checkbox" />
+          Loop
+        </label>
+      </div>
+      <div class="control">
+        <label>
+          <input v-model="muted" type="checkbox" />
+          Muted
+        </label>
+      </div>
+      <div class="control">
+        <label>
+          <input v-model="disableRemotePlayback" type="checkbox" />
+          Disable remote playback
+        </label>
+      </div>
+    </div>
+  </div>
+
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Audio from '@tiptap/extension-audio'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+const DEFAULT_AUDIO_SRC = 'https://www.w3schools.com/html/horse.ogg'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      src: DEFAULT_AUDIO_SRC,
+      autoplay: false,
+      loop: true,
+      muted: false,
+      controls: true,
+      preload: 'metadata',
+      controlsList: 'nodownload',
+      crossorigin: '',
+      disableRemotePlayback: false,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit.configure({
+          history: false,
+        }),
+        Audio.configure({
+          controls: true,
+          preload: 'metadata',
+        }),
+      ],
+      content: `
+        <p>Use the controls above to insert audio tracks with native elements.</p>
+        <audio src="${DEFAULT_AUDIO_SRC}" controls loop preload="metadata"></audio>
+      `,
+      editorProps: {
+        attributes: {
+          spellcheck: 'false',
+        },
+      },
+    })
+  },
+
+  beforeUnmount() {
+    this.editor?.destroy()
+  },
+
+  methods: {
+    insertAudio() {
+      if (!this.editor || !this.src) {
+        return
+      }
+
+      this.editor
+        .chain()
+        .focus()
+        .setAudio({
+          src: this.src,
+          controls: this.controls,
+          autoplay: this.autoplay,
+          loop: this.loop,
+          muted: this.muted,
+          preload: this.preload || null,
+          controlslist: this.controlsList || undefined,
+          crossorigin: this.crossorigin || undefined,
+          disableremoteplayback: this.disableRemotePlayback || undefined,
+        })
+        .run()
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+:root {
+  color-scheme: light;
+}
+
+.control-group {
+  display: grid;
+  gap: 0.75rem;
+  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  width: min(100%, 64rem);
+  margin-bottom: 1rem;
+}
+
+.control {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  font-size: 0.9rem;
+}
+
+.control input,
+.control select {
+  padding: 0.45rem 0.55rem;
+  border-radius: 0.45rem;
+  border: 1px solid #e5e7eb;
+  background: #fff;
+  font-size: 0.9rem;
+}
+
+.control label {
+  color: #4b5563;
+  font-weight: 600;
+}
+
+.additional-options-popover {
+  border: 0;
+  border-radius: 0.75rem;
+  inset: auto;
+  margin: 0.5rem 0 0;
+  max-width: calc(100vw - 3rem);
+  padding: 0;
+  position-area: bottom span-left;
+}
+
+.additional-options-group {
+  margin: 0;
+}
+
+.additional-options-group .control label {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  font-weight: 500;
+}
+
+.tiptap audio {
+  width: 100%;
+  max-width: 64rem;
+  display: block;
+  margin: 0.75rem 0;
+}
+</style>
diff --git a/demos/src/Nodes/Blockquote/React/index.html b/demos/src/Nodes/Blockquote/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Blockquote/React/index.jsx b/demos/src/Nodes/Blockquote/React/index.jsx
new file mode 100644
index 0000000..3456e39
--- /dev/null
+++ b/demos/src/Nodes/Blockquote/React/index.jsx
@@ -0,0 +1,61 @@
+import './styles.scss'
+
+import Blockquote from '@tiptap/extension-blockquote'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Blockquote],
+    content: `
+      <blockquote>
+        Nothing is impossible, the word itself says “I’m possible!”
+      </blockquote>
+      <p>Audrey Hepburn</p>
+    `,
+  })
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => ({
+      isBlockquote: ctx.editor.isActive('blockquote') ?? false,
+      canSetBlockquote: ctx.editor.can().setBlockquote() ?? false,
+      canUnsetBlockquote: ctx.editor.can().unsetBlockquote() ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleBlockquote().run()}
+            className={editorState.isBlockquote ? 'is-active' : ''}
+          >
+            Toggle blockquote
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setBlockquote().run()}
+            disabled={!editorState.canSetBlockquote}
+          >
+            Set blockquote
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetBlockquote().run()}
+            disabled={!editorState.canUnsetBlockquote}
+          >
+            Unset blockquote
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/Blockquote/React/styles.scss b/demos/src/Nodes/Blockquote/React/styles.scss
new file mode 100644
index 0000000..8680100
--- /dev/null
+++ b/demos/src/Nodes/Blockquote/React/styles.scss
@@ -0,0 +1,12 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+}
diff --git a/demos/src/Nodes/Blockquote/Vue/index.html b/demos/src/Nodes/Blockquote/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Blockquote/Vue/index.vue b/demos/src/Nodes/Blockquote/Vue/index.vue
new file mode 100644
index 0000000..3eb33cd
--- /dev/null
+++ b/demos/src/Nodes/Blockquote/Vue/index.vue
@@ -0,0 +1,78 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleBlockquote().run()"
+          :class="{ 'is-active': editor.isActive('blockquote') }"
+        >
+          Toggle blockquote
+        </button>
+        <button
+          @click="editor.chain().focus().setBlockquote().run()"
+          :disabled="!editor.can().setBlockquote()"
+        >
+          Set blockquote
+        </button>
+        <button
+          @click="editor.chain().focus().unsetBlockquote().run()"
+          :disabled="!editor.can().unsetBlockquote()"
+        >
+          Unset blockquote
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Blockquote from '@tiptap/extension-blockquote'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Blockquote],
+      content: `
+          <blockquote>
+            Nothing is impossible, the word itself says “I’m possible!”
+          </blockquote>
+          <p>Audrey Hepburn</p>
+        `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+}
+</style>
diff --git a/demos/src/Nodes/Blockquote/index.spec.ts b/demos/src/Nodes/Blockquote/index.spec.ts
new file mode 100644
index 0000000..e22c567
--- /dev/null
+++ b/demos/src/Nodes/Blockquote/index.spec.ts
@@ -0,0 +1,160 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'Blockquote'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Nodes'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('parses blockquote tags correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<blockquote><p>Example Text</p></blockquote>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<blockquote><p>Example Text</p></blockquote>')
+      })
+
+      test('parses blockquote tags without paragraphs correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<blockquote>Example Text</blockquote>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<blockquote><p>Example Text</p></blockquote>')
+      })
+
+      test('button makes the selected line a blockquote', async ({ page }) => {
+        await expect(page.locator('.tiptap blockquote')).toHaveCount(0)
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap blockquote')).toContainText('Example Text')
+      })
+
+      test('button wraps all nodes in one blockquote', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p>Example Text</p><p>Example Text</p>')
+          el.editor.commands.selectAll()
+        })
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap blockquote')).toHaveCount(1)
+      })
+
+      test('button toggles the blockquote', async ({ page }) => {
+        const editor = await getEditor(page)
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap blockquote')).toContainText('Example Text')
+        const isActive = await editor.evaluate((el: any) => el.editor.isActive('blockquote'))
+        expect(isActive).toBe(true)
+      })
+
+      test('keyboard shortcut makes selected line a blockquote', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.commands.focus()
+          el.editor.commands.selectAll()
+        })
+        await editor.press(`${mod}+Shift+b`)
+        await expect(page.locator('.tiptap blockquote')).toContainText('Example Text')
+      })
+
+      test('markdown shortcut creates blockquote', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('> Quote')
+        await expect(page.locator('.tiptap blockquote')).toContainText('Quote')
+      })
+
+      const placeCaretBefore = async (
+        editor: Awaited<ReturnType<typeof getEditor>>,
+        content: string,
+        target: string,
+      ) => {
+        await editor.evaluate(
+          (el: any, { content: innerContent, target: innerTarget }: any) => {
+            el.editor.commands.setContent(innerContent)
+            let caret = -1
+            el.editor.state.doc.descendants((node: any, pos: number) => {
+              if (caret !== -1 || !node.isText) return
+              const offset = node.text.indexOf(innerTarget)
+              if (offset !== -1) caret = pos + offset
+            })
+            if (caret === -1) throw new Error(`Could not find "${innerTarget}" in the document`)
+            el.editor.chain().focus().setTextSelection({ from: caret, to: caret }).run()
+          },
+          { content, target },
+        )
+      }
+
+      test('backspace at the start of a non-first child lifts it out of the blockquote', async ({
+        page,
+      }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<blockquote><p>A</p><p>B</p></blockquote>', 'B')
+        await editor.press('Backspace')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<blockquote><p>A</p></blockquote><p>B</p>')
+      })
+
+      test('backspace at the start of a middle child splits the blockquote around it', async ({
+        page,
+      }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<blockquote><p>A</p><p>B</p><p>C</p></blockquote>', 'B')
+        await editor.press('Backspace')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe(
+          '<blockquote><p>A</p></blockquote><p>B</p><blockquote><p>C</p></blockquote>',
+        )
+      })
+
+      test('backspace at the start of a paragraph after a blockquote merges into its last textblock', async ({
+        page,
+      }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<blockquote><p>A</p></blockquote><p>B</p>', 'B')
+        await editor.press('Backspace')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<blockquote><p>AB</p></blockquote>')
+      })
+
+      test('lift then merge: two backspaces collapse a child back into the previous text', async ({
+        page,
+      }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<blockquote><p>A</p><p>B</p></blockquote>', 'B')
+        await editor.press('Backspace')
+        await editor.press('Backspace')
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<blockquote><p>AB</p></blockquote>')
+      })
+
+      test('backspace after merge: should continue to delete text inside the blockquote', async ({
+        page,
+      }) => {
+        const editor = await getEditor(page)
+        await placeCaretBefore(editor, '<blockquote><p>A</p></blockquote><p>B</p>', 'B')
+        await editor.press('Backspace') // merges B into A -> "AB"
+        await editor.press('Backspace') // deletes 'B' -> "A"
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toBe('<blockquote><p>A</p></blockquote>')
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/BulletList/React/index.html b/demos/src/Nodes/BulletList/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/BulletList/React/index.jsx b/demos/src/Nodes/BulletList/React/index.jsx
new file mode 100644
index 0000000..8caeb7f
--- /dev/null
+++ b/demos/src/Nodes/BulletList/React/index.jsx
@@ -0,0 +1,68 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import { BulletList, ListItem } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, BulletList, ListItem],
+    content: `
+        <ul>
+          <li>A list item</li>
+          <li>And another one</li>
+        </ul>
+      `,
+  })
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => ({
+      isBulletList: ctx.editor.isActive('bulletList') ?? false,
+      canSplitListItem: ctx.editor.can().splitListItem('listItem') ?? false,
+      canSinkListItem: ctx.editor.can().sinkListItem('listItem') ?? false,
+      canLiftListItem: ctx.editor.can().liftListItem('listItem') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleBulletList().run()}
+            className={editorState.isBulletList ? 'is-active' : ''}
+          >
+            Toggle bullet list
+          </button>
+          <button
+            onClick={() => editor.chain().focus().splitListItem('listItem').run()}
+            disabled={!editorState.canSplitListItem}
+          >
+            Split list item
+          </button>
+          <button
+            onClick={() => editor.chain().focus().sinkListItem('listItem').run()}
+            disabled={!editorState.canSinkListItem}
+          >
+            Sink list item
+          </button>
+          <button
+            onClick={() => editor.chain().focus().liftListItem('listItem').run()}
+            disabled={!editorState.canLiftListItem}
+          >
+            Lift list item
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/BulletList/React/styles.scss b/demos/src/Nodes/BulletList/React/styles.scss
new file mode 100644
index 0000000..95fe10c
--- /dev/null
+++ b/demos/src/Nodes/BulletList/React/styles.scss
@@ -0,0 +1,18 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+}
diff --git a/demos/src/Nodes/BulletList/Vue/index.html b/demos/src/Nodes/BulletList/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/BulletList/Vue/index.vue b/demos/src/Nodes/BulletList/Vue/index.vue
new file mode 100644
index 0000000..a07e9af
--- /dev/null
+++ b/demos/src/Nodes/BulletList/Vue/index.vue
@@ -0,0 +1,90 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleBulletList().run()"
+          :class="{ 'is-active': editor.isActive('bulletList') }"
+        >
+          Toggle bullet list
+        </button>
+        <button
+          @click="editor.chain().focus().splitListItem('listItem').run()"
+          :disabled="!editor.can().splitListItem('listItem')"
+        >
+          Split list item
+        </button>
+        <button
+          @click="editor.chain().focus().sinkListItem('listItem').run()"
+          :disabled="!editor.can().sinkListItem('listItem')"
+        >
+          Sink list item
+        </button>
+        <button
+          @click="editor.chain().focus().liftListItem('listItem').run()"
+          :disabled="!editor.can().liftListItem('listItem')"
+        >
+          Lift list item
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import { BulletList, ListItem } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, BulletList, ListItem],
+      content: `
+        <ul>
+          <li>A list item</li>
+          <li>And another one</li>
+        </ul>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/BulletList/index.spec.ts b/demos/src/Nodes/BulletList/index.spec.ts
new file mode 100644
index 0000000..202537b
--- /dev/null
+++ b/demos/src/Nodes/BulletList/index.spec.ts
@@ -0,0 +1,92 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'BulletList'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Nodes'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('parses unordered lists correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<ul><li><p>Example Text</p></li></ul>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<ul><li><p>Example Text</p></li></ul>')
+      })
+
+      test('parses unordered lists without paragraphs correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<ul><li>Example Text</li></ul>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<ul><li><p>Example Text</p></li></ul>')
+      })
+
+      test('button makes selected line a bullet list item', async ({ page }) => {
+        await expect(page.locator('.tiptap ul')).toHaveCount(0)
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap ul li')).toContainText('Example Text')
+      })
+
+      test('button toggles the bullet list', async ({ page }) => {
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap ul')).toContainText('Example Text')
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap ul')).toHaveCount(0)
+      })
+
+      test('keyboard shortcut creates a bullet list', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.commands.focus()
+          el.editor.commands.selectAll()
+        })
+        await editor.press(`${mod}+Shift+8`)
+        await expect(page.locator('.tiptap ul li')).toContainText('Example Text')
+      })
+      ;[
+        ['asterisk', '*'],
+        ['dash', '-'],
+        ['plus', '+'],
+      ].forEach(([name, char]) => {
+        test(`creates a bullet list from a ${name}`, async ({ page }) => {
+          const editor = await getEditor(page)
+          await editor.evaluate((el: any) => el.editor.commands.clearContent())
+          await editor.click()
+          await page.keyboard.type(`${char} List Item 1`)
+          await page.keyboard.press('Enter')
+          await editor.type('List Item 2')
+          await expect(page.locator('.tiptap li').nth(0)).toContainText('List Item 1')
+          await expect(page.locator('.tiptap li').nth(1)).toContainText('List Item 2')
+        })
+      })
+
+      test('removes the bullet list after pressing backspace', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('* ')
+        await page.keyboard.press('Backspace')
+        await editor.type('Example')
+        await expect(page.locator('.tiptap p')).toContainText('* Example')
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/CodeBlock/React/index.html b/demos/src/Nodes/CodeBlock/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/CodeBlock/React/index.jsx b/demos/src/Nodes/CodeBlock/React/index.jsx
new file mode 100644
index 0000000..a538bb1
--- /dev/null
+++ b/demos/src/Nodes/CodeBlock/React/index.jsx
@@ -0,0 +1,68 @@
+import './styles.scss'
+
+import CodeBlock from '@tiptap/extension-code-block'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, CodeBlock],
+    content: `
+        <p>
+          That’s a boring paragraph followed by a fenced code block:
+        </p>
+        <pre><code>for (var i=1; i <= 20; i++)
+{
+  if (i % 15 == 0)
+    console.log("FizzBuzz");
+  else if (i % 3 == 0)
+    console.log("Fizz");
+  else if (i % 5 == 0)
+    console.log("Buzz");
+  else
+    console.log(i);
+}</code></pre>
+        <p>
+          Press Command/Ctrl + Enter to leave the fenced code block and continue typing in boring paragraphs.
+        </p>
+      `,
+  })
+
+  const { isCodeBlock, canSetCodeBlock } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isCodeBlock: ctx.editor.isActive('codeBlock') ?? false,
+      canSetCodeBlock: ctx.editor.can().chain().focus().setCodeBlock().run() ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleCodeBlock().run()}
+            className={isCodeBlock ? 'is-active' : ''}
+          >
+            Toggle code block
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setCodeBlock().run()}
+            disabled={isCodeBlock || !canSetCodeBlock}
+          >
+            Set code block
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/CodeBlock/React/styles.scss b/demos/src/Nodes/CodeBlock/React/styles.scss
new file mode 100644
index 0000000..3350ce5
--- /dev/null
+++ b/demos/src/Nodes/CodeBlock/React/styles.scss
@@ -0,0 +1,22 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+}
diff --git a/demos/src/Nodes/CodeBlock/Vue/index.html b/demos/src/Nodes/CodeBlock/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/CodeBlock/Vue/index.vue b/demos/src/Nodes/CodeBlock/Vue/index.vue
new file mode 100644
index 0000000..164553d
--- /dev/null
+++ b/demos/src/Nodes/CodeBlock/Vue/index.vue
@@ -0,0 +1,95 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleCodeBlock().run()"
+          :class="{ 'is-active': editor.isActive('codeBlock') }"
+        >
+          Toggle code block
+        </button>
+        <button
+          @click="editor.chain().focus().setCodeBlock().run()"
+          :disabled="editor.isActive('codeBlock')"
+        >
+          Set code block
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import CodeBlock from '@tiptap/extension-code-block'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, CodeBlock],
+      content: `
+        <p>
+          That’s a boring paragraph followed by a fenced code block:
+        </p>
+        <pre><code>for (var i=1; i <= 20; i++)
+{
+  if (i % 15 == 0)
+    console.log("FizzBuzz");
+  else if (i % 3 == 0)
+    console.log("Fizz");
+  else if (i % 5 == 0)
+    console.log("Buzz");
+  else
+    console.log(i);
+}</code></pre>
+        <p>
+          Press Command/Ctrl + Enter to leave the fenced code block and continue typing in boring paragraphs.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/CodeBlock/index.spec.ts b/demos/src/Nodes/CodeBlock/index.spec.ts
new file mode 100644
index 0000000..1fb1fca
--- /dev/null
+++ b/demos/src/Nodes/CodeBlock/index.spec.ts
@@ -0,0 +1,110 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'CodeBlock'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Nodes'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('parses code blocks correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<pre><code>Example Text</code></pre>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<pre><code>Example Text</code></pre>')
+      })
+
+      test('parses code blocks with language correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<pre><code class="language-css">Example Text</code></pre>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<pre><code class="language-css">Example Text</code></pre>')
+      })
+
+      test('button makes the selected line a code block', async ({ page }) => {
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap pre')).toContainText('Example Text')
+      })
+
+      test('button toggles the code block', async ({ page }) => {
+        const editor = await getEditor(page)
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap pre')).toContainText('Example Text')
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap pre')).toHaveCount(0)
+      })
+
+      test('keyboard shortcut creates a code block', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.commands.focus()
+          el.editor.commands.selectAll()
+        })
+        await editor.press(`${mod}+Alt+c`)
+        await expect(page.locator('.tiptap pre')).toContainText('Example Text')
+      })
+
+      test('parses language from HTML code block', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) =>
+          el.editor.commands.setContent(
+            '<pre><code class="language-css">body { display: none; }</code></pre>',
+          ),
+        )
+        await expect(page.locator('.tiptap pre>code.language-css')).toHaveCount(1)
+      })
+
+      test('creates code block from backtick markdown shortcut', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('``` Code')
+        await expect(page.locator('.tiptap pre>code')).toContainText('Code')
+      })
+
+      test('creates code block from tilde markdown shortcut', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('~~~ Code')
+        await expect(page.locator('.tiptap pre>code')).toContainText('Code')
+      })
+
+      test('creates code block for js with backticks', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('```js Code')
+        await expect(page.locator('.tiptap pre>code.language-js')).toContainText('Code')
+      })
+
+      test('reverts the markdown shortcut when pressing backspace', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('``` ')
+        await page.keyboard.press('Backspace')
+        await expect(page.locator('.tiptap pre')).toHaveCount(0)
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/CodeBlockLowlight/React/index.html b/demos/src/Nodes/CodeBlockLowlight/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/CodeBlockLowlight/React/index.jsx b/demos/src/Nodes/CodeBlockLowlight/React/index.jsx
new file mode 100644
index 0000000..e9296f2
--- /dev/null
+++ b/demos/src/Nodes/CodeBlockLowlight/React/index.jsx
@@ -0,0 +1,100 @@
+import './styles.scss'
+
+import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import css from 'highlight.js/lib/languages/css'
+import js from 'highlight.js/lib/languages/javascript'
+import ts from 'highlight.js/lib/languages/typescript'
+import html from 'highlight.js/lib/languages/xml'
+// load all languages with "all" or common languages with "common"
+import { all, createLowlight } from 'lowlight'
+import React from 'react'
+
+// create a lowlight instance with all languages loaded
+const lowlight = createLowlight(all)
+
+// This is only an example, all supported languages are already loaded above
+// but you can also register only specific languages to reduce bundle-size
+lowlight.register('html', html)
+lowlight.register('css', css)
+lowlight.register('js', js)
+lowlight.register('ts', ts)
+
+/**
+ * Lowlight version 2.x had a different API
+ * import { lowlight } from 'lowlight'
+ *
+ * lowlight.registerLanguage('html', html)
+ * lowlight.registerLanguage('css', css)
+ * lowlight.registerLanguage('js', js)
+ * lowlight.registerLanguage('ts', ts)
+ */
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      CodeBlockLowlight.configure({
+        lowlight,
+      }),
+    ],
+    content: `
+        <p>
+          That's a boring paragraph followed by a fenced code block:
+        </p>
+        <pre><code class="language-javascript">for (var i=1; i <= 20; i++)
+{
+  if (i % 15 == 0)
+    console.log("FizzBuzz");
+  else if (i % 3 == 0)
+    console.log("Fizz");
+  else if (i % 5 == 0)
+    console.log("Buzz");
+  else
+    console.log(i);
+}</code></pre>
+        <p>
+          Press Command/Ctrl + Enter to leave the fenced code block and continue typing in boring paragraphs.
+        </p>
+      `,
+  })
+
+  const { isCodeBlock } = useEditorState({
+    editor,
+    selector: ctx => ({
+      isCodeBlock: ctx.editor.isActive('codeBlock') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleCodeBlock().run()}
+            className={isCodeBlock ? 'is-active' : ''}
+          >
+            Toggle code block
+          </button>
+          <button
+            onClick={() => editor.chain().focus().setCodeBlock().run()}
+            disabled={isCodeBlock}
+          >
+            Set code block
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/CodeBlockLowlight/React/styles.scss b/demos/src/Nodes/CodeBlockLowlight/React/styles.scss
new file mode 100644
index 0000000..9e31838
--- /dev/null
+++ b/demos/src/Nodes/CodeBlockLowlight/React/styles.scss
@@ -0,0 +1,74 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+
+    /* Code styling */
+    .hljs-comment,
+    .hljs-quote {
+      color: #616161;
+    }
+
+    .hljs-variable,
+    .hljs-template-variable,
+    .hljs-attribute,
+    .hljs-tag,
+    .hljs-regexp,
+    .hljs-link,
+    .hljs-name,
+    .hljs-selector-id,
+    .hljs-selector-class {
+      color: #f98181;
+    }
+
+    .hljs-number,
+    .hljs-meta,
+    .hljs-built_in,
+    .hljs-builtin-name,
+    .hljs-literal,
+    .hljs-type,
+    .hljs-params {
+      color: #fbbc88;
+    }
+
+    .hljs-string,
+    .hljs-symbol,
+    .hljs-bullet {
+      color: #b9f18d;
+    }
+
+    .hljs-title,
+    .hljs-section {
+      color: #faf594;
+    }
+
+    .hljs-keyword,
+    .hljs-selector-tag {
+      color: #70cff8;
+    }
+
+    .hljs-emphasis {
+      font-style: italic;
+    }
+
+    .hljs-strong {
+      font-weight: 700;
+    }
+  }
+}
diff --git a/demos/src/Nodes/CodeBlockLowlight/Vue/index.html b/demos/src/Nodes/CodeBlockLowlight/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/CodeBlockLowlight/Vue/index.vue b/demos/src/Nodes/CodeBlockLowlight/Vue/index.vue
new file mode 100644
index 0000000..ee1d139
--- /dev/null
+++ b/demos/src/Nodes/CodeBlockLowlight/Vue/index.vue
@@ -0,0 +1,171 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleCodeBlock().run()"
+          :class="{ 'is-active': editor.isActive('codeBlock') }"
+        >
+          Toggle code block
+        </button>
+        <button
+          @click="editor.chain().focus().setCodeBlock().run()"
+          :disabled="editor.isActive('codeBlock')"
+        >
+          Set code block
+        </button>
+      </div>
+    </div>
+
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+import css from 'highlight.js/lib/languages/css'
+import js from 'highlight.js/lib/languages/javascript'
+import ts from 'highlight.js/lib/languages/typescript'
+import html from 'highlight.js/lib/languages/xml'
+// load all languages with "all" or common languages with "common"
+import { all, createLowlight } from 'lowlight'
+
+// create a lowlight instance
+const lowlight = createLowlight(all)
+
+// you can also register languages
+lowlight.register('html', html)
+lowlight.register('css', css)
+lowlight.register('js', js)
+lowlight.register('ts', ts)
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        CodeBlockLowlight.configure({
+          lowlight,
+        }),
+      ],
+      content: `
+        <p>
+          That's a boring paragraph followed by a fenced code block:
+        </p>
+        <pre><code class="language-javascript">for (var i=1; i <= 20; i++)
+{
+  if (i % 15 == 0)
+    console.log("FizzBuzz");
+  else if (i % 3 == 0)
+    console.log("Fizz");
+  else if (i % 5 == 0)
+    console.log("Buzz");
+  else
+    console.log(i);
+}</code></pre>
+        <p>
+          Press Command/Ctrl + Enter to leave the fenced code block and continue typing in boring paragraphs.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+
+    /* Code styling */
+    .hljs-comment,
+    .hljs-quote {
+      color: #616161;
+    }
+
+    .hljs-variable,
+    .hljs-template-variable,
+    .hljs-attribute,
+    .hljs-tag,
+    .hljs-name,
+    .hljs-regexp,
+    .hljs-link,
+    .hljs-name,
+    .hljs-selector-id,
+    .hljs-selector-class {
+      color: #f98181;
+    }
+
+    .hljs-number,
+    .hljs-meta,
+    .hljs-built_in,
+    .hljs-builtin-name,
+    .hljs-literal,
+    .hljs-type,
+    .hljs-params {
+      color: #fbbc88;
+    }
+
+    .hljs-string,
+    .hljs-symbol,
+    .hljs-bullet {
+      color: #b9f18d;
+    }
+
+    .hljs-title,
+    .hljs-section {
+      color: #faf594;
+    }
+
+    .hljs-keyword,
+    .hljs-selector-tag {
+      color: #70cff8;
+    }
+
+    .hljs-emphasis {
+      font-style: italic;
+    }
+
+    .hljs-strong {
+      font-weight: 700;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/Details/React/index.html b/demos/src/Nodes/Details/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Details/React/index.jsx b/demos/src/Nodes/Details/React/index.jsx
new file mode 100644
index 0000000..a68ff96
--- /dev/null
+++ b/demos/src/Nodes/Details/React/index.jsx
@@ -0,0 +1,97 @@
+import './styles.scss'
+
+import { Details, DetailsContent, DetailsSummary } from '@tiptap/extension-details'
+import { Placeholder } from '@tiptap/extensions'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Details.configure({
+        persist: true,
+        HTMLAttributes: {
+          class: 'details',
+        },
+      }),
+      DetailsSummary,
+      DetailsContent,
+      Placeholder.configure({
+        includeChildren: true,
+        placeholder: ({ node }) => {
+          if (node.type.name === 'detailsSummary') {
+            return 'Summary'
+          }
+
+          return null
+        },
+      }),
+    ],
+    content: `
+      <p>Look at these details</p>
+      <details>
+        <summary>This is a summary</summary>
+        <p>Surprise!</p>
+      </details>
+      <p>Nested details are also supported</p>
+      <details open>
+        <summary>This is another summary</summary>
+        <p>And there is even more.</p>
+        <details>
+          <summary>We need to go deeper</summary>
+          <p>Booya!</p>
+        </details>
+      </details>
+    `,
+  })
+
+  const { canSetDetails, canUnsetDetails } = useEditorState({
+    editor,
+    selector: ctx => ({
+      canSetDetails: ctx.editor.can().setDetails() ?? false,
+      canUnsetDetails: ctx.editor.can().unsetDetails() ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().setDetails().run()}
+            disabled={!canSetDetails}
+          >
+            Set details
+          </button>
+          <button
+            onClick={() => editor.chain().focus().unsetDetails().run()}
+            disabled={!canUnsetDetails}
+          >
+            Unset details
+          </button>
+          <button
+            onClick={() =>
+              editor
+                .chain()
+                .focus()
+                .command(({ tr }) => {
+                  tr.setNodeAttribute(23, 'open', true)
+                  return true
+                })
+                .run()
+            }
+          >
+            Force open first details
+          </button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/Details/React/styles.scss b/demos/src/Nodes/Details/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Nodes/Details/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Nodes/Details/Vue/index.html b/demos/src/Nodes/Details/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Details/Vue/index.vue b/demos/src/Nodes/Details/Vue/index.vue
new file mode 100644
index 0000000..5847fb9
--- /dev/null
+++ b/demos/src/Nodes/Details/Vue/index.vue
@@ -0,0 +1,150 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().setDetails().run()"
+          :disabled="!editor.can().setDetails()"
+        >
+          Set details
+        </button>
+        <button
+          @click="editor.chain().focus().unsetDetails().run()"
+          :disabled="!editor.can().unsetDetails()"
+        >
+          Unset details
+        </button>
+      </div>
+    </div>
+  </div>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import { Details, DetailsContent, DetailsSummary } from '@tiptap/extension-details'
+import { Placeholder } from '@tiptap/extensions'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit,
+        Details.configure({
+          persist: true,
+          HTMLAttributes: {
+            class: 'details',
+          },
+        }),
+        DetailsSummary,
+        DetailsContent,
+        Placeholder.configure({
+          includeChildren: true,
+          placeholder: ({ node }) => {
+            if (node.type.name === 'detailsSummary') {
+              return 'Summary'
+            }
+
+            return null
+          },
+        }),
+      ],
+      content: `
+        <p>Look at these details</p>
+        <details>
+          <summary>This is a summary</summary>
+          <p>Surprise!</p>
+        </details>
+        <p>Nested details are also supported</p>
+        <details open>
+          <summary>This is another summary</summary>
+          <p>And there is even more.</p>
+          <details>
+            <summary>We need to go deeper</summary>
+            <p>Booya!</p>
+          </details>
+        </details>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Details */
+  .details {
+    display: flex;
+    gap: 0.25rem;
+    margin: 1.5rem 0;
+    border: 1px solid var(--gray-3);
+    border-radius: 0.5rem;
+    padding: 0.5rem;
+
+    summary {
+      font-weight: 700;
+    }
+
+    > button {
+      align-items: center;
+      background: transparent;
+      border-radius: 4px;
+      display: flex;
+      font-size: 0.625rem;
+      height: 1.25rem;
+      justify-content: center;
+      line-height: 1;
+      margin-top: 0.1rem;
+      padding: 0;
+      width: 1.25rem;
+
+      &:hover {
+        background-color: var(--gray-3);
+      }
+
+      &::before {
+        content: '\25B6';
+      }
+    }
+
+    &.is-open > button::before {
+      transform: rotate(90deg);
+    }
+
+    > div {
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
+      width: 100%;
+
+      > [data-type='detailsContent'] > :last-child {
+        margin-bottom: 0.5rem;
+      }
+    }
+
+    .details {
+      margin: 0.5rem 0;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/Document/React/index.html b/demos/src/Nodes/Document/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Document/React/index.jsx b/demos/src/Nodes/Document/React/index.jsx
new file mode 100644
index 0000000..0494e83
--- /dev/null
+++ b/demos/src/Nodes/Document/React/index.jsx
@@ -0,0 +1,22 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text],
+    content: `
+        <p>The Document extension is required. Though, you can write your own implementation, e. g. to give it custom name.</p>
+      `,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Nodes/Document/React/styles.scss b/demos/src/Nodes/Document/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Nodes/Document/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Nodes/Document/Vue/index.html b/demos/src/Nodes/Document/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Document/Vue/index.vue b/demos/src/Nodes/Document/Vue/index.vue
new file mode 100644
index 0000000..ee15f90
--- /dev/null
+++ b/demos/src/Nodes/Document/Vue/index.vue
@@ -0,0 +1,46 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      content: `
+        <p>The Document extension is required. Though, you can write your own implementation, e. g. to give it custom name.</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Nodes/Emoji/React/EmojiList.jsx b/demos/src/Nodes/Emoji/React/EmojiList.jsx
new file mode 100644
index 0000000..fd88bf5
--- /dev/null
+++ b/demos/src/Nodes/Emoji/React/EmojiList.jsx
@@ -0,0 +1,67 @@
+import './EmojiList.scss'
+
+import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react'
+
+export const EmojiList = forwardRef((props, ref) => {
+  const [selectedIndex, setSelectedIndex] = useState(0)
+
+  const selectItem = index => {
+    const item = props.items[index]
+
+    if (item) {
+      props.command({ name: item.name })
+    }
+  }
+
+  const upHandler = () => {
+    setSelectedIndex((selectedIndex + props.items.length - 1) % props.items.length)
+  }
+
+  const downHandler = () => {
+    setSelectedIndex((selectedIndex + 1) % props.items.length)
+  }
+
+  const enterHandler = () => {
+    selectItem(selectedIndex)
+  }
+
+  useEffect(() => setSelectedIndex(0), [props.items])
+
+  useImperativeHandle(ref, () => {
+    return {
+      onKeyDown: x => {
+        if (x.event.key === 'ArrowUp') {
+          upHandler()
+          return true
+        }
+
+        if (x.event.key === 'ArrowDown') {
+          downHandler()
+          return true
+        }
+
+        if (x.event.key === 'Enter') {
+          enterHandler()
+          return true
+        }
+
+        return false
+      },
+    }
+  }, [upHandler, downHandler, enterHandler])
+
+  return (
+    <div className="dropdown-menu">
+      {props.items.map((item, index) => (
+        <button
+          className={index === selectedIndex ? 'is-selected' : ''}
+          key={index}
+          onClick={() => selectItem(index)}
+        >
+          {item.fallbackImage ? <img src={item.fallbackImage} align="absmiddle" /> : item.emoji}:
+          {item.name}:
+        </button>
+      ))}
+    </div>
+  )
+})
diff --git a/demos/src/Nodes/Emoji/React/EmojiList.scss b/demos/src/Nodes/Emoji/React/EmojiList.scss
new file mode 100644
index 0000000..a873e9e
--- /dev/null
+++ b/demos/src/Nodes/Emoji/React/EmojiList.scss
@@ -0,0 +1,36 @@
+/* Dropdown menu */
+.dropdown-menu {
+  background: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  overflow: auto;
+  padding: 0.4rem;
+  position: relative;
+
+  button {
+    align-items: center;
+    background-color: transparent;
+    display: flex;
+    gap: 0.25rem;
+    text-align: left;
+    width: 100%;
+
+    &:hover,
+    &:hover.is-selected {
+      background-color: var(--gray-3);
+    }
+
+    &.is-selected {
+      background-color: var(--gray-2);
+    }
+
+    img {
+      height: 1em;
+      width: 1em;
+    }
+  }
+}
diff --git a/demos/src/Nodes/Emoji/React/index.html b/demos/src/Nodes/Emoji/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Emoji/React/index.jsx b/demos/src/Nodes/Emoji/React/index.jsx
new file mode 100644
index 0000000..18b70df
--- /dev/null
+++ b/demos/src/Nodes/Emoji/React/index.jsx
@@ -0,0 +1,61 @@
+import './styles.scss'
+
+import Emoji, { gitHubEmojis } from '@tiptap/extension-emoji'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
+import suggestion from './suggestion.js'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Emoji.configure({
+        emojis: gitHubEmojis,
+        enableEmoticons: true,
+        suggestion,
+      }),
+    ],
+    content: `
+      <p>
+        These <span data-type="emoji" data-name="smiley"></span>
+        are <span data-type="emoji" data-name="fire"></span>
+        some <span data-type="emoji" data-name="smiley_cat"></span>
+        emojis <span data-type="emoji" data-name="exploding_head"></span>
+        rendered <span data-type="emoji" data-name="ghost"></span>
+        as <span data-type="emoji" data-name="massage"></span>
+        inline <span data-type="emoji" data-name="v"></span>
+        nodes.
+      </p>
+      <p>
+        Type <code>:</code> to open the autocomplete.
+      </p>
+      <p>
+        Even <span data-type="emoji" data-name="octocat"></span>
+        custom <span data-type="emoji" data-name="trollface"></span>
+        emojis <span data-type="emoji" data-name="neckbeard"></span>
+        are <span data-type="emoji" data-name="rage1"></span>
+        supported.
+      </p>
+      <p>
+        And unsupported emojis (without a fallback image) are rendered as just the shortcode <span data-type="emoji" data-name="this_does_not_exist"></span>.
+      </p>
+      <pre><code>In code blocks all emojis are rendered as plain text. 👩‍💻👨‍💻</code></pre>
+      <p>
+        There is also support for emoticons. Try typing <code><3</code>.
+      </p>
+    `,
+  })
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button onClick={() => editor.chain().focus().setEmoji('zap').run()}>Insert ⚡</button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/Emoji/React/styles.scss b/demos/src/Nodes/Emoji/React/styles.scss
new file mode 100644
index 0000000..7508761
--- /dev/null
+++ b/demos/src/Nodes/Emoji/React/styles.scss
@@ -0,0 +1,14 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  // Emoji extension styles
+  [data-type='emoji'] {
+    img {
+      height: 1em;
+      width: 1em;
+    }
+  }
+}
diff --git a/demos/src/Nodes/Emoji/React/suggestion.js b/demos/src/Nodes/Emoji/React/suggestion.js
new file mode 100644
index 0000000..7716d4f
--- /dev/null
+++ b/demos/src/Nodes/Emoji/React/suggestion.js
@@ -0,0 +1,68 @@
+import { ReactRenderer } from '@tiptap/react'
+
+import { updatePosition } from '../../../utils/updatePosition.js'
+import { EmojiList } from './EmojiList.jsx'
+
+export default {
+  items: ({ editor, query }) => {
+    return editor.storage.emoji.emojis
+      .filter(({ shortcodes, tags }) => {
+        return (
+          shortcodes.find(shortcode => shortcode.startsWith(query.toLowerCase())) ||
+          tags.find(tag => tag.startsWith(query.toLowerCase()))
+        )
+      })
+      .slice(0, 5)
+  },
+
+  allowSpaces: false,
+
+  render: () => {
+    let component
+
+    function repositionComponent(editor) {
+      updatePosition({
+        editor,
+        element: component?.element,
+        placement: 'bottom-start',
+        strategy: 'absolute',
+        middleware: [],
+      })
+    }
+
+    return {
+      onStart: props => {
+        component = new ReactRenderer(EmojiList, {
+          props,
+          editor: props.editor,
+        })
+
+        document.body.appendChild(component.element)
+        repositionComponent(props.editor)
+      },
+
+      onUpdate(props) {
+        component.updateProps(props)
+        repositionComponent(props.editor)
+      },
+
+      onKeyDown(props) {
+        if (props.event.key === 'Escape') {
+          document.body.removeChild(component.element)
+          component.destroy()
+
+          return true
+        }
+
+        return component.ref?.onKeyDown(props)
+      },
+
+      onExit() {
+        if (document.body.contains(component.element)) {
+          document.body.removeChild(component.element)
+        }
+        component.destroy()
+      },
+    }
+  },
+}
diff --git a/demos/src/Nodes/Emoji/Vue/EmojiList.vue b/demos/src/Nodes/Emoji/Vue/EmojiList.vue
new file mode 100644
index 0000000..0121bb5
--- /dev/null
+++ b/demos/src/Nodes/Emoji/Vue/EmojiList.vue
@@ -0,0 +1,129 @@
+<template>
+  <div class="dropdown-menu">
+    <button
+      :class="{ 'is-selected': index === selectedIndex }"
+      v-for="(item, index) in items"
+      :key="index"
+      @click="selectItem(index)"
+    >
+      <img v-if="item.fallbackImage" :src="item.fallbackImage" align="absmiddle" />
+      <template v-else>
+        {{ item.emoji }}
+      </template>
+      :{{ item.name }}:
+    </button>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    items: {
+      type: Array,
+      required: true,
+    },
+
+    command: {
+      type: Function,
+      required: true,
+    },
+
+    editor: {
+      type: Object,
+      required: true,
+    },
+  },
+
+  data() {
+    return {
+      selectedIndex: 0,
+    }
+  },
+
+  watch: {
+    items() {
+      this.selectedIndex = 0
+    },
+  },
+
+  methods: {
+    onKeyDown({ event }) {
+      if (event.key === 'ArrowUp') {
+        this.upHandler()
+        return true
+      }
+
+      if (event.key === 'ArrowDown') {
+        this.downHandler()
+        return true
+      }
+
+      if (event.key === 'Enter') {
+        this.enterHandler()
+        return true
+      }
+
+      return false
+    },
+
+    upHandler() {
+      this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length
+    },
+
+    downHandler() {
+      this.selectedIndex = (this.selectedIndex + 1) % this.items.length
+    },
+
+    enterHandler() {
+      this.selectItem(this.selectedIndex)
+    },
+
+    selectItem(index) {
+      const item = this.items[index]
+
+      if (item) {
+        this.command({ name: item.name })
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+/* Dropdown menu */
+.dropdown-menu {
+  background: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  overflow: auto;
+  padding: 0.4rem;
+  position: relative;
+
+  button {
+    align-items: center;
+    background-color: transparent;
+    display: flex;
+    gap: 0.25rem;
+    text-align: left;
+    width: 100%;
+
+    &:hover,
+    &:hover.is-selected {
+      background-color: var(--gray-3);
+    }
+
+    &.is-selected {
+      background-color: var(--gray-2);
+    }
+
+    img {
+      height: 1em;
+      width: 1em;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/Emoji/Vue/index.html b/demos/src/Nodes/Emoji/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Emoji/Vue/index.vue b/demos/src/Nodes/Emoji/Vue/index.vue
new file mode 100644
index 0000000..e534520
--- /dev/null
+++ b/demos/src/Nodes/Emoji/Vue/index.vue
@@ -0,0 +1,92 @@
+<template>
+  <div class="control-group">
+    <div class="button-group">
+      <button @click="editor.chain().focus().setEmoji('zap').run()">Insert ⚡</button>
+    </div>
+  </div>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import Emoji, { gitHubEmojis } from '@tiptap/extension-emoji'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+import { defineComponent } from 'vue'
+
+import suggestion from './suggestion.js'
+
+export default defineComponent({
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        StarterKit,
+        Emoji.configure({
+          emojis: gitHubEmojis,
+          enableEmoticons: true,
+          suggestion,
+        }),
+      ],
+      content: `
+        <p>
+          These <span data-type="emoji" data-name="smiley"></span>
+          are <span data-type="emoji" data-name="fire"></span>
+          some <span data-type="emoji" data-name="smiley_cat"></span>
+          emojis <span data-type="emoji" data-name="exploding_head"></span>
+          rendered <span data-type="emoji" data-name="ghost"></span>
+          as <span data-type="emoji" data-name="massage"></span>
+          inline <span data-type="emoji" data-name="v"></span>
+          nodes.
+        </p>
+        <p>
+          Type <code>:</code> to open the autocomplete.
+        </p>
+        <p>
+          Even <span data-type="emoji" data-name="octocat"></span>
+          custom <span data-type="emoji" data-name="trollface"></span>
+          emojis <span data-type="emoji" data-name="neckbeard"></span>
+          are <span data-type="emoji" data-name="rage1"></span>
+          supported.
+        </p>
+        <p>
+          And unsupported emojis (without a fallback image) are rendered as just the shortcode <span data-type="emoji" data-name="this_does_not_exist"></span>.
+        </p>
+        <pre><code>In code blocks all emojis are rendered as plain text. 👩‍💻👨‍💻</code></pre>
+        <p>
+          There is also support for emoticons. Try typing <code><3</code>.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+})
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  // Emoji extension styles
+  [data-type='emoji'] {
+    img {
+      height: 1em;
+      width: 1em;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/Emoji/Vue/suggestion.js b/demos/src/Nodes/Emoji/Vue/suggestion.js
new file mode 100644
index 0000000..a04e49c
--- /dev/null
+++ b/demos/src/Nodes/Emoji/Vue/suggestion.js
@@ -0,0 +1,66 @@
+import { VueRenderer } from '@tiptap/vue'
+
+import { updatePosition } from '../../../utils/updatePosition.js'
+import EmojiList from './EmojiList.vue'
+
+export default {
+  items: ({ editor, query }) => {
+    return editor.storage.emoji.emojis
+      .filter(({ shortcodes, tags }) => {
+        return (
+          shortcodes.find(shortcode => shortcode.startsWith(query.toLowerCase())) ||
+          tags.find(tag => tag.startsWith(query.toLowerCase()))
+        )
+      })
+      .slice(0, 5)
+  },
+
+  render: () => {
+    let component
+
+    function repositionComponent(editor) {
+      updatePosition({
+        editor,
+        element: component?.element,
+        placement: 'bottom-start',
+        strategy: 'absolute',
+        middleware: [],
+      })
+    }
+
+    return {
+      onStart: props => {
+        component = new VueRenderer(EmojiList, {
+          props,
+          editor: props.editor,
+        })
+
+        document.body.appendChild(component.element)
+        repositionComponent(props.editor)
+      },
+
+      onUpdate(props) {
+        component.updateProps(props)
+        repositionComponent(props.editor)
+      },
+
+      onKeyDown(props) {
+        if (props.event.key === 'Escape') {
+          document.body.removeChild(component.element)
+          component.destroy()
+
+          return true
+        }
+
+        return component.ref?.onKeyDown(props)
+      },
+
+      onExit() {
+        if (document.body.contains(component.element)) {
+          document.body.removeChild(component.element)
+        }
+        component.destroy()
+      },
+    }
+  },
+}
diff --git a/demos/src/Nodes/Emoji/index.spec.ts b/demos/src/Nodes/Emoji/index.spec.ts
new file mode 100644
index 0000000..ff22e2e
--- /dev/null
+++ b/demos/src/Nodes/Emoji/index.spec.ts
@@ -0,0 +1,80 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'Emoji'
+const frameworkPaths = ['React']
+const demoPath = '/src/Nodes'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p></p>')
+        const editor = await getEditor(page)
+        await editor.click()
+      })
+
+      test('inserts :smile: via typing', async ({ page }) => {
+        await page.keyboard.type(':smile:')
+        await expect(page.locator('.tiptap [data-type="emoji"][data-name="smile"]')).toHaveCount(1)
+      })
+
+      test('insert button inserts an emoji node', async ({ page }) => {
+        await page.getByRole('button', { name: 'Insert ⚡' }).click()
+        await expect(page.locator('.tiptap [data-type="emoji"][data-name="zap"]')).toHaveCount(1)
+      })
+
+      test('arrow left navigates past emoji at start of paragraph', async ({ page }) => {
+        // Set content with an emoji at the start followed by text
+        await setEditorContent(
+          page,
+          '<p><span data-type="emoji" data-name="smile">😄</span>hello</p>',
+        )
+        const editor = await getEditor(page)
+
+        // Place cursor right after the emoji (before "hello")
+        await editor.click()
+        await page.keyboard.press('Home')
+        await page.keyboard.press('ArrowRight')
+
+        // Now press ArrowLeft — cursor should move before the emoji (position 0)
+        await page.keyboard.press('ArrowLeft')
+
+        // Type a character to verify cursor is at position 0 (before emoji)
+        await page.keyboard.type('X')
+
+        // The "X" should appear before the emoji
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toMatch(/X.*data-type="emoji"/)
+      })
+
+      test('arrow right navigates past emoji node', async ({ page }) => {
+        // Set content with text followed by an emoji
+        await setEditorContent(
+          page,
+          '<p>hi<span data-type="emoji" data-name="zap">⚡</span>there</p>',
+        )
+        const editor = await getEditor(page)
+
+        // Place cursor at start and move right past "hi" to be just before the emoji
+        await editor.click()
+        await page.keyboard.press('Home')
+        await page.keyboard.press('ArrowRight')
+        await page.keyboard.press('ArrowRight')
+
+        // Now press ArrowRight — cursor should skip over the emoji
+        await page.keyboard.press('ArrowRight')
+
+        // Type a character to verify cursor is after the emoji (before "there")
+        await page.keyboard.type('Y')
+
+        const html = await editor.evaluate((el: any) => el.editor.getHTML())
+        expect(html).toMatch(/data-type="emoji".*Y.*there/)
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/HardBreak/React/index.html b/demos/src/Nodes/HardBreak/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/HardBreak/React/index.jsx b/demos/src/Nodes/HardBreak/React/index.jsx
new file mode 100644
index 0000000..10215a9
--- /dev/null
+++ b/demos/src/Nodes/HardBreak/React/index.jsx
@@ -0,0 +1,43 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, HardBreak],
+    content: `
+        <p>
+          This<br>
+          is<br>
+          a<br>
+          single<br>
+          paragraph<br>
+          with<br>
+          line<br>
+          breaks.
+        </p>
+      `,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button onClick={() => editor.chain().focus().setHardBreak().run()}>
+            Set hard break
+          </button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/HardBreak/React/styles.scss b/demos/src/Nodes/HardBreak/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Nodes/HardBreak/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Nodes/HardBreak/Vue/index.html b/demos/src/Nodes/HardBreak/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/HardBreak/Vue/index.vue b/demos/src/Nodes/HardBreak/Vue/index.vue
new file mode 100644
index 0000000..e19912a
--- /dev/null
+++ b/demos/src/Nodes/HardBreak/Vue/index.vue
@@ -0,0 +1,61 @@
+<template>
+  <div v-if="editor" class="container">
+    <div className="control-group">
+      <div className="button-group">
+        <button @click="editor.chain().focus().setHardBreak().run()">Set hard break</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, HardBreak],
+      content: `
+        <p>
+          This<br>
+          is<br>
+          a<br>
+          single<br>
+          paragraph<br>
+          with<br>
+          line<br>
+          breaks.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Nodes/HardBreak/index.spec.ts b/demos/src/Nodes/HardBreak/index.spec.ts
new file mode 100644
index 0000000..20337c9
--- /dev/null
+++ b/demos/src/Nodes/HardBreak/index.spec.ts
@@ -0,0 +1,64 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'HardBreak'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Nodes'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+      })
+
+      test('parses hard breaks correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p>Example<br>Text</p>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p>Example<br>Text</p>')
+      })
+
+      test('parses hard breaks with self-closing tag', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p>Example<br />Text</p>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p>Example<br>Text</p>')
+      })
+
+      test('button adds a line break', async ({ page }) => {
+        await expect(page.locator('.tiptap br')).toHaveCount(0)
+        await page.locator('button').first().click()
+        const count = await page.locator('.tiptap br').count()
+        expect(count).toBeGreaterThan(0)
+      })
+
+      test('Shift+Enter adds a line break', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.click()
+        await page.keyboard.press('Shift+Enter')
+        const count = await page.locator('.tiptap br').count()
+        expect(count).toBeGreaterThan(0)
+      })
+
+      test('Mod+Enter adds a line break', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.click()
+        await page.keyboard.press(`${mod}+Enter`)
+        const count = await page.locator('.tiptap br').count()
+        expect(count).toBeGreaterThan(0)
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/Heading/React/index.html b/demos/src/Nodes/Heading/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Heading/React/index.jsx b/demos/src/Nodes/Heading/React/index.jsx
new file mode 100644
index 0000000..bd9e588
--- /dev/null
+++ b/demos/src/Nodes/Heading/React/index.jsx
@@ -0,0 +1,68 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Heading.configure({
+        levels: [1, 2, 3],
+      }),
+    ],
+    content: `
+        <h1>This is a 1st level heading</h1>
+        <h2>This is a 2nd level heading</h2>
+        <h3>This is a 3rd level heading</h3>
+        <h4>This 4th level heading will be converted to a paragraph, because levels are configured to be only 1, 2 or 3.</h4>
+      `,
+  })
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => ({
+      isHeading1: ctx.editor.isActive('heading', { level: 1 }) ?? false,
+      isHeading2: ctx.editor.isActive('heading', { level: 2 }) ?? false,
+      isHeading3: ctx.editor.isActive('heading', { level: 3 }) ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
+            className={editorState.isHeading1 ? 'is-active' : ''}
+          >
+            H1
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+            className={editorState.isHeading2 ? 'is-active' : ''}
+          >
+            H2
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}
+            className={editorState.isHeading3 ? 'is-active' : ''}
+          >
+            H3
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/Heading/React/styles.scss b/demos/src/Nodes/Heading/React/styles.scss
new file mode 100644
index 0000000..4655151
--- /dev/null
+++ b/demos/src/Nodes/Heading/React/styles.scss
@@ -0,0 +1,42 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+}
diff --git a/demos/src/Nodes/Heading/Vue/index.html b/demos/src/Nodes/Heading/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Heading/Vue/index.vue b/demos/src/Nodes/Heading/Vue/index.vue
new file mode 100644
index 0000000..31dc85d
--- /dev/null
+++ b/demos/src/Nodes/Heading/Vue/index.vue
@@ -0,0 +1,115 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }"
+        >
+          H1
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }"
+        >
+          H2
+        </button>
+        <button
+          @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
+          :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }"
+        >
+          H3
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Heading.configure({
+          levels: [1, 2, 3],
+        }),
+      ],
+      content: `
+        <h1>This is a 1st level heading</h1>
+        <h2>This is a 2nd level heading</h2>
+        <h3>This is a 3rd level heading</h3>
+        <h4>This 4th level heading will be converted to a paragraph, because levels are configured to be only 1, 2 or 3.</h4>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+}
+</style>
diff --git a/demos/src/Nodes/Heading/index.spec.ts b/demos/src/Nodes/Heading/index.spec.ts
new file mode 100644
index 0000000..4472d4f
--- /dev/null
+++ b/demos/src/Nodes/Heading/index.spec.ts
@@ -0,0 +1,81 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'Heading'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Nodes'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+const headings = ['<h1>Example Text</h1>', '<h2>Example Text</h2>', '<h3>Example Text</h3>']
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      headings.forEach(html => {
+        test(`parses ${html} correctly`, async ({ page }) => {
+          const editor = await getEditor(page)
+          const result = await editor.evaluate((el: any, content: string) => {
+            el.editor.commands.setContent(content)
+            return el.editor.getHTML()
+          }, html)
+          expect(result).toBe(html)
+        })
+      })
+
+      test('omits disabled heading levels', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<h4>Example Text</h4>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p>Example Text</p>')
+      })
+      ;[1, 2, 3].forEach(level => {
+        test(`button makes selected line h${level}`, async ({ page }) => {
+          await page
+            .locator('button')
+            .nth(level - 1)
+            .click()
+          await expect(page.locator(`.tiptap h${level}`)).toContainText('Example Text')
+        })
+
+        test(`keyboard shortcut makes paragraph h${level}`, async ({ page }) => {
+          const editor = await getEditor(page)
+          await editor.evaluate((el: any) => {
+            el.editor.commands.focus()
+            el.editor.commands.selectAll()
+          })
+          await editor.press(`${mod}+Alt+${level}`)
+          await expect(page.locator(`.tiptap h${level}`)).toContainText('Example Text')
+        })
+
+        test(`creates h${level} from markdown shortcut`, async ({ page }) => {
+          const editor = await getEditor(page)
+          await editor.evaluate((el: any) => el.editor.commands.clearContent())
+          await editor.click()
+          await page.keyboard.type(`${'#'.repeat(level)} Headline`)
+          await expect(page.locator(`.tiptap h${level}`)).toContainText('Headline')
+        })
+      })
+
+      test('button toggles the heading', async ({ page }) => {
+        await page.locator('button').nth(0).click()
+        await expect(page.locator('.tiptap h1')).toContainText('Example Text')
+        await page.locator('button').nth(0).click()
+        await expect(page.locator('.tiptap h1')).toHaveCount(0)
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/HorizontalRule/React/index.html b/demos/src/Nodes/HorizontalRule/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/HorizontalRule/React/index.jsx b/demos/src/Nodes/HorizontalRule/React/index.jsx
new file mode 100644
index 0000000..a7cbed7
--- /dev/null
+++ b/demos/src/Nodes/HorizontalRule/React/index.jsx
@@ -0,0 +1,39 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import HorizontalRule from '@tiptap/extension-horizontal-rule'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, HorizontalRule],
+    content: `
+        <p>This is a paragraph.</p>
+        <hr>
+        <p>And this is another paragraph.</p>
+        <hr>
+        <p>But between those paragraphs are horizontal rules.</p>
+      `,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button onClick={() => editor.chain().focus().setHorizontalRule().run()}>
+            Set horizontal rule
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/HorizontalRule/React/styles.scss b/demos/src/Nodes/HorizontalRule/React/styles.scss
new file mode 100644
index 0000000..4f89805
--- /dev/null
+++ b/demos/src/Nodes/HorizontalRule/React/styles.scss
@@ -0,0 +1,16 @@
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    cursor: pointer;
+    margin: 2rem 0;
+
+    &.ProseMirror-selectednode {
+      border-top: 1px solid var(--purple);
+    }
+  }
+}
diff --git a/demos/src/Nodes/HorizontalRule/Vue/index.html b/demos/src/Nodes/HorizontalRule/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/HorizontalRule/Vue/index.vue b/demos/src/Nodes/HorizontalRule/Vue/index.vue
new file mode 100644
index 0000000..172e7f2
--- /dev/null
+++ b/demos/src/Nodes/HorizontalRule/Vue/index.vue
@@ -0,0 +1,69 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button @click="editor.chain().focus().setHorizontalRule().run()">
+          Set horizontal rule
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import HorizontalRule from '@tiptap/extension-horizontal-rule'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, HorizontalRule],
+      content: `
+        <p>This is a paragraph.</p>
+        <hr>
+        <p>And this is another paragraph.</p>
+        <hr>
+        <p>But between those paragraphs are horizontal rules.</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    cursor: pointer;
+    margin: 2rem 0;
+
+    &.ProseMirror-selectednode {
+      border-top: 1px solid var(--purple);
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/HorizontalRule/index.spec.ts b/demos/src/Nodes/HorizontalRule/index.spec.ts
new file mode 100644
index 0000000..f3a5eab
--- /dev/null
+++ b/demos/src/Nodes/HorizontalRule/index.spec.ts
@@ -0,0 +1,79 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'HorizontalRule'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Nodes'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+      })
+
+      test('parses horizontal rules correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p>Example Text</p><hr>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p>Example Text</p><hr>')
+      })
+
+      test('parses horizontal rules with self-closing tag', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p>Example Text</p><hr />')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<p>Example Text</p><hr>')
+      })
+
+      test('button adds a horizontal rule', async ({ page }) => {
+        await expect(page.locator('.tiptap hr')).toHaveCount(0)
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap hr')).toHaveCount(1)
+      })
+
+      test('markdown shortcut --- adds a horizontal rule', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('---')
+        await expect(page.locator('.tiptap hr')).toHaveCount(1)
+      })
+
+      test('markdown shortcut ___ adds a horizontal rule', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('___ ')
+        await expect(page.locator('.tiptap hr')).toHaveCount(1)
+      })
+
+      test('replaces selection correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html1 = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p>Example Text</p><p>Example Text</p>')
+          el.editor.commands.setTextSelection({ from: 0, to: 15 })
+          el.editor.commands.setHorizontalRule()
+          return el.editor.getHTML()
+        })
+        expect(html1).toBe('<hr><p>Example Text</p>')
+
+        const html2 = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<p>Example Text</p><p>Example Text</p>')
+          el.editor.commands.setTextSelection({ from: 13, to: 15 })
+          el.editor.commands.setHorizontalRule()
+          return el.editor.getHTML()
+        })
+        expect(html2).toBe('<p>Example Text</p><hr><p>Example Text</p>')
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/Image/React/index.html b/demos/src/Nodes/Image/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Image/React/index.jsx b/demos/src/Nodes/Image/React/index.jsx
new file mode 100644
index 0000000..1ae8b12
--- /dev/null
+++ b/demos/src/Nodes/Image/React/index.jsx
@@ -0,0 +1,43 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import { useCallback } from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, Image, Dropcursor],
+    content: `
+        <p>This is a basic example of implementing images. Drag to re-order.</p>
+        <img src="https://placehold.co/600x400" />
+        <img src="https://placehold.co/800x400" />
+      `,
+  })
+
+  const addImage = useCallback(() => {
+    const url = window.prompt('URL')
+
+    if (url) {
+      editor.chain().focus().setImage({ src: url }).run()
+    }
+  }, [editor])
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button onClick={addImage}>Set image</button>
+        </div>
+      </div>
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/Image/React/styles.scss b/demos/src/Nodes/Image/React/styles.scss
new file mode 100644
index 0000000..51aa105
--- /dev/null
+++ b/demos/src/Nodes/Image/React/styles.scss
@@ -0,0 +1,17 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
diff --git a/demos/src/Nodes/Image/Vue/index.html b/demos/src/Nodes/Image/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Image/Vue/index.vue b/demos/src/Nodes/Image/Vue/index.vue
new file mode 100644
index 0000000..0678e66
--- /dev/null
+++ b/demos/src/Nodes/Image/Vue/index.vue
@@ -0,0 +1,76 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button @click="addImage">Set image</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  methods: {
+    addImage() {
+      const url = window.prompt('URL')
+
+      if (url) {
+        this.editor.chain().focus().setImage({ src: url }).run()
+      }
+    },
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, Image, Dropcursor],
+      content: `
+        <p>This is a basic example of implementing images. Drag to re-order.</p>
+        <img src="https://placehold.co/600x400" />
+        <img src="https://placehold.co/800x400" />
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  img {
+    display: block;
+    height: auto;
+    margin: 1.5rem 0;
+    max-width: 100%;
+
+    &.ProseMirror-selectednode {
+      outline: 3px solid var(--purple);
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/ListItem/React/index.html b/demos/src/Nodes/ListItem/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/ListItem/React/index.jsx b/demos/src/Nodes/ListItem/React/index.jsx
new file mode 100644
index 0000000..76f2b76
--- /dev/null
+++ b/demos/src/Nodes/ListItem/React/index.jsx
@@ -0,0 +1,90 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import { BulletList, ListItem, OrderedList } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, BulletList, OrderedList, ListItem],
+    content: `
+        <p>
+          I like lists. Let’s add one:
+        </p>
+        <ul>
+          <li>This is a bullet list.</li>
+          <li>And it has three list items.</li>
+          <li>Here is the third one.</li>
+        </ul>
+        <p>
+          Do you want to see one more? I bet! Here is another one:
+        </p>
+        <ol>
+          <li>That’s a different list, actually it’s an ordered list.</li>
+          <li>It also has three list items.</li>
+          <li>And all of them are numbered.</li>
+        </ol>
+        <p>
+          Lists would be nothing without list items.
+        </p>
+      `,
+  })
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => ({
+      isBulletList: ctx.editor.isActive('bulletList') ?? false,
+      isOrderedList: ctx.editor.isActive('orderedList') ?? false,
+      canSplitListItem: ctx.editor.can().splitListItem('listItem') ?? false,
+      canSinkListItem: ctx.editor.can().sinkListItem('listItem') ?? false,
+      canLiftListItem: ctx.editor.can().liftListItem('listItem') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleBulletList().run()}
+            className={editorState.isBulletList ? 'is-active' : ''}
+          >
+            Toggle bullet list
+          </button>
+          <button
+            onClick={() => editor.chain().focus().toggleOrderedList().run()}
+            className={editorState.isOrderedList ? 'is-active' : ''}
+          >
+            Toggle ordered list
+          </button>
+          <button
+            onClick={() => editor.chain().focus().splitListItem('listItem').run()}
+            disabled={!editorState.canSplitListItem}
+          >
+            Split list item
+          </button>
+          <button
+            onClick={() => editor.chain().focus().sinkListItem('listItem').run()}
+            disabled={!editorState.canSinkListItem}
+          >
+            Sink list item
+          </button>
+          <button
+            onClick={() => editor.chain().focus().liftListItem('listItem').run()}
+            disabled={!editorState.canLiftListItem}
+          >
+            Lift list item
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/ListItem/React/styles.scss b/demos/src/Nodes/ListItem/React/styles.scss
new file mode 100644
index 0000000..95fe10c
--- /dev/null
+++ b/demos/src/Nodes/ListItem/React/styles.scss
@@ -0,0 +1,18 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+}
diff --git a/demos/src/Nodes/ListItem/Vue/index.html b/demos/src/Nodes/ListItem/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/ListItem/Vue/index.vue b/demos/src/Nodes/ListItem/Vue/index.vue
new file mode 100644
index 0000000..2586739
--- /dev/null
+++ b/demos/src/Nodes/ListItem/Vue/index.vue
@@ -0,0 +1,111 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleBulletList().run()"
+          :class="{ 'is-active': editor.isActive('bulletList') }"
+        >
+          Toggle bullet list
+        </button>
+        <button
+          @click="editor.chain().focus().toggleOrderedList().run()"
+          :class="{ 'is-active': editor.isActive('orderedList') }"
+        >
+          Toggle ordered list
+        </button>
+        <button
+          @click="editor.chain().focus().splitListItem('listItem').run()"
+          :disabled="!editor.can().splitListItem('listItem')"
+        >
+          Split list item
+        </button>
+        <button
+          @click="editor.chain().focus().sinkListItem('listItem').run()"
+          :disabled="!editor.can().sinkListItem('listItem')"
+        >
+          Sink list item
+        </button>
+        <button
+          @click="editor.chain().focus().liftListItem('listItem').run()"
+          :disabled="!editor.can().liftListItem('listItem')"
+        >
+          Lift list item
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import { BulletList, ListItem, OrderedList } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, BulletList, OrderedList, ListItem],
+      content: `
+        <p>
+          I like lists. Let’s add one:
+        </p>
+        <ul>
+          <li>This is a bullet list.</li>
+          <li>And it has three list items.</li>
+          <li>Here is the third one.</li>
+        </ul>
+        <p>
+          Do you want to see one more? I bet! Here is another one:
+        </p>
+        <ol>
+          <li>That’s a different list, actually it’s an ordered list.</li>
+          <li>It also has three list items.</li>
+          <li>And all of them are numbered.</li>
+        </ol>
+        <p>
+          Lists would be nothing without list items.
+        </p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/ListItem/index.spec.ts b/demos/src/Nodes/ListItem/index.spec.ts
new file mode 100644
index 0000000..dbff954
--- /dev/null
+++ b/demos/src/Nodes/ListItem/index.spec.ts
@@ -0,0 +1,48 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'ListItem'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Nodes'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<ul><li>Example Text</li></ul>')
+        const editor = await getEditor(page)
+        await editor.click()
+        await editor.evaluate((el: any) => el.editor.commands.focus('end'))
+      })
+
+      test('adds a new list item on Enter', async ({ page }) => {
+        const editor = await getEditor(page)
+        await page.keyboard.press('Enter')
+        await editor.type('2nd Item')
+        await expect(page.locator('.tiptap li').nth(0)).toContainText('Example Text')
+        await expect(page.locator('.tiptap li').nth(1)).toContainText('2nd Item')
+      })
+
+      test('sinks the list item on Tab', async ({ page }) => {
+        const editor = await getEditor(page)
+        await page.keyboard.press('Enter')
+        await page.keyboard.press('Tab')
+        await editor.type('2nd Level')
+        await expect(page.locator('.tiptap li:nth-child(1) li')).toContainText('2nd Level')
+      })
+
+      test('lifts the list item on Shift+Tab', async ({ page }) => {
+        const editor = await getEditor(page)
+        await page.keyboard.press('Enter')
+        await page.keyboard.press('Tab')
+        await page.keyboard.press('Shift+Tab')
+        await editor.type('1st Level')
+        await expect(page.locator('.tiptap li').nth(1)).toContainText('1st Level')
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/Mention/React/MentionList.jsx b/demos/src/Nodes/Mention/React/MentionList.jsx
new file mode 100644
index 0000000..4686906
--- /dev/null
+++ b/demos/src/Nodes/Mention/React/MentionList.jsx
@@ -0,0 +1,75 @@
+import './MentionList.scss'
+
+import React, { useEffect, useImperativeHandle, useState } from 'react'
+
+export default props => {
+  const [selectedIndex, setSelectedIndex] = useState(0)
+
+  const selectItem = index => {
+    const item = props.items[index]
+
+    if (item) {
+      props.command({ id: item })
+    }
+  }
+
+  const upHandler = () => {
+    setSelectedIndex((selectedIndex + props.items.length - 1) % props.items.length)
+  }
+
+  const downHandler = () => {
+    setSelectedIndex((selectedIndex + 1) % props.items.length)
+  }
+
+  const enterHandler = () => {
+    selectItem(selectedIndex)
+  }
+
+  useEffect(() => setSelectedIndex(0), [props.items])
+
+  useImperativeHandle(props.ref, () => ({
+    onKeyDown: ({ event }) => {
+      if (event.key === 'ArrowUp') {
+        upHandler()
+        return true
+      }
+
+      if (event.key === 'ArrowDown') {
+        downHandler()
+        return true
+      }
+
+      if (event.key === 'Enter') {
+        enterHandler()
+        return true
+      }
+
+      return false
+    },
+  }))
+
+  let content
+
+  if (props.loading) {
+    content = (
+      <div className="item loading">
+        <span className="loading-dot" />
+        Loading…
+      </div>
+    )
+  } else if (props.items.length) {
+    content = props.items.map((item, index) => (
+      <button
+        className={index === selectedIndex ? 'is-selected' : ''}
+        key={index}
+        onClick={() => selectItem(index)}
+      >
+        {item}
+      </button>
+    ))
+  } else {
+    content = <div className="item">No result</div>
+  }
+
+  return <div className="dropdown-menu">{content}</div>
+}
diff --git a/demos/src/Nodes/Mention/React/MentionList.scss b/demos/src/Nodes/Mention/React/MentionList.scss
new file mode 100644
index 0000000..945b091
--- /dev/null
+++ b/demos/src/Nodes/Mention/React/MentionList.scss
@@ -0,0 +1,63 @@
+/* Dropdown menu */
+.dropdown-menu {
+  background: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  overflow: auto;
+  padding: 0.4rem;
+  position: relative;
+
+  button {
+    align-items: center;
+    background-color: transparent;
+    display: flex;
+    gap: 0.25rem;
+    text-align: left;
+    width: 100%;
+
+    &:hover,
+    &:hover.is-selected {
+      background-color: var(--gray-3);
+    }
+
+    &.is-selected {
+      background-color: var(--gray-2);
+    }
+  }
+
+  .item {
+    &.loading {
+      align-items: center;
+      display: flex;
+      gap: 0.5rem;
+      padding: 0.25rem 0.5rem;
+    }
+  }
+}
+
+/* Loading dot animation */
+.loading-dot {
+  animation: loading-pulse 1.2s ease-in-out infinite;
+  background-color: var(--gray-4);
+  border-radius: 50%;
+  display: inline-block;
+  height: 0.5rem;
+  width: 0.5rem;
+}
+
+@keyframes loading-pulse {
+  0%,
+  80%,
+  100% {
+    opacity: 0.3;
+    transform: scale(0.8);
+  }
+  40% {
+    opacity: 1;
+    transform: scale(1.2);
+  }
+}
diff --git a/demos/src/Nodes/Mention/React/index.html b/demos/src/Nodes/Mention/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Mention/React/index.jsx b/demos/src/Nodes/Mention/React/index.jsx
new file mode 100644
index 0000000..8d40a8d
--- /dev/null
+++ b/demos/src/Nodes/Mention/React/index.jsx
@@ -0,0 +1,39 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Mention from '@tiptap/extension-mention'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+import suggestion from './suggestion.js'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Mention.configure({
+        HTMLAttributes: {
+          class: 'mention',
+        },
+        suggestion,
+      }),
+    ],
+    content: `
+        <p>Hi everyone! Don’t forget the daily stand up at 8 AM.</p>
+        <p><span data-type="mention" data-id="Jennifer Grey"></span> Would you mind to share what you’ve been working on lately? We fear not much happened since Dirty Dancing.
+        <p><span data-type="mention" data-id="Winona Ryder"></span> <span data-type="mention" data-id="Axl Rose"></span> Let’s go through your most important points quickly.</p>
+        <p>I have a meeting with <span data-type="mention" data-id="Christina Applegate"></span> and don’t want to come late.</p>
+        <p>– Thanks, your big boss</p>
+      `,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Nodes/Mention/React/styles.scss b/demos/src/Nodes/Mention/React/styles.scss
new file mode 100644
index 0000000..10fcd73
--- /dev/null
+++ b/demos/src/Nodes/Mention/React/styles.scss
@@ -0,0 +1,17 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  .mention {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    color: var(--purple);
+    padding: 0.1rem 0.3rem;
+    &::after {
+      content: '\200B';
+    }
+  }
+}
diff --git a/demos/src/Nodes/Mention/React/suggestion.js b/demos/src/Nodes/Mention/React/suggestion.js
new file mode 100644
index 0000000..49dfa7b
--- /dev/null
+++ b/demos/src/Nodes/Mention/React/suggestion.js
@@ -0,0 +1,103 @@
+import { ReactRenderer } from '@tiptap/react'
+
+import { updatePosition } from '../../../utils/updatePosition.js'
+import MentionList from './MentionList.jsx'
+
+const allItems = [
+  'Lea Thompson',
+  'Cyndi Lauper',
+  'Tom Cruise',
+  'Madonna',
+  'Jerry Hall',
+  'Joan Collins',
+  'Winona Ryder',
+  'Christina Applegate',
+  'Alyssa Milano',
+  'Molly Ringwald',
+  'Ally Sheedy',
+  'Debbie Harry',
+  'Olivia Newton-John',
+  'Elton John',
+  'Michael J. Fox',
+  'Axl Rose',
+  'Emilio Estevez',
+  'Ralph Macchio',
+  'Rob Lowe',
+  'Jennifer Grey',
+  'Mickey Rourke',
+  'John Cusack',
+  'Matthew Broderick',
+  'Justine Bateman',
+  'Lisa Bonet',
+]
+
+export default {
+  items: async ({ query, signal }) => {
+    // Simulate an async API call
+    await new Promise(resolve => {
+      setTimeout(resolve, 300)
+    })
+
+    // Bail out if the request was aborted (e.g. user kept typing or closed the popup)
+    if (signal.aborted) {
+      return []
+    }
+
+    // find items that include this character query
+    return allItems.filter(item => item.toLowerCase().includes(query.toLowerCase())).slice(0, 5)
+  },
+
+  minQueryLength: 2,
+
+  debounce: 300,
+
+  initialItems: ['Lea Thompson', 'Cyndi Lauper', 'Tom Cruise'],
+
+  render: () => {
+    let component
+
+    return {
+      onStart: props => {
+        component = new ReactRenderer(MentionList, {
+          props,
+          editor: props.editor,
+        })
+
+        if (!props.clientRect) {
+          return
+        }
+
+        component.element.style.position = 'absolute'
+
+        document.body.appendChild(component.element)
+
+        updatePosition({ editor: props.editor, element: component.element })
+      },
+
+      onUpdate(props) {
+        component.updateProps(props)
+
+        if (!props.clientRect) {
+          return
+        }
+
+        updatePosition({ editor: props.editor, element: component.element })
+      },
+
+      onKeyDown(props) {
+        if (props.event.key === 'Escape') {
+          component.destroy()
+
+          return true
+        }
+
+        return component.ref?.onKeyDown(props)
+      },
+
+      onExit() {
+        component.element.remove()
+        component.destroy()
+      },
+    }
+  },
+}
diff --git a/demos/src/Nodes/Mention/Vue/MentionList.vue b/demos/src/Nodes/Mention/Vue/MentionList.vue
new file mode 100644
index 0000000..a3f9205
--- /dev/null
+++ b/demos/src/Nodes/Mention/Vue/MentionList.vue
@@ -0,0 +1,159 @@
+<template>
+  <div class="dropdown-menu">
+    <div v-if="loading" class="item loading">
+      <span class="loading-dot" />
+      Loading…
+    </div>
+    <template v-else-if="items.length">
+      <button
+        :class="{ 'is-selected': index === selectedIndex }"
+        v-for="(item, index) in items"
+        :key="index"
+        @click="selectItem(index)"
+      >
+        {{ item }}
+      </button>
+    </template>
+    <div class="item" v-else>No result</div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    items: {
+      type: Array,
+      required: true,
+    },
+
+    command: {
+      type: Function,
+      required: true,
+    },
+
+    loading: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data() {
+    return {
+      selectedIndex: 0,
+    }
+  },
+
+  watch: {
+    items() {
+      this.selectedIndex = 0
+    },
+  },
+
+  methods: {
+    onKeyDown({ event }) {
+      if (event.key === 'ArrowUp') {
+        this.upHandler()
+        return true
+      }
+
+      if (event.key === 'ArrowDown') {
+        this.downHandler()
+        return true
+      }
+
+      if (event.key === 'Enter') {
+        this.enterHandler()
+        return true
+      }
+
+      return false
+    },
+
+    upHandler() {
+      this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length
+    },
+
+    downHandler() {
+      this.selectedIndex = (this.selectedIndex + 1) % this.items.length
+    },
+
+    enterHandler() {
+      this.selectItem(this.selectedIndex)
+    },
+
+    selectItem(index) {
+      const item = this.items[index]
+
+      if (item) {
+        this.command({ id: item })
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+/* Dropdown menu */
+.dropdown-menu {
+  background: var(--white);
+  border: 1px solid var(--gray-1);
+  border-radius: 0.7rem;
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+  overflow: auto;
+  padding: 0.4rem;
+  position: relative;
+
+  button {
+    align-items: center;
+    background-color: transparent;
+    display: flex;
+    gap: 0.25rem;
+    text-align: left;
+    width: 100%;
+
+    &:hover,
+    &:hover.is-selected {
+      background-color: var(--gray-3);
+    }
+
+    &.is-selected {
+      background-color: var(--gray-2);
+    }
+  }
+
+  .item {
+    &.loading {
+      align-items: center;
+      display: flex;
+      gap: 0.5rem;
+      padding: 0.25rem 0.5rem;
+    }
+  }
+}
+
+/* Loading dot animation */
+.loading-dot {
+  animation: loading-pulse 1.2s ease-in-out infinite;
+  background-color: var(--gray-4);
+  border-radius: 50%;
+  display: inline-block;
+  height: 0.5rem;
+  width: 0.5rem;
+}
+
+@keyframes loading-pulse {
+  0%,
+  80%,
+  100% {
+    opacity: 0.3;
+    transform: scale(0.8);
+  }
+  40% {
+    opacity: 1;
+    transform: scale(1.2);
+  }
+}
+</style>
diff --git a/demos/src/Nodes/Mention/Vue/index.html b/demos/src/Nodes/Mention/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Mention/Vue/index.vue b/demos/src/Nodes/Mention/Vue/index.vue
new file mode 100644
index 0000000..340a8d9
--- /dev/null
+++ b/demos/src/Nodes/Mention/Vue/index.vue
@@ -0,0 +1,71 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Mention from '@tiptap/extension-mention'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+import suggestion from './suggestion.js'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Mention.configure({
+          HTMLAttributes: {
+            class: 'mention',
+          },
+          suggestion,
+        }),
+      ],
+      content: `
+        <p>Hi everyone! Don’t forget the daily stand up at 8 AM.</p>
+        <p><span data-type="mention" data-id="Jennifer Grey"></span> Would you mind to share what you’ve been working on lately? We fear not much happened since Dirty Dancing.
+        <p><span data-type="mention" data-id="Winona Ryder"></span> <span data-type="mention" data-id="Axl Rose"></span> Let’s go through your most important points quickly.</p>
+        <p>I have a meeting with <span data-type="mention" data-id="Christina Applegate"></span> and don’t want to come late.</p>
+        <p>– Thanks, your big boss</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  .mention {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    box-decoration-break: clone;
+    color: var(--purple);
+    padding: 0.1rem 0.3rem;
+  }
+}
+</style>
diff --git a/demos/src/Nodes/Mention/Vue/suggestion.js b/demos/src/Nodes/Mention/Vue/suggestion.js
new file mode 100644
index 0000000..3b1ec66
--- /dev/null
+++ b/demos/src/Nodes/Mention/Vue/suggestion.js
@@ -0,0 +1,106 @@
+import { VueRenderer } from '@tiptap/vue'
+
+import { updatePosition } from '../../../utils/updatePosition.js'
+import MentionList from './MentionList.vue'
+
+const allItems = [
+  'Lea Thompson',
+  'Cyndi Lauper',
+  'Tom Cruise',
+  'Madonna',
+  'Jerry Hall',
+  'Joan Collins',
+  'Winona Ryder',
+  'Christina Applegate',
+  'Alyssa Milano',
+  'Molly Ringwald',
+  'Ally Sheedy',
+  'Debbie Harry',
+  'Olivia Newton-John',
+  'Elton John',
+  'Michael J. Fox',
+  'Axl Rose',
+  'Emilio Estevez',
+  'Ralph Macchio',
+  'Rob Lowe',
+  'Jennifer Grey',
+  'Mickey Rourke',
+  'John Cusack',
+  'Matthew Broderick',
+  'Justine Bateman',
+  'Lisa Bonet',
+]
+
+export default {
+  items: async ({ query, signal }) => {
+    // Simulate an async API call
+    await new Promise(resolve => {
+      setTimeout(resolve, 300)
+    })
+
+    // Bail out if the request was aborted (e.g. user kept typing or closed the popup)
+    if (signal.aborted) {
+      return []
+    }
+
+    return allItems.filter(item => item.toLowerCase().startsWith(query.toLowerCase())).slice(0, 5)
+  },
+
+  minQueryLength: 2,
+
+  debounce: 300,
+
+  initialItems: ['Lea Thompson', 'Cyndi Lauper', 'Tom Cruise'],
+
+  render: () => {
+    let component
+
+    return {
+      onStart: props => {
+        if (component) {
+          component.destroy()
+        }
+
+        component = new VueRenderer(MentionList, {
+          props,
+          editor: props.editor,
+        })
+
+        if (!props.clientRect) {
+          return
+        }
+
+        component.element.style.position = 'absolute'
+
+        document.body.appendChild(component.element)
+
+        updatePosition({ editor: props.editor, element: component.element })
+      },
+
+      onUpdate(props) {
+        component.updateProps(props)
+
+        if (!props.clientRect) {
+          return
+        }
+
+        updatePosition({ editor: props.editor, element: component.element })
+      },
+
+      onKeyDown(props) {
+        if (props.event.key === 'Escape') {
+          component.destroy()
+
+          return true
+        }
+
+        return component.ref?.onKeyDown(props)
+      },
+
+      onExit() {
+        component.element.remove()
+        component.destroy()
+      },
+    }
+  },
+}
diff --git a/demos/src/Nodes/Mention/index.spec.ts b/demos/src/Nodes/Mention/index.spec.ts
new file mode 100644
index 0000000..c4d7bd1
--- /dev/null
+++ b/demos/src/Nodes/Mention/index.spec.ts
@@ -0,0 +1,172 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoPath = '/src/Nodes'
+const demoName = 'Mention'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  test.describe('React', () => {
+    const fullDemoPath = `${demoPath}/${demoName}/React/`
+
+    test.beforeEach(async ({ page }) => {
+      await page.goto(fullDemoPath)
+    })
+
+    test('inserts a mention', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) =>
+        el.editor.commands.setContent(
+          '<p><span data-type="mention" data-id="1" data-label="John Doe">@John Doe</span></p>',
+        ),
+      )
+      await expect(page.locator('.tiptap span.mention')).toHaveAttribute('data-id', '1')
+      await expect(page.locator('.tiptap span.mention')).toContainText('@John Doe')
+    })
+
+    test('opens a dropdown menu when @ is typed', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@')
+      await expect(page.locator('.dropdown-menu')).toBeVisible()
+    })
+
+    test('shows initial items in the dropdown menu', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@')
+      // With minQueryLength=2 and empty query, initialItems are shown immediately
+      await expect(page.locator('.dropdown-menu button')).toHaveCount(3)
+      await expect(page.locator('.dropdown-menu button').nth(0)).toContainText('Lea Thompson')
+      await expect(page.locator('.dropdown-menu button').nth(0)).toHaveClass(/is-selected/)
+    })
+
+    test('inserts Cyndi Lauper mention when clicked', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@')
+      await page.locator('.dropdown-menu button').nth(1).click()
+      await expect(page.locator('.tiptap span.mention')).toHaveAttribute('data-id', 'Cyndi Lauper')
+    })
+
+    test('closes the dropdown menu on Escape', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@')
+      await expect(page.locator('.dropdown-menu')).toBeVisible()
+      await page.keyboard.press('Escape')
+      await expect(page.locator('.dropdown-menu')).toHaveCount(0)
+    })
+
+    test('inserts Tom Cruise via arrow keys and Enter', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@')
+      await page.keyboard.press('ArrowDown')
+      await page.keyboard.press('ArrowDown')
+      await page.keyboard.press('Enter')
+      await expect(page.locator('.tiptap span.mention')).toHaveAttribute('data-id', 'Tom Cruise')
+    })
+
+    test('shows loading state while fetching then results', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      // Type a query that satisfies minQueryLength (>= 2 chars)
+      // '@al' matches both 'Alyssa Milano' and 'Ally Sheedy'
+      await page.keyboard.type('@al')
+      // Wait for async fetch to complete (debounce 300ms + fetch 300ms)
+      await expect(page.locator('.dropdown-menu button')).toHaveCount(5, { timeout: 2000 })
+      await expect(page.locator('.dropdown-menu button')).toContainText([
+        'Jerry Hall',
+        'Alyssa Milano',
+        'Molly Ringwald',
+        'Ally Sheedy',
+        'Ralph Macchio',
+      ])
+    })
+
+    test('shows "No result" for unknown query', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@nonexistent')
+      // Wait for async fetch to complete
+      await expect(page.locator('.dropdown-menu')).toContainText('No result', { timeout: 2000 })
+    })
+
+    test('filters to a single match for "@mado"', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@mado')
+      // Wait for async fetch to complete
+      await expect(page.locator('.dropdown-menu button')).toHaveCount(1, { timeout: 2000 })
+      await expect(page.locator('.dropdown-menu button').first()).toContainText('Madonna')
+    })
+
+    test('filters to a single match for "@molly"', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@molly')
+      // Wait for async fetch to complete
+      await expect(page.locator('.dropdown-menu button')).toHaveCount(1, { timeout: 2000 })
+      await expect(page.locator('.dropdown-menu button').first()).toContainText('Molly Ringwald')
+    })
+
+    test('inserts Madonna for "@mado" and Enter', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      await page.keyboard.type('@mado')
+      // Wait for async results to appear before pressing Enter
+      await expect(page.locator('.dropdown-menu button')).toHaveCount(1, { timeout: 2000 })
+      await page.keyboard.press('Enter')
+      await expect(page.locator('.tiptap span.mention')).toHaveAttribute('data-id', 'Madonna')
+    })
+
+    test('respects minQueryLength — short query shows initial items', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      // Type a single character (below minQueryLength=2) → shows initialItems, not filtered results
+      await page.keyboard.type('@a')
+      await expect(page.locator('.dropdown-menu button')).toHaveCount(3)
+      await expect(page.locator('.dropdown-menu button').first()).toContainText('Lea Thompson')
+    })
+
+    test('shows filtered results after reaching minQueryLength', async ({ page }) => {
+      const editor = await getEditor(page)
+      await editor.evaluate((el: any) => el.editor.commands.clearContent())
+      await editor.click()
+      // Start with short query (initial items)
+      await page.keyboard.type('@a')
+      await expect(page.locator('.dropdown-menu button')).toHaveCount(3)
+      // Extend query past minQueryLength → async fetch triggers
+      // '@al' matches both 'Alyssa Milano' and 'Ally Sheedy'
+      await page.keyboard.type('l')
+      await expect(page.locator('.dropdown-menu button')).toHaveCount(5, { timeout: 2000 })
+      await expect(page.locator('.dropdown-menu button')).toContainText([
+        'Jerry Hall',
+        'Alyssa Milano',
+        'Molly Ringwald',
+        'Ally Sheedy',
+        'Ralph Macchio',
+      ])
+    })
+  })
+
+  test.describe('Vue', () => {
+    test('loads the editor', async ({ page }) => {
+      await page.goto(`${demoPath}/${demoName}/Vue/`)
+      const editor = await getEditor(page)
+      await expect(editor).toBeVisible()
+    })
+  })
+})
diff --git a/demos/src/Nodes/OrderedList/React/index.html b/demos/src/Nodes/OrderedList/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/OrderedList/React/index.jsx b/demos/src/Nodes/OrderedList/React/index.jsx
new file mode 100644
index 0000000..2ea0953
--- /dev/null
+++ b/demos/src/Nodes/OrderedList/React/index.jsx
@@ -0,0 +1,83 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import { ListItem, OrderedList } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text, OrderedList, ListItem],
+    content: `
+        <ol>
+          <li>A list item</li>
+          <li>And another one</li>
+        </ol>
+
+        <ol start="5">
+          <li>This item starts at 5</li>
+          <li>And another one</li>
+        </ol>
+
+        <ol type="a">
+          <li>Lowercase alphabetical list</li>
+          <li>Second item</li>
+        </ol>
+
+        <ol type="I">
+          <li>Uppercase roman numerals</li>
+          <li>Second item</li>
+        </ol>
+      `,
+  })
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => ({
+      isOrderedList: ctx.editor.isActive('orderedList') ?? false,
+      canSplitListItem: ctx.editor.can().splitListItem('listItem') ?? false,
+      canSinkListItem: ctx.editor.can().sinkListItem('listItem') ?? false,
+      canLiftListItem: ctx.editor.can().liftListItem('listItem') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleOrderedList().run()}
+            className={editorState.isOrderedList ? 'is-active' : ''}
+          >
+            Toggle ordered list
+          </button>
+          <button
+            onClick={() => editor.chain().focus().splitListItem('listItem').run()}
+            disabled={!editorState.canSplitListItem}
+          >
+            Split list item
+          </button>
+          <button
+            onClick={() => editor.chain().focus().sinkListItem('listItem').run()}
+            disabled={!editorState.canSinkListItem}
+          >
+            Sink list item
+          </button>
+          <button
+            onClick={() => editor.chain().focus().liftListItem('listItem').run()}
+            disabled={!editorState.canLiftListItem}
+          >
+            Lift list item
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/OrderedList/React/styles.scss b/demos/src/Nodes/OrderedList/React/styles.scss
new file mode 100644
index 0000000..95fe10c
--- /dev/null
+++ b/demos/src/Nodes/OrderedList/React/styles.scss
@@ -0,0 +1,18 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+}
diff --git a/demos/src/Nodes/OrderedList/Vue/index.html b/demos/src/Nodes/OrderedList/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/OrderedList/Vue/index.vue b/demos/src/Nodes/OrderedList/Vue/index.vue
new file mode 100644
index 0000000..d47abf1
--- /dev/null
+++ b/demos/src/Nodes/OrderedList/Vue/index.vue
@@ -0,0 +1,105 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleOrderedList().run()"
+          :class="{ 'is-active': editor.isActive('orderedList') }"
+        >
+          Toggle ordered list
+        </button>
+        <button
+          @click="editor.chain().focus().splitListItem('listItem').run()"
+          :disabled="!editor.can().splitListItem('listItem')"
+        >
+          Split list item
+        </button>
+        <button
+          @click="editor.chain().focus().sinkListItem('listItem').run()"
+          :disabled="!editor.can().sinkListItem('listItem')"
+        >
+          Sink list item
+        </button>
+        <button
+          @click="editor.chain().focus().liftListItem('listItem').run()"
+          :disabled="!editor.can().liftListItem('listItem')"
+        >
+          Lift list item
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import { ListItem, OrderedList } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text, OrderedList, ListItem],
+      content: `
+        <ol>
+          <li>A list item</li>
+          <li>And another one</li>
+        </ol>
+
+        <ol start="5">
+          <li>This item starts at 5</li>
+          <li>And another one</li>
+        </ol>
+
+        <ol type="a">
+          <li>Lowercase alphabetical list</li>
+          <li>Second item</li>
+        </ol>
+
+        <ol type="I">
+          <li>Uppercase roman numerals</li>
+          <li>Second item</li>
+        </ol>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/OrderedList/index.spec.ts b/demos/src/Nodes/OrderedList/index.spec.ts
new file mode 100644
index 0000000..de494d2
--- /dev/null
+++ b/demos/src/Nodes/OrderedList/index.spec.ts
@@ -0,0 +1,118 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'OrderedList'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Nodes'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('parses ordered lists correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<ol><li><p>Example Text</p></li></ol>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<ol><li><p>Example Text</p></li></ol>')
+      })
+
+      test('parses ordered lists without paragraphs correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<ol><li>Example Text</li></ol>')
+          return el.editor.getHTML()
+        })
+        expect(html).toBe('<ol><li><p>Example Text</p></li></ol>')
+      })
+
+      test('button makes the selected line an ordered list item', async ({ page }) => {
+        await expect(page.locator('.tiptap ol')).toHaveCount(0)
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap ol li')).toContainText('Example Text')
+      })
+
+      test('button toggles the ordered list', async ({ page }) => {
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap ol')).toContainText('Example Text')
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap ol')).toHaveCount(0)
+      })
+
+      test('keyboard shortcut creates an ordered list', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.commands.focus()
+          el.editor.commands.selectAll()
+        })
+        await editor.press(`${mod}+Shift+7`)
+        await expect(page.locator('.tiptap ol li')).toContainText('Example Text')
+      })
+
+      test('creates an ordered list from "1."', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('1. List Item 1')
+        await page.keyboard.press('Enter')
+        await editor.type('List Item 2')
+        await expect(page.locator('.tiptap li').nth(0)).toContainText('List Item 1')
+        await expect(page.locator('.tiptap li').nth(1)).toContainText('List Item 2')
+      })
+
+      test('removes the ordered list after backspace', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('1. ')
+        await page.keyboard.press('Backspace')
+        await editor.type('Example')
+        await expect(page.locator('.tiptap p')).toContainText('1. Example')
+      })
+
+      // ── Type attribute tests ──
+
+      test('preserves type="a" attribute in HTML output', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent(
+            '<ol type="a"><li><p>Item A</p></li><li><p>Item B</p></li></ol>',
+          )
+          return el.editor.getHTML()
+        })
+        expect(html).toContain('type="a"')
+      })
+
+      test('preserves type="I" attribute in HTML output', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<ol type="I"><li><p>Item 1</p></li></ol>')
+          return el.editor.getHTML()
+        })
+        expect(html).toContain('type="I"')
+      })
+
+      test('does not render type attribute for default type', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent('<ol><li><p>Item</p></li></ol>')
+          return el.editor.getHTML()
+        })
+        expect(html).not.toContain('type')
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/Paragraph/React/index.html b/demos/src/Nodes/Paragraph/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Paragraph/React/index.jsx b/demos/src/Nodes/Paragraph/React/index.jsx
new file mode 100644
index 0000000..ebee981
--- /dev/null
+++ b/demos/src/Nodes/Paragraph/React/index.jsx
@@ -0,0 +1,22 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text],
+    content: `
+        <p>The Paragraph extension is not required, but it’s very likely you want to use it. It’s needed to write paragraphs of text. 🤓</p>
+      `,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Nodes/Paragraph/React/styles.scss b/demos/src/Nodes/Paragraph/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Nodes/Paragraph/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Nodes/Paragraph/Vue/index.html b/demos/src/Nodes/Paragraph/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Paragraph/Vue/index.vue b/demos/src/Nodes/Paragraph/Vue/index.vue
new file mode 100644
index 0000000..12e3bd9
--- /dev/null
+++ b/demos/src/Nodes/Paragraph/Vue/index.vue
@@ -0,0 +1,46 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      content: `
+        <p>The Paragraph extension is not required, but it’s very likely you want to use it. It’s needed to write paragraphs of text. 🤓</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Nodes/Paragraph/index.spec.ts b/demos/src/Nodes/Paragraph/index.spec.ts
new file mode 100644
index 0000000..b13933c
--- /dev/null
+++ b/demos/src/Nodes/Paragraph/index.spec.ts
@@ -0,0 +1,60 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Paragraph'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Nodes'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+      })
+
+      test('parses paragraphs correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const results = await editor.evaluate((el: any) => {
+          const inputs = [
+            '<p>Example Text</p>',
+            '<p><x-unknown>Example Text</x-unknown></p>',
+            '<p style="display: block;">Example Text</p>',
+          ]
+          return inputs.map(input => {
+            el.editor.commands.setContent(input)
+            return el.editor.getHTML()
+          })
+        })
+        results.forEach(html => expect(html).toBe('<p>Example Text</p>'))
+      })
+
+      test('wraps text in a paragraph by default', async ({ page }) => {
+        await page.keyboard.type('Example Text')
+        await expect(page.locator('.tiptap p')).toContainText('Example Text')
+      })
+
+      test('enter creates a new paragraph', async ({ page }) => {
+        const editor = await getEditor(page)
+        await page.keyboard.type('First Paragraph')
+        await page.keyboard.press('Enter')
+        await editor.type('Second Paragraph')
+        await expect(page.locator('.tiptap p')).toHaveCount(2)
+        await expect(page.locator('.tiptap p').nth(0)).toContainText('First Paragraph')
+        await expect(page.locator('.tiptap p').nth(1)).toContainText('Second Paragraph')
+      })
+
+      test('backspace removes the second paragraph', async ({ page }) => {
+        await page.keyboard.press('Enter')
+        await expect(page.locator('.tiptap p')).toHaveCount(2)
+        await page.keyboard.press('Backspace')
+        await expect(page.locator('.tiptap p')).toHaveCount(1)
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/Table/React/index.html b/demos/src/Nodes/Table/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Table/React/index.jsx b/demos/src/Nodes/Table/React/index.jsx
new file mode 100644
index 0000000..70dede7
--- /dev/null
+++ b/demos/src/Nodes/Table/React/index.jsx
@@ -0,0 +1,98 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import { TableKit } from '@tiptap/extension-table'
+import Text from '@tiptap/extension-text'
+import { Gapcursor } from '@tiptap/extensions'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Gapcursor,
+      TableKit.configure({
+        table: { resizable: true },
+      }),
+    ],
+    content: `
+        <table>
+          <tbody>
+            <tr>
+              <th>Name</th>
+              <th colspan="3">Description</th>
+            </tr>
+            <tr>
+              <td>Cyndi Lauper</td>
+              <td>Singer</td>
+              <td>Songwriter</td>
+              <td>Actress</td>
+            </tr>
+          </tbody>
+        </table>
+      `,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() =>
+              editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
+            }
+          >
+            Insert table
+          </button>
+          <button onClick={() => editor.chain().focus().addColumnBefore().run()}>
+            Add column before
+          </button>
+          <button onClick={() => editor.chain().focus().addColumnAfter().run()}>
+            Add column after
+          </button>
+          <button onClick={() => editor.chain().focus().deleteColumn().run()}>Delete column</button>
+          <button onClick={() => editor.chain().focus().addRowBefore().run()}>
+            Add row before
+          </button>
+          <button onClick={() => editor.chain().focus().addRowAfter().run()}>Add row after</button>
+          <button onClick={() => editor.chain().focus().deleteRow().run()}>Delete row</button>
+          <button onClick={() => editor.chain().focus().deleteTable().run()}>Delete table</button>
+          <button onClick={() => editor.chain().focus().mergeCells().run()}>Merge cells</button>
+          <button onClick={() => editor.chain().focus().splitCell().run()}>Split cell</button>
+          <button onClick={() => editor.chain().focus().toggleHeaderColumn().run()}>
+            Toggle header column
+          </button>
+          <button onClick={() => editor.chain().focus().toggleHeaderRow().run()}>
+            Toggle header row
+          </button>
+          <button onClick={() => editor.chain().focus().toggleHeaderCell().run()}>
+            Toggle header cell
+          </button>
+          <button onClick={() => editor.chain().focus().mergeOrSplit().run()}>
+            Merge or split
+          </button>
+          <button onClick={() => editor.chain().focus().setCellAttribute('colspan', 2).run()}>
+            Set cell attribute
+          </button>
+          <button onClick={() => editor.chain().focus().fixTables().run()}>Fix tables</button>
+          <button onClick={() => editor.chain().focus().goToNextCell().run()}>
+            Go to next cell
+          </button>
+          <button onClick={() => editor.chain().focus().goToPreviousCell().run()}>
+            Go to previous cell
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/Table/React/styles.scss b/demos/src/Nodes/Table/React/styles.scss
new file mode 100644
index 0000000..c6d6752
--- /dev/null
+++ b/demos/src/Nodes/Table/React/styles.scss
@@ -0,0 +1,67 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Table-specific styling */
+  table {
+    border-collapse: collapse;
+    margin: 0;
+    overflow: hidden;
+    table-layout: fixed;
+    width: 100%;
+
+    td,
+    th {
+      border: 1px solid var(--gray-3);
+      box-sizing: border-box;
+      min-width: 1em;
+      padding: 6px 8px;
+      position: relative;
+      vertical-align: top;
+
+      > * {
+        margin-bottom: 0;
+      }
+    }
+
+    th {
+      background-color: var(--gray-1);
+      font-weight: bold;
+      text-align: left;
+    }
+
+    .selectedCell:after {
+      background: var(--gray-2);
+      content: '';
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      pointer-events: none;
+      position: absolute;
+      z-index: 2;
+    }
+
+    .column-resize-handle {
+      background-color: var(--purple);
+      bottom: -2px;
+      pointer-events: none;
+      position: absolute;
+      right: -2px;
+      top: 0;
+      width: 4px;
+    }
+  }
+
+  .tableWrapper {
+    margin: 1.5rem 0;
+    overflow-x: auto;
+  }
+
+  &.resize-cursor {
+    cursor: ew-resize;
+    cursor: col-resize;
+  }
+}
diff --git a/demos/src/Nodes/Table/Vue/index.html b/demos/src/Nodes/Table/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Table/Vue/index.vue b/demos/src/Nodes/Table/Vue/index.vue
new file mode 100644
index 0000000..ba38301
--- /dev/null
+++ b/demos/src/Nodes/Table/Vue/index.vue
@@ -0,0 +1,164 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="
+            editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
+          "
+        >
+          Insert table
+        </button>
+        <button @click="editor.chain().focus().addColumnBefore().run()">Add column before</button>
+        <button @click="editor.chain().focus().addColumnAfter().run()">Add column after</button>
+        <button @click="editor.chain().focus().deleteColumn().run()">Delete column</button>
+        <button @click="editor.chain().focus().addRowBefore().run()">Add row before</button>
+        <button @click="editor.chain().focus().addRowAfter().run()">Add row after</button>
+        <button @click="editor.chain().focus().deleteRow().run()">Delete row</button>
+        <button @click="editor.chain().focus().deleteTable().run()">Delete table</button>
+        <button @click="editor.chain().focus().mergeCells().run()">Merge cells</button>
+        <button @click="editor.chain().focus().splitCell().run()">Split cell</button>
+        <button @click="editor.chain().focus().toggleHeaderColumn().run()">
+          Toggle header column
+        </button>
+        <button @click="editor.chain().focus().toggleHeaderRow().run()">Toggle header row</button>
+        <button @click="editor.chain().focus().toggleHeaderCell().run()">Toggle header cell</button>
+        <button @click="editor.chain().focus().mergeOrSplit().run()">Merge or split</button>
+        <button @click="editor.chain().focus().setCellAttribute('colspan', 2).run()">
+          Set cell attribute
+        </button>
+        <button @click="editor.chain().focus().fixTables().run()">Fix tables</button>
+        <button @click="editor.chain().focus().goToNextCell().run()">Go to next cell</button>
+        <button @click="editor.chain().focus().goToPreviousCell().run()">
+          Go to previous cell
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import { TableKit } from '@tiptap/extension-table'
+import Text from '@tiptap/extension-text'
+import { Gapcursor } from '@tiptap/extensions'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Gapcursor,
+        TableKit.configure({
+          table: { resizable: true },
+        }),
+      ],
+      content: `
+        <table>
+          <tbody>
+            <tr>
+              <th>Name</th>
+              <th colspan="3">Description</th>
+            </tr>
+            <tr>
+              <td>Cyndi Lauper</td>
+              <td>Singer</td>
+              <td>Songwriter</td>
+              <td>Actress</td>
+            </tr>
+          </tbody>
+        </table>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Table-specific styling */
+  table {
+    border-collapse: collapse;
+    margin: 0;
+    overflow: hidden;
+    table-layout: fixed;
+    width: 100%;
+
+    td,
+    th {
+      border: 1px solid var(--gray-3);
+      box-sizing: border-box;
+      min-width: 1em;
+      padding: 6px 8px;
+      position: relative;
+      vertical-align: top;
+
+      > * {
+        margin-bottom: 0;
+      }
+    }
+
+    th {
+      background-color: var(--gray-1);
+      font-weight: bold;
+      text-align: left;
+    }
+
+    .selectedCell:after {
+      background: var(--gray-2);
+      content: '';
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      pointer-events: none;
+      position: absolute;
+      z-index: 2;
+    }
+
+    .column-resize-handle {
+      background-color: var(--purple);
+      bottom: -2px;
+      pointer-events: none;
+      position: absolute;
+      right: -2px;
+      top: 0;
+      width: 4px;
+    }
+  }
+
+  .tableWrapper {
+    margin: 1.5rem 0;
+    overflow-x: auto;
+  }
+
+  &.resize-cursor {
+    cursor: ew-resize;
+    cursor: col-resize;
+  }
+}
+</style>
diff --git a/demos/src/Nodes/TaskItem/React/index.html b/demos/src/Nodes/TaskItem/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/TaskItem/React/index.jsx b/demos/src/Nodes/TaskItem/React/index.jsx
new file mode 100644
index 0000000..639a171
--- /dev/null
+++ b/demos/src/Nodes/TaskItem/React/index.jsx
@@ -0,0 +1,76 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import { TaskItem, TaskList } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      TaskList,
+      TaskItem.configure({
+        nested: true,
+      }),
+    ],
+    content: `
+        <ul data-type="taskList">
+          <li data-type="taskItem" data-checked="true">A list item</li>
+          <li data-type="taskItem" data-checked="false">And another one</li>
+        </ul>
+      `,
+  })
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => ({
+      isTaskList: ctx.editor.isActive('taskList') ?? false,
+      canSplitListItem: ctx.editor.can().splitListItem('taskItem') ?? false,
+      canSinkListItem: ctx.editor.can().sinkListItem('taskItem') ?? false,
+      canLiftListItem: ctx.editor.can().liftListItem('taskItem') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleTaskList().run()}
+            className={editorState.isTaskList ? 'is-active' : ''}
+          >
+            Toggle task list
+          </button>
+          <button
+            onClick={() => editor.chain().focus().splitListItem('taskItem').run()}
+            disabled={!editorState.canSplitListItem}
+          >
+            Split list item
+          </button>
+          <button
+            onClick={() => editor.chain().focus().sinkListItem('taskItem').run()}
+            disabled={!editorState.canSinkListItem}
+          >
+            Sink list item
+          </button>
+          <button
+            onClick={() => editor.chain().focus().liftListItem('taskItem').run()}
+            disabled={!editorState.canLiftListItem}
+          >
+            Lift list item
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/TaskItem/React/styles.scss b/demos/src/Nodes/TaskItem/React/styles.scss
new file mode 100644
index 0000000..98fdc62
--- /dev/null
+++ b/demos/src/Nodes/TaskItem/React/styles.scss
@@ -0,0 +1,48 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Task list specific styles */
+  ul[data-type='taskList'] {
+    list-style: none;
+    margin-left: 0;
+    padding: 0;
+
+    li {
+      align-items: flex-start;
+      display: flex;
+
+      > label {
+        flex: 0 0 auto;
+        margin-right: 0.5rem;
+        user-select: none;
+      }
+
+      > div {
+        flex: 1 1 auto;
+      }
+    }
+
+    input[type='checkbox'] {
+      cursor: pointer;
+    }
+
+    ul[data-type='taskList'] {
+      margin: 0;
+    }
+  }
+}
diff --git a/demos/src/Nodes/TaskItem/Vue/index.html b/demos/src/Nodes/TaskItem/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/TaskItem/Vue/index.vue b/demos/src/Nodes/TaskItem/Vue/index.vue
new file mode 100644
index 0000000..bd8ae9a
--- /dev/null
+++ b/demos/src/Nodes/TaskItem/Vue/index.vue
@@ -0,0 +1,128 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleTaskList().run()"
+          :class="{ 'is-active': editor.isActive('taskList') }"
+        >
+          Toggle task list
+        </button>
+        <button
+          @click="editor.chain().focus().splitListItem('taskItem').run()"
+          :disabled="!editor.can().splitListItem('taskItem')"
+        >
+          Split list item
+        </button>
+        <button
+          @click="editor.chain().focus().sinkListItem('taskItem').run()"
+          :disabled="!editor.can().sinkListItem('taskItem')"
+        >
+          Sink list item
+        </button>
+        <button
+          @click="editor.chain().focus().liftListItem('taskItem').run()"
+          :disabled="!editor.can().liftListItem('taskItem')"
+        >
+          Lift list item
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import { TaskItem, TaskList } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        TaskList,
+        TaskItem.configure({
+          nested: true,
+        }),
+      ],
+      content: `
+        <ul data-type="taskList">
+          <li data-type="taskItem" data-checked="true">A list item</li>
+          <li data-type="taskItem" data-checked="false">And another one</li>
+        </ul>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Task list specific styles */
+  ul[data-type='taskList'] {
+    list-style: none;
+    margin-left: 0;
+    padding: 0;
+
+    li {
+      align-items: flex-start;
+      display: flex;
+
+      > label {
+        flex: 0 0 auto;
+        margin-right: 0.5rem;
+        user-select: none;
+      }
+
+      > div {
+        flex: 1 1 auto;
+      }
+    }
+
+    input[type='checkbox'] {
+      cursor: pointer;
+    }
+
+    ul[data-type='taskList'] {
+      margin: 0;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/TaskList/React/index.html b/demos/src/Nodes/TaskList/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/TaskList/React/index.jsx b/demos/src/Nodes/TaskList/React/index.jsx
new file mode 100644
index 0000000..639a171
--- /dev/null
+++ b/demos/src/Nodes/TaskList/React/index.jsx
@@ -0,0 +1,76 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import { TaskItem, TaskList } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor, useEditorState } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      TaskList,
+      TaskItem.configure({
+        nested: true,
+      }),
+    ],
+    content: `
+        <ul data-type="taskList">
+          <li data-type="taskItem" data-checked="true">A list item</li>
+          <li data-type="taskItem" data-checked="false">And another one</li>
+        </ul>
+      `,
+  })
+  const editorState = useEditorState({
+    editor,
+    selector: ctx => ({
+      isTaskList: ctx.editor.isActive('taskList') ?? false,
+      canSplitListItem: ctx.editor.can().splitListItem('taskItem') ?? false,
+      canSinkListItem: ctx.editor.can().sinkListItem('taskItem') ?? false,
+      canLiftListItem: ctx.editor.can().liftListItem('taskItem') ?? false,
+    }),
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <>
+      <div className="control-group">
+        <div className="button-group">
+          <button
+            onClick={() => editor.chain().focus().toggleTaskList().run()}
+            className={editorState.isTaskList ? 'is-active' : ''}
+          >
+            Toggle task list
+          </button>
+          <button
+            onClick={() => editor.chain().focus().splitListItem('taskItem').run()}
+            disabled={!editorState.canSplitListItem}
+          >
+            Split list item
+          </button>
+          <button
+            onClick={() => editor.chain().focus().sinkListItem('taskItem').run()}
+            disabled={!editorState.canSinkListItem}
+          >
+            Sink list item
+          </button>
+          <button
+            onClick={() => editor.chain().focus().liftListItem('taskItem').run()}
+            disabled={!editorState.canLiftListItem}
+          >
+            Lift list item
+          </button>
+        </div>
+      </div>
+
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/TaskList/React/styles.scss b/demos/src/Nodes/TaskList/React/styles.scss
new file mode 100644
index 0000000..98fdc62
--- /dev/null
+++ b/demos/src/Nodes/TaskList/React/styles.scss
@@ -0,0 +1,48 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Task list specific styles */
+  ul[data-type='taskList'] {
+    list-style: none;
+    margin-left: 0;
+    padding: 0;
+
+    li {
+      align-items: flex-start;
+      display: flex;
+
+      > label {
+        flex: 0 0 auto;
+        margin-right: 0.5rem;
+        user-select: none;
+      }
+
+      > div {
+        flex: 1 1 auto;
+      }
+    }
+
+    input[type='checkbox'] {
+      cursor: pointer;
+    }
+
+    ul[data-type='taskList'] {
+      margin: 0;
+    }
+  }
+}
diff --git a/demos/src/Nodes/TaskList/Vue/index.html b/demos/src/Nodes/TaskList/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/TaskList/Vue/index.vue b/demos/src/Nodes/TaskList/Vue/index.vue
new file mode 100644
index 0000000..bd8ae9a
--- /dev/null
+++ b/demos/src/Nodes/TaskList/Vue/index.vue
@@ -0,0 +1,128 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <button
+          @click="editor.chain().focus().toggleTaskList().run()"
+          :class="{ 'is-active': editor.isActive('taskList') }"
+        >
+          Toggle task list
+        </button>
+        <button
+          @click="editor.chain().focus().splitListItem('taskItem').run()"
+          :disabled="!editor.can().splitListItem('taskItem')"
+        >
+          Split list item
+        </button>
+        <button
+          @click="editor.chain().focus().sinkListItem('taskItem').run()"
+          :disabled="!editor.can().sinkListItem('taskItem')"
+        >
+          Sink list item
+        </button>
+        <button
+          @click="editor.chain().focus().liftListItem('taskItem').run()"
+          :disabled="!editor.can().liftListItem('taskItem')"
+        >
+          Lift list item
+        </button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import { TaskItem, TaskList } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        TaskList,
+        TaskItem.configure({
+          nested: true,
+        }),
+      ],
+      content: `
+        <ul data-type="taskList">
+          <li data-type="taskItem" data-checked="true">A list item</li>
+          <li data-type="taskItem" data-checked="false">And another one</li>
+        </ul>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Task list specific styles */
+  ul[data-type='taskList'] {
+    list-style: none;
+    margin-left: 0;
+    padding: 0;
+
+    li {
+      align-items: flex-start;
+      display: flex;
+
+      > label {
+        flex: 0 0 auto;
+        margin-right: 0.5rem;
+        user-select: none;
+      }
+
+      > div {
+        flex: 1 1 auto;
+      }
+    }
+
+    input[type='checkbox'] {
+      cursor: pointer;
+    }
+
+    ul[data-type='taskList'] {
+      margin: 0;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/TaskList/index.spec.ts b/demos/src/Nodes/TaskList/index.spec.ts
new file mode 100644
index 0000000..f1d8c15
--- /dev/null
+++ b/demos/src/Nodes/TaskList/index.spec.ts
@@ -0,0 +1,86 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor, setEditorContent } from '../../../test/helpers.js'
+
+const demoName = 'TaskList'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Nodes'
+
+const isMac = process.platform === 'darwin'
+const mod = isMac ? 'Meta' : 'Control'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        await setEditorContent(page, '<p>Example Text</p>')
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.selectAll())
+      })
+
+      test('parses task lists correctly', async ({ page }) => {
+        const editor = await getEditor(page)
+        const html = await editor.evaluate((el: any) => {
+          el.editor.commands.setContent(
+            '<ul data-type="taskList"><li data-checked="true" data-type="taskItem"><p>Example Text</p></li></ul>',
+          )
+          return el.editor.getHTML()
+        })
+        expect(html).toBe(
+          '<ul data-type="taskList"><li data-checked="true" data-type="taskItem"><label><input type="checkbox" checked="checked"><span></span></label><div><p>Example Text</p></div></li></ul>',
+        )
+      })
+
+      test('button makes selected line a task list item', async ({ page }) => {
+        await expect(page.locator('.tiptap ul')).toHaveCount(0)
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap ul[data-type="taskList"] li')).toContainText(
+          'Example Text',
+        )
+      })
+
+      test('button toggles the task list', async ({ page }) => {
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap ul[data-type="taskList"]')).toContainText('Example Text')
+        await page.locator('button').first().click()
+        await expect(page.locator('.tiptap ul')).toHaveCount(0)
+      })
+
+      test('keyboard shortcut creates a task list', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => {
+          el.editor.commands.focus()
+          el.editor.commands.selectAll()
+        })
+        await editor.press(`${mod}+Shift+9`)
+        await expect(page.locator('.tiptap ul li')).toContainText('Example Text')
+      })
+
+      test('creates a task list from "[ ]"', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('[ ] List Item 1')
+        await page.keyboard.press('Enter')
+        await editor.type('List Item 2')
+        await expect(page.locator('.tiptap li').nth(0)).toContainText('List Item 1')
+        await expect(page.locator('.tiptap li').nth(0)).toHaveAttribute('data-checked', 'false')
+        await expect(page.locator('.tiptap li').nth(1)).toContainText('List Item 2')
+      })
+
+      test('creates a checked task list from "[x]"', async ({ page }) => {
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+        await page.keyboard.type('[x] List Item 1')
+        await page.keyboard.press('Enter')
+        await editor.type('List Item 2')
+        await expect(page.locator('.tiptap li').nth(0)).toContainText('List Item 1')
+        await expect(page.locator('.tiptap li').nth(0)).toHaveAttribute('data-checked', 'true')
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/Text/React/index.html b/demos/src/Nodes/Text/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Text/React/index.jsx b/demos/src/Nodes/Text/React/index.jsx
new file mode 100644
index 0000000..ad53c71
--- /dev/null
+++ b/demos/src/Nodes/Text/React/index.jsx
@@ -0,0 +1,22 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+export default () => {
+  const editor = useEditor({
+    extensions: [Document, Paragraph, Text],
+    content: `
+        <p>The Text extension is required, at least if you want to have text in your text editor and that’s very likely.</p>
+      `,
+  })
+
+  if (!editor) {
+    return null
+  }
+
+  return <EditorContent editor={editor} />
+}
diff --git a/demos/src/Nodes/Text/React/styles.scss b/demos/src/Nodes/Text/React/styles.scss
new file mode 100644
index 0000000..afd5ba2
--- /dev/null
+++ b/demos/src/Nodes/Text/React/styles.scss
@@ -0,0 +1,6 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
diff --git a/demos/src/Nodes/Text/Vue/index.html b/demos/src/Nodes/Text/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Text/Vue/index.vue b/demos/src/Nodes/Text/Vue/index.vue
new file mode 100644
index 0000000..e3e7a2a
--- /dev/null
+++ b/demos/src/Nodes/Text/Vue/index.vue
@@ -0,0 +1,46 @@
+<template>
+  <div v-if="editor">
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      content: `
+        <p>The Text extension is required, at least if you want to have text in your text editor and that’s very likely.</p>
+      `,
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+}
+</style>
diff --git a/demos/src/Nodes/Text/index.spec.ts b/demos/src/Nodes/Text/index.spec.ts
new file mode 100644
index 0000000..c0b7b28
--- /dev/null
+++ b/demos/src/Nodes/Text/index.spec.ts
@@ -0,0 +1,27 @@
+import { expect, test } from '@playwright/test'
+
+import { getEditor } from '../../../test/helpers.js'
+
+const demoName = 'Text'
+const frameworkPaths = ['React', 'Vue']
+const demoPath = '/src/Nodes'
+
+test.describe(`${demoPath}/${demoName}`, () => {
+  frameworkPaths.forEach(frameworkPath => {
+    const fullDemoPath = `${demoPath}/${demoName}/${frameworkPath}/`
+
+    test.describe(`${frameworkPath}`, () => {
+      test.beforeEach(async ({ page }) => {
+        await page.goto(fullDemoPath)
+        const editor = await getEditor(page)
+        await editor.evaluate((el: any) => el.editor.commands.clearContent())
+        await editor.click()
+      })
+
+      test('wraps typed text in a paragraph', async ({ page }) => {
+        await page.keyboard.type('Example Text')
+        await expect(page.locator('.tiptap p')).toContainText('Example Text')
+      })
+    })
+  })
+})
diff --git a/demos/src/Nodes/Twitch/React/index.html b/demos/src/Nodes/Twitch/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Twitch/React/index.jsx b/demos/src/Nodes/Twitch/React/index.jsx
new file mode 100644
index 0000000..0d715c2
--- /dev/null
+++ b/demos/src/Nodes/Twitch/React/index.jsx
@@ -0,0 +1,122 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import { ListKit } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Twitch from '@tiptap/extension-twitch'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+const MenuBar = ({ editor }) => {
+  const [height, setHeight] = React.useState(480)
+  const [width, setWidth] = React.useState(640)
+
+  if (!editor) {
+    return null
+  }
+
+  const addTwitchVideo = () => {
+    const url = prompt('Enter Twitch video URL')
+
+    if (url) {
+      editor.commands.setTwitchVideo({
+        src: url,
+        width: Math.max(320, parseInt(width, 10)) || 640,
+        height: Math.max(180, parseInt(height, 10)) || 480,
+      })
+    }
+  }
+
+  return (
+    <div className="control-group">
+      <div className="button-group">
+        <input
+          id="width"
+          type="number"
+          min="320"
+          max="1024"
+          placeholder="width"
+          value={width}
+          onChange={event => setWidth(event.target.value)}
+        />
+        <input
+          id="height"
+          type="number"
+          min="180"
+          max="720"
+          placeholder="height"
+          value={height}
+          onChange={event => setHeight(event.target.value)}
+        />
+        <button id="add" onClick={addTwitchVideo}>
+          Add Twitch video
+        </button>
+      </div>
+    </div>
+  )
+}
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Heading,
+      Paragraph,
+      ListKit,
+      Text,
+      Twitch.configure({
+        parent: window.location.hostname,
+        allowFullscreen: true,
+      }),
+    ],
+    content: `
+      <p>Tiptap now supports Twitch embeds! Awesome!</p>
+      <p>It supports</p>
+      <ul>
+        <li>
+          <p>Different types of content</p>
+          <ul>
+            <li>Channels</li>
+            <li>Videos</li>
+            <li>& Clips</li>
+          </ul>
+        </li>
+        <li>
+          <p>Customizable parameters</p>
+          <ul>
+            <li>Muted</li>
+            <li>Autoplay</li>
+            <li>Start time</li>
+          </ul>
+        </li>
+      </ul>
+      <h2>Channel</h2>
+      <div data-twitch-video>
+        <iframe src="https://www.twitch.tv/LofiGirl" muted="true"></iframe>
+      </div>
+      <h2>Videos</h2>
+      <div data-twitch-video>
+        <iframe src="https://www.twitch.tv/videos/2409205759" muted="true"></iframe>
+      </div>
+      <h2>Clips</h2>
+      <div data-twitch-video>
+        <iframe src="https://www.twitch.tv/nasa/clip/CooperativeBrainyJellyfishPJSugar-0TPiyjN_MNkrcErt" muted="true"></iframe>
+      </div>
+
+    `,
+    editorProps: {
+      attributes: {
+        spellcheck: 'false',
+      },
+    },
+  })
+
+  return (
+    <>
+      <MenuBar editor={editor} />
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/Twitch/React/styles.scss b/demos/src/Nodes/Twitch/React/styles.scss
new file mode 100644
index 0000000..01bbbaa
--- /dev/null
+++ b/demos/src/Nodes/Twitch/React/styles.scss
@@ -0,0 +1,25 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Twitch embed */
+  div[data-twitch-video] {
+    cursor: move;
+    padding-right: 1.5rem;
+
+    iframe {
+      border: 0.5rem solid var(--black-contrast);
+      display: block;
+      min-height: 200px;
+      min-width: 200px;
+      outline: 0px solid transparent;
+    }
+
+    &.ProseMirror-selectednode iframe {
+      outline: 3px solid var(--purple);
+      transition: outline 0.15s;
+    }
+  }
+}
diff --git a/demos/src/Nodes/Twitch/Vue/index.html b/demos/src/Nodes/Twitch/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Twitch/Vue/index.vue b/demos/src/Nodes/Twitch/Vue/index.vue
new file mode 100644
index 0000000..06476e5
--- /dev/null
+++ b/demos/src/Nodes/Twitch/Vue/index.vue
@@ -0,0 +1,142 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <input id="width" type="number" v-model="width" placeholder="width" min="320" max="1024" />
+        <input
+          id="height"
+          type="number"
+          v-model="height"
+          placeholder="height"
+          min="180"
+          max="720"
+        />
+        <button id="add" @click="addVideo">Add Twitch video</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import { ListKit } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Twitch from '@tiptap/extension-twitch'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      width: '640',
+      height: '480',
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Heading,
+        Paragraph,
+        ListKit,
+        Text,
+        Twitch.configure({
+          parent: window.location.hostname,
+          allowFullscreen: true,
+        }),
+      ],
+      content: `
+        <p>Tiptap now supports Twitch embeds! Awesome!</p>
+        <p>It supports</p>
+        <ul>
+          <li>
+            <p>Different types of content</p>
+            <ul>
+              <li>Channels</li>
+              <li>Videos</li>
+              <li>& Clips</li>
+            </ul>
+          </li>
+          <li>
+            <p>Customizable parameters</p>
+            <ul>
+              <li>Muted</li>
+              <li>Autoplay</li>
+              <li>Start time</li>
+            </ul>
+          </li>
+        </ul>
+        <h2>Channel</h2>
+        <div data-twitch-video>
+          <iframe src="https://www.twitch.tv/LofiGirl" muted="true"></iframe>
+        </div>
+        <h2>Videos</h2>
+        <div data-twitch-video>
+          <iframe src="https://www.twitch.tv/videos/2409205759" muted="true"></iframe>
+        </div>
+        <h2>Clips</h2>
+        <div data-twitch-video>
+          <iframe src="https://www.twitch.tv/nasa/clip/CooperativeBrainyJellyfishPJSugar-0TPiyjN_MNkrcErt" muted="true"></iframe>
+        </div>
+      `,
+      editorProps: {
+        attributes: {
+          spellcheck: 'false',
+        },
+      },
+    })
+  },
+
+  methods: {
+    addVideo() {
+      const url = prompt('Enter Twitch video URL')
+
+      this.editor.commands.setTwitchVideo({
+        src: url,
+        width: Math.max(320, parseInt(this.width, 10)) || 640,
+        height: Math.max(180, parseInt(this.height, 10)) || 480,
+      })
+    },
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Twitch embed */
+  div[data-twitch-video] {
+    cursor: move;
+    padding-right: 1.5rem;
+
+    iframe {
+      border: 0.5rem solid var(--black-contrast);
+      display: block;
+      min-height: 200px;
+      min-width: 200px;
+      outline: 0px solid transparent;
+    }
+
+    &.ProseMirror-selectednode iframe {
+      outline: 3px solid var(--purple);
+      transition: outline 0.15s;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Nodes/Youtube/React/index.html b/demos/src/Nodes/Youtube/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Youtube/React/index.jsx b/demos/src/Nodes/Youtube/React/index.jsx
new file mode 100644
index 0000000..ec2ad3d
--- /dev/null
+++ b/demos/src/Nodes/Youtube/React/index.jsx
@@ -0,0 +1,90 @@
+import './styles.scss'
+
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Youtube from '@tiptap/extension-youtube'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
+const MenuBar = ({ editor }) => {
+  const [height, setHeight] = React.useState(480)
+  const [width, setWidth] = React.useState(640)
+
+  if (!editor) {
+    return null
+  }
+
+  const addYoutubeVideo = () => {
+    const url = prompt('Enter YouTube URL')
+
+    if (url) {
+      editor.commands.setYoutubeVideo({
+        src: url,
+        width: Math.max(320, parseInt(width, 10)) || 640,
+        height: Math.max(180, parseInt(height, 10)) || 480,
+      })
+    }
+  }
+
+  return (
+    <div className="control-group">
+      <div className="button-group">
+        <input
+          id="width"
+          type="number"
+          min="320"
+          max="1024"
+          placeholder="width"
+          value={width}
+          onChange={event => setWidth(event.target.value)}
+        />
+        <input
+          id="height"
+          type="number"
+          min="180"
+          max="720"
+          placeholder="height"
+          value={height}
+          onChange={event => setHeight(event.target.value)}
+        />
+        <button id="add" onClick={addYoutubeVideo}>
+          Add YouTube video
+        </button>
+      </div>
+    </div>
+  )
+}
+
+export default () => {
+  const editor = useEditor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      Youtube.configure({
+        controls: false,
+        nocookie: true,
+      }),
+    ],
+    content: `
+      <p>Tiptap now supports YouTube embeds! Awesome!</p>
+      <div data-youtube-video>
+        <iframe src="https://www.youtube.com/watch?v=3lTUAWOgoHs"></iframe>
+      </div>
+      <p>Try adding your own video to this editor!</p>
+    `,
+    editorProps: {
+      attributes: {
+        spellcheck: 'false',
+      },
+    },
+  })
+
+  return (
+    <>
+      <MenuBar editor={editor} />
+      <EditorContent editor={editor} />
+    </>
+  )
+}
diff --git a/demos/src/Nodes/Youtube/React/styles.scss b/demos/src/Nodes/Youtube/React/styles.scss
new file mode 100644
index 0000000..e1258ea
--- /dev/null
+++ b/demos/src/Nodes/Youtube/React/styles.scss
@@ -0,0 +1,25 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Youtube embed */
+  div[data-youtube-video] {
+    cursor: move;
+    padding-right: 1.5rem;
+
+    iframe {
+      border: 0.5rem solid var(--black-contrast);
+      display: block;
+      min-height: 200px;
+      min-width: 200px;
+      outline: 0px solid transparent;
+    }
+
+    &.ProseMirror-selectednode iframe {
+      outline: 3px solid var(--purple);
+      transition: outline 0.15s;
+    }
+  }
+}
diff --git a/demos/src/Nodes/Youtube/Vue/index.html b/demos/src/Nodes/Youtube/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Nodes/Youtube/Vue/index.vue b/demos/src/Nodes/Youtube/Vue/index.vue
new file mode 100644
index 0000000..fcd29ea
--- /dev/null
+++ b/demos/src/Nodes/Youtube/Vue/index.vue
@@ -0,0 +1,111 @@
+<template>
+  <div v-if="editor" class="container">
+    <div class="control-group">
+      <div class="button-group">
+        <input id="width" type="number" v-model="width" placeholder="width" min="320" max="1024" />
+        <input
+          id="height"
+          type="number"
+          v-model="height"
+          placeholder="height"
+          min="180"
+          max="720"
+        />
+        <button id="add" @click="addVideo">Add YouTube video</button>
+      </div>
+    </div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Youtube from '@tiptap/extension-youtube'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+      width: '640',
+      height: '480',
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Youtube.configure({
+          controls: false,
+          nocookie: true,
+        }),
+      ],
+      content: `
+        <p>Tiptap now supports YouTube embeds! Awesome!</p>
+        <div data-youtube-video>
+          <iframe src="https://www.youtube.com/watch?v=3lTUAWOgoHs"></iframe>
+        </div>
+        <p>Try adding your own video to this editor!</p>
+      `,
+      editorProps: {
+        attributes: {
+          spellcheck: 'false',
+        },
+      },
+    })
+  },
+
+  methods: {
+    addVideo() {
+      const url = prompt('Enter YouTube URL')
+
+      this.editor.commands.setYoutubeVideo({
+        src: url,
+        width: Math.max(320, parseInt(this.width, 10)) || 640,
+        height: Math.max(180, parseInt(this.height, 10)) || 480,
+      })
+    },
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* Youtube embed */
+  div[data-youtube-video] {
+    cursor: move;
+    padding-right: 1.5rem;
+
+    iframe {
+      border: 0.5rem solid var(--black-contrast);
+      display: block;
+      min-height: 200px;
+      min-width: 200px;
+      outline: 0px solid transparent;
+    }
+
+    &.ProseMirror-selectednode iframe {
+      outline: 3px solid var(--purple);
+      transition: outline 0.15s;
+    }
+  }
+}
+</style>
diff --git a/demos/src/Overview/Installation/Vue/index.html b/demos/src/Overview/Installation/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Overview/Installation/Vue/index.vue b/demos/src/Overview/Installation/Vue/index.vue
new file mode 100644
index 0000000..00f1452
--- /dev/null
+++ b/demos/src/Overview/Installation/Vue/index.vue
@@ -0,0 +1,125 @@
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      content: '<p>Hello World! 🌎️</p>',
+      extensions: [StarterKit],
+    })
+  },
+
+  beforeUnmount() {
+    this.editor.destroy()
+  },
+}
+</script>
+
+<style lang="scss">
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+</style>
diff --git a/demos/src/Tutorials/1-1-textarea/React/Note.tsx b/demos/src/Tutorials/1-1-textarea/React/Note.tsx
new file mode 100644
index 0000000..368b678
--- /dev/null
+++ b/demos/src/Tutorials/1-1-textarea/React/Note.tsx
@@ -0,0 +1,9 @@
+import React, { useState } from 'react'
+
+import type { TNote } from './types.js'
+
+export default ({ note }: { note: TNote }) => {
+  const [modelValue, setModelValue] = useState(note.content)
+
+  return <textarea onChange={e => setModelValue(e.target.value)} value={modelValue}></textarea>
+}
diff --git a/demos/src/Tutorials/1-1-textarea/React/index.html b/demos/src/Tutorials/1-1-textarea/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Tutorials/1-1-textarea/React/index.tsx b/demos/src/Tutorials/1-1-textarea/React/index.tsx
new file mode 100644
index 0000000..ab06a56
--- /dev/null
+++ b/demos/src/Tutorials/1-1-textarea/React/index.tsx
@@ -0,0 +1,27 @@
+import './styles.scss'
+
+import React from 'react'
+
+import Note from './Note.jsx'
+import type { TNote } from './types.js'
+
+const notes: TNote[] = [
+  {
+    id: 'note-1',
+    content: 'Some random note text',
+  },
+  {
+    id: 'note-2',
+    content: 'Some really random note text',
+  },
+]
+
+export default () => {
+  return (
+    <>
+      {notes.map(note => (
+        <Note note={note} key={note.id} />
+      ))}
+    </>
+  )
+}
diff --git a/demos/src/Tutorials/1-1-textarea/React/styles.scss b/demos/src/Tutorials/1-1-textarea/React/styles.scss
new file mode 100644
index 0000000..99f7e4f
--- /dev/null
+++ b/demos/src/Tutorials/1-1-textarea/React/styles.scss
@@ -0,0 +1,68 @@
+/* Demo styling */
+#app {
+  gap: 1rem;
+  padding: 1.5rem;
+}
+
+/* Textarea styling */
+textarea,
+.textarea {
+  border-radius: 0.5rem;
+  border: 1px solid var(--gray-3);
+  color: var(--black);
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.15;
+  margin: 0;
+  padding: 0.375rem 0.625rem;
+  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+
+  &:hover {
+    border-color: var(--gray-4);
+    color: var(--black-contrast);
+  }
+
+  &[disabled] {
+    background: var(--gray-1);
+    color: var(--gray-4);
+  }
+
+  &:checked {
+    accent-color: var(--purple);
+  }
+
+  &::placeholder {
+    color: var(--gray-4);
+  }
+
+  &:focus-visible,
+  &:focus {
+    border-color: var(--purple);
+    outline: none;
+  }
+
+  &.primary {
+    background: var(--black);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--black-contrast);
+    }
+
+    &[disabled] {
+      background: var(--gray-1);
+      color: var(--gray-4);
+    }
+  }
+
+  &.is-active {
+    background: var(--purple);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--purple-contrast);
+      color: var(--white);
+    }
+  }
+}
diff --git a/demos/src/Tutorials/1-1-textarea/React/types.ts b/demos/src/Tutorials/1-1-textarea/React/types.ts
new file mode 100644
index 0000000..b6318bd
--- /dev/null
+++ b/demos/src/Tutorials/1-1-textarea/React/types.ts
@@ -0,0 +1,4 @@
+export type TNote = {
+  id: string
+  content: string
+}
diff --git a/demos/src/Tutorials/1-1-textarea/Vue/Note.vue b/demos/src/Tutorials/1-1-textarea/Vue/Note.vue
new file mode 100644
index 0000000..20a16f1
--- /dev/null
+++ b/demos/src/Tutorials/1-1-textarea/Vue/Note.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+
+import type { TNote } from './types.js'
+
+const props = defineProps<{ note: TNote }>()
+
+const modelValueProxy = ref('')
+
+watch(props, () => (modelValueProxy.value = props.note?.content), {
+  immediate: true,
+})
+</script>
+
+<template>
+  <textarea v-model="modelValueProxy" />
+</template>
diff --git a/demos/src/Tutorials/1-1-textarea/Vue/index.html b/demos/src/Tutorials/1-1-textarea/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Tutorials/1-1-textarea/Vue/index.vue b/demos/src/Tutorials/1-1-textarea/Vue/index.vue
new file mode 100644
index 0000000..a990ba4
--- /dev/null
+++ b/demos/src/Tutorials/1-1-textarea/Vue/index.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import './styles.scss'
+
+import Note from './Note.vue'
+import type { TNote } from './types.js'
+
+const notes: TNote[] = [
+  { id: 'note-1', content: 'Some random note text' },
+  { id: 'note-2', content: 'Some really random note text' },
+]
+</script>
+
+<template>
+  <template v-for="note in notes" :key="note.id">
+    <Note :note="note" />
+  </template>
+</template>
diff --git a/demos/src/Tutorials/1-1-textarea/Vue/styles.scss b/demos/src/Tutorials/1-1-textarea/Vue/styles.scss
new file mode 100644
index 0000000..99f7e4f
--- /dev/null
+++ b/demos/src/Tutorials/1-1-textarea/Vue/styles.scss
@@ -0,0 +1,68 @@
+/* Demo styling */
+#app {
+  gap: 1rem;
+  padding: 1.5rem;
+}
+
+/* Textarea styling */
+textarea,
+.textarea {
+  border-radius: 0.5rem;
+  border: 1px solid var(--gray-3);
+  color: var(--black);
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.15;
+  margin: 0;
+  padding: 0.375rem 0.625rem;
+  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+
+  &:hover {
+    border-color: var(--gray-4);
+    color: var(--black-contrast);
+  }
+
+  &[disabled] {
+    background: var(--gray-1);
+    color: var(--gray-4);
+  }
+
+  &:checked {
+    accent-color: var(--purple);
+  }
+
+  &::placeholder {
+    color: var(--gray-4);
+  }
+
+  &:focus-visible,
+  &:focus {
+    border-color: var(--purple);
+    outline: none;
+  }
+
+  &.primary {
+    background: var(--black);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--black-contrast);
+    }
+
+    &[disabled] {
+      background: var(--gray-1);
+      color: var(--gray-4);
+    }
+  }
+
+  &.is-active {
+    background: var(--purple);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--purple-contrast);
+      color: var(--white);
+    }
+  }
+}
diff --git a/demos/src/Tutorials/1-1-textarea/Vue/types.ts b/demos/src/Tutorials/1-1-textarea/Vue/types.ts
new file mode 100644
index 0000000..b6318bd
--- /dev/null
+++ b/demos/src/Tutorials/1-1-textarea/Vue/types.ts
@@ -0,0 +1,4 @@
+export type TNote = {
+  id: string
+  content: string
+}
diff --git a/demos/src/Tutorials/1-2-tiptap/React/Note.tsx b/demos/src/Tutorials/1-2-tiptap/React/Note.tsx
new file mode 100644
index 0000000..38b5f1a
--- /dev/null
+++ b/demos/src/Tutorials/1-2-tiptap/React/Note.tsx
@@ -0,0 +1,27 @@
+import { EditorContent, useEditor } from '@tiptap/react'
+import { StarterKit } from '@tiptap/starter-kit'
+import React, { useState } from 'react'
+
+import type { TNote } from './types.js'
+
+export default ({ note }: { note: TNote }) => {
+  const [modelValue, setModelValue] = useState(note.content)
+
+  const editor = useEditor({
+    content: modelValue,
+    editorProps: {
+      attributes: {
+        class: 'textarea',
+      },
+    },
+    onUpdate() {
+      setModelValue(editor?.getText() ?? '')
+    },
+    extensions: [StarterKit],
+  })
+
+  return (
+    // @ts-ignore
+    <EditorContent editor={editor} />
+  )
+}
diff --git a/demos/src/Tutorials/1-2-tiptap/React/index.html b/demos/src/Tutorials/1-2-tiptap/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Tutorials/1-2-tiptap/React/index.tsx b/demos/src/Tutorials/1-2-tiptap/React/index.tsx
new file mode 100644
index 0000000..ab06a56
--- /dev/null
+++ b/demos/src/Tutorials/1-2-tiptap/React/index.tsx
@@ -0,0 +1,27 @@
+import './styles.scss'
+
+import React from 'react'
+
+import Note from './Note.jsx'
+import type { TNote } from './types.js'
+
+const notes: TNote[] = [
+  {
+    id: 'note-1',
+    content: 'Some random note text',
+  },
+  {
+    id: 'note-2',
+    content: 'Some really random note text',
+  },
+]
+
+export default () => {
+  return (
+    <>
+      {notes.map(note => (
+        <Note note={note} key={note.id} />
+      ))}
+    </>
+  )
+}
diff --git a/demos/src/Tutorials/1-2-tiptap/React/styles.scss b/demos/src/Tutorials/1-2-tiptap/React/styles.scss
new file mode 100644
index 0000000..e956e89
--- /dev/null
+++ b/demos/src/Tutorials/1-2-tiptap/React/styles.scss
@@ -0,0 +1,160 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+
+/* Demo styling */
+#app {
+  gap: 1rem;
+  padding: 1.5rem;
+}
+
+/* Textarea styling */
+textarea,
+.textarea {
+  border-radius: 0.5rem;
+  border: 1px solid var(--gray-3);
+  color: var(--black);
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.15;
+  margin: 0;
+  padding: 0.375rem 0.625rem;
+  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+
+  &:hover {
+    border-color: var(--gray-4);
+    color: var(--black-contrast);
+  }
+
+  &[disabled] {
+    background: var(--gray-1);
+    color: var(--gray-4);
+  }
+
+  &:checked {
+    accent-color: var(--purple);
+  }
+
+  &::placeholder {
+    color: var(--gray-4);
+  }
+
+  &:focus-visible,
+  &:focus {
+    border-color: var(--purple);
+    outline: none;
+  }
+
+  &.primary {
+    background: var(--black);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--black-contrast);
+    }
+
+    &[disabled] {
+      background: var(--gray-1);
+      color: var(--gray-4);
+    }
+  }
+
+  &.is-active {
+    background: var(--purple);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--purple-contrast);
+      color: var(--white);
+    }
+  }
+}
diff --git a/demos/src/Tutorials/1-2-tiptap/React/types.ts b/demos/src/Tutorials/1-2-tiptap/React/types.ts
new file mode 100644
index 0000000..b6318bd
--- /dev/null
+++ b/demos/src/Tutorials/1-2-tiptap/React/types.ts
@@ -0,0 +1,4 @@
+export type TNote = {
+  id: string
+  content: string
+}
diff --git a/demos/src/Tutorials/1-2-tiptap/Vue/Note.vue b/demos/src/Tutorials/1-2-tiptap/Vue/Note.vue
new file mode 100644
index 0000000..97cd656
--- /dev/null
+++ b/demos/src/Tutorials/1-2-tiptap/Vue/Note.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import StarterKit from '@tiptap/starter-kit'
+import { EditorContent, useEditor } from '@tiptap/vue'
+import { ref, watch } from 'vue'
+
+import type { TNote } from './types.js'
+
+const props = defineProps<{ note: TNote }>()
+
+const modelValueProxy = ref('')
+
+watch(props, () => (modelValueProxy.value = props.note.content))
+
+const editor = useEditor({
+  content: props.note.content,
+  editorProps: {
+    attributes: {
+      class: 'textarea',
+    },
+  },
+  extensions: [StarterKit],
+})
+</script>
+
+<template>
+  <editor-content :editor="editor" />
+</template>
diff --git a/demos/src/Tutorials/1-2-tiptap/Vue/index.html b/demos/src/Tutorials/1-2-tiptap/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Tutorials/1-2-tiptap/Vue/index.vue b/demos/src/Tutorials/1-2-tiptap/Vue/index.vue
new file mode 100644
index 0000000..a990ba4
--- /dev/null
+++ b/demos/src/Tutorials/1-2-tiptap/Vue/index.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import './styles.scss'
+
+import Note from './Note.vue'
+import type { TNote } from './types.js'
+
+const notes: TNote[] = [
+  { id: 'note-1', content: 'Some random note text' },
+  { id: 'note-2', content: 'Some really random note text' },
+]
+</script>
+
+<template>
+  <template v-for="note in notes" :key="note.id">
+    <Note :note="note" />
+  </template>
+</template>
diff --git a/demos/src/Tutorials/1-2-tiptap/Vue/styles.scss b/demos/src/Tutorials/1-2-tiptap/Vue/styles.scss
new file mode 100644
index 0000000..e956e89
--- /dev/null
+++ b/demos/src/Tutorials/1-2-tiptap/Vue/styles.scss
@@ -0,0 +1,160 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+
+/* Demo styling */
+#app {
+  gap: 1rem;
+  padding: 1.5rem;
+}
+
+/* Textarea styling */
+textarea,
+.textarea {
+  border-radius: 0.5rem;
+  border: 1px solid var(--gray-3);
+  color: var(--black);
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.15;
+  margin: 0;
+  padding: 0.375rem 0.625rem;
+  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+
+  &:hover {
+    border-color: var(--gray-4);
+    color: var(--black-contrast);
+  }
+
+  &[disabled] {
+    background: var(--gray-1);
+    color: var(--gray-4);
+  }
+
+  &:checked {
+    accent-color: var(--purple);
+  }
+
+  &::placeholder {
+    color: var(--gray-4);
+  }
+
+  &:focus-visible,
+  &:focus {
+    border-color: var(--purple);
+    outline: none;
+  }
+
+  &.primary {
+    background: var(--black);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--black-contrast);
+    }
+
+    &[disabled] {
+      background: var(--gray-1);
+      color: var(--gray-4);
+    }
+  }
+
+  &.is-active {
+    background: var(--purple);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--purple-contrast);
+      color: var(--white);
+    }
+  }
+}
diff --git a/demos/src/Tutorials/1-2-tiptap/Vue/types.ts b/demos/src/Tutorials/1-2-tiptap/Vue/types.ts
new file mode 100644
index 0000000..b6318bd
--- /dev/null
+++ b/demos/src/Tutorials/1-2-tiptap/Vue/types.ts
@@ -0,0 +1,4 @@
+export type TNote = {
+  id: string
+  content: string
+}
diff --git a/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/Note.tsx b/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/Note.tsx
new file mode 100644
index 0000000..6740681
--- /dev/null
+++ b/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/Note.tsx
@@ -0,0 +1,37 @@
+import './styles.css'
+
+import type { InitialConfigType } from '@lexical/react/LexicalComposer'
+import { LexicalComposer } from '@lexical/react/LexicalComposer'
+import { ContentEditable } from '@lexical/react/LexicalContentEditable'
+import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary'
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin'
+import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin'
+import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin'
+import type { EditorState } from 'lexical/LexicalEditorState'
+import React, { useRef } from 'react'
+
+import type { TNote } from './types.js'
+
+export default ({ note }: { note: TNote }) => {
+  const editorStateRef = useRef<EditorState>()
+
+  const initialConfig: InitialConfigType = {
+    onError(error: Error): void {
+      throw error
+    },
+    namespace: 'myeditor',
+    editable: true,
+  }
+
+  return (
+    <LexicalComposer initialConfig={initialConfig}>
+      <RichTextPlugin
+        contentEditable={<ContentEditable />}
+        placeholder={<p>{note.content}</p>}
+        ErrorBoundary={LexicalErrorBoundary}
+      />
+      <HistoryPlugin />
+      <OnChangePlugin onChange={editorState => (editorStateRef.current = editorState)} />
+    </LexicalComposer>
+  )
+}
diff --git a/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/index.html b/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/index.tsx b/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/index.tsx
new file mode 100644
index 0000000..c56e1fd
--- /dev/null
+++ b/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/index.tsx
@@ -0,0 +1,27 @@
+import './styles.css'
+
+import React from 'react'
+
+import Note from './Note.jsx'
+import type { TNote } from './types.js'
+
+const notes: TNote[] = [
+  {
+    id: 'note-1',
+    content: 'some random note text',
+  },
+  {
+    id: 'note-2',
+    content: 'some really random note text',
+  },
+]
+
+export default () => {
+  return (
+    <>
+      {notes.map(note => (
+        <Note note={note} key={note.id} />
+      ))}
+    </>
+  )
+}
diff --git a/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/styles.css b/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/styles.css
new file mode 100644
index 0000000..a31e444
--- /dev/null
+++ b/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/styles.css
@@ -0,0 +1,3 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';
diff --git a/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/types.ts b/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/types.ts
new file mode 100644
index 0000000..b6318bd
--- /dev/null
+++ b/demos/src/Tutorials/1-2-tiptap_lexical/Lexical-React/types.ts
@@ -0,0 +1,4 @@
+export type TNote = {
+  id: string
+  content: string
+}
diff --git a/demos/src/Tutorials/1-3-yjs/React/Note.tsx b/demos/src/Tutorials/1-3-yjs/React/Note.tsx
new file mode 100644
index 0000000..1e78001
--- /dev/null
+++ b/demos/src/Tutorials/1-3-yjs/React/Note.tsx
@@ -0,0 +1,33 @@
+import { Collaboration } from '@tiptap/extension-collaboration'
+import { EditorContent, useEditor } from '@tiptap/react'
+import { StarterKit } from '@tiptap/starter-kit'
+import React from 'react'
+import * as Y from 'yjs'
+
+import type { TNote } from './types.js'
+
+export default ({ note }: { note: TNote }) => {
+  const doc = new Y.Doc()
+
+  const editor = useEditor({
+    content: note.defaultContent,
+    editorProps: {
+      attributes: {
+        class: 'textarea',
+      },
+    },
+    extensions: [
+      StarterKit.configure({
+        history: false, // important because history will now be handled by Y.js
+      }),
+      Collaboration.configure({
+        document: doc,
+      }),
+    ],
+  })
+
+  return (
+    // @ts-ignore
+    <EditorContent editor={editor} />
+  )
+}
diff --git a/demos/src/Tutorials/1-3-yjs/React/index.html b/demos/src/Tutorials/1-3-yjs/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Tutorials/1-3-yjs/React/index.tsx b/demos/src/Tutorials/1-3-yjs/React/index.tsx
new file mode 100644
index 0000000..c841503
--- /dev/null
+++ b/demos/src/Tutorials/1-3-yjs/React/index.tsx
@@ -0,0 +1,27 @@
+import './styles.scss'
+
+import React from 'react'
+
+import Note from './Note.jsx'
+import type { TNote } from './types.js'
+
+const notes: TNote[] = [
+  {
+    id: 'note-1',
+    defaultContent: 'Some random note text',
+  },
+  {
+    id: 'note-2',
+    defaultContent: 'Some really random note text',
+  },
+]
+
+export default () => {
+  return (
+    <>
+      {notes.map(note => (
+        <Note note={note} key={note.id} />
+      ))}
+    </>
+  )
+}
diff --git a/demos/src/Tutorials/1-3-yjs/React/styles.scss b/demos/src/Tutorials/1-3-yjs/React/styles.scss
new file mode 100644
index 0000000..e956e89
--- /dev/null
+++ b/demos/src/Tutorials/1-3-yjs/React/styles.scss
@@ -0,0 +1,160 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+
+/* Demo styling */
+#app {
+  gap: 1rem;
+  padding: 1.5rem;
+}
+
+/* Textarea styling */
+textarea,
+.textarea {
+  border-radius: 0.5rem;
+  border: 1px solid var(--gray-3);
+  color: var(--black);
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.15;
+  margin: 0;
+  padding: 0.375rem 0.625rem;
+  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+
+  &:hover {
+    border-color: var(--gray-4);
+    color: var(--black-contrast);
+  }
+
+  &[disabled] {
+    background: var(--gray-1);
+    color: var(--gray-4);
+  }
+
+  &:checked {
+    accent-color: var(--purple);
+  }
+
+  &::placeholder {
+    color: var(--gray-4);
+  }
+
+  &:focus-visible,
+  &:focus {
+    border-color: var(--purple);
+    outline: none;
+  }
+
+  &.primary {
+    background: var(--black);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--black-contrast);
+    }
+
+    &[disabled] {
+      background: var(--gray-1);
+      color: var(--gray-4);
+    }
+  }
+
+  &.is-active {
+    background: var(--purple);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--purple-contrast);
+      color: var(--white);
+    }
+  }
+}
diff --git a/demos/src/Tutorials/1-3-yjs/React/types.ts b/demos/src/Tutorials/1-3-yjs/React/types.ts
new file mode 100644
index 0000000..eba38af
--- /dev/null
+++ b/demos/src/Tutorials/1-3-yjs/React/types.ts
@@ -0,0 +1,4 @@
+export type TNote = {
+  id: string
+  defaultContent: string
+}
diff --git a/demos/src/Tutorials/1-3-yjs/Vue/Note.vue b/demos/src/Tutorials/1-3-yjs/Vue/Note.vue
new file mode 100644
index 0000000..31fc66c
--- /dev/null
+++ b/demos/src/Tutorials/1-3-yjs/Vue/Note.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { Collaboration } from '@tiptap/extension-collaboration'
+import StarterKit from '@tiptap/starter-kit'
+import { EditorContent, useEditor } from '@tiptap/vue'
+import * as Y from 'yjs'
+
+import type { TNote } from './types.js'
+
+const props = defineProps<{ note: TNote }>()
+
+const doc = new Y.Doc()
+
+const editor = useEditor({
+  content: props.note.defaultContent,
+  editorProps: {
+    attributes: {
+      class: 'textarea',
+    },
+  },
+  extensions: [
+    StarterKit.configure({
+      history: false, // important because history will now be handled by Y.js
+    }),
+    Collaboration.configure({
+      document: doc,
+    }),
+  ],
+})
+</script>
+
+<template>
+  <editor-content :editor="editor" />
+</template>
diff --git a/demos/src/Tutorials/1-3-yjs/Vue/index.html b/demos/src/Tutorials/1-3-yjs/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Tutorials/1-3-yjs/Vue/index.vue b/demos/src/Tutorials/1-3-yjs/Vue/index.vue
new file mode 100644
index 0000000..983fa91
--- /dev/null
+++ b/demos/src/Tutorials/1-3-yjs/Vue/index.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import './styles.scss'
+
+import Note from './Note.vue'
+import type { TNote } from './types.js'
+
+const notes: TNote[] = [
+  { id: 'note-1', defaultContent: 'Some random note text' },
+  { id: 'note-2', defaultContent: 'Some really random note text' },
+]
+</script>
+
+<template>
+  <template v-for="note in notes" :key="note.id">
+    <Note :note="note" />
+  </template>
+</template>
diff --git a/demos/src/Tutorials/1-3-yjs/Vue/styles.scss b/demos/src/Tutorials/1-3-yjs/Vue/styles.scss
new file mode 100644
index 0000000..e956e89
--- /dev/null
+++ b/demos/src/Tutorials/1-3-yjs/Vue/styles.scss
@@ -0,0 +1,160 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+
+/* Demo styling */
+#app {
+  gap: 1rem;
+  padding: 1.5rem;
+}
+
+/* Textarea styling */
+textarea,
+.textarea {
+  border-radius: 0.5rem;
+  border: 1px solid var(--gray-3);
+  color: var(--black);
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.15;
+  margin: 0;
+  padding: 0.375rem 0.625rem;
+  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+
+  &:hover {
+    border-color: var(--gray-4);
+    color: var(--black-contrast);
+  }
+
+  &[disabled] {
+    background: var(--gray-1);
+    color: var(--gray-4);
+  }
+
+  &:checked {
+    accent-color: var(--purple);
+  }
+
+  &::placeholder {
+    color: var(--gray-4);
+  }
+
+  &:focus-visible,
+  &:focus {
+    border-color: var(--purple);
+    outline: none;
+  }
+
+  &.primary {
+    background: var(--black);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--black-contrast);
+    }
+
+    &[disabled] {
+      background: var(--gray-1);
+      color: var(--gray-4);
+    }
+  }
+
+  &.is-active {
+    background: var(--purple);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--purple-contrast);
+      color: var(--white);
+    }
+  }
+}
diff --git a/demos/src/Tutorials/1-3-yjs/Vue/types.ts b/demos/src/Tutorials/1-3-yjs/Vue/types.ts
new file mode 100644
index 0000000..eba38af
--- /dev/null
+++ b/demos/src/Tutorials/1-3-yjs/Vue/types.ts
@@ -0,0 +1,4 @@
+export type TNote = {
+  id: string
+  defaultContent: string
+}
diff --git a/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/Note.tsx b/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/Note.tsx
new file mode 100644
index 0000000..79f4b92
--- /dev/null
+++ b/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/Note.tsx
@@ -0,0 +1,56 @@
+import './styles.css'
+
+import { TiptapCollabProvider } from '@hocuspocus/provider'
+import { LexicalCollaboration } from '@lexical/react/LexicalCollaborationContext'
+import { CollaborationPlugin } from '@lexical/react/LexicalCollaborationPlugin'
+import type { InitialConfigType } from '@lexical/react/LexicalComposer'
+import { LexicalComposer } from '@lexical/react/LexicalComposer'
+import { ContentEditable } from '@lexical/react/LexicalContentEditable'
+import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary'
+import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin'
+import React from 'react'
+import * as Y from 'yjs'
+
+import type { TNote } from './types.js'
+
+export default ({ note }: { note: TNote }) => {
+  const initialConfig: InitialConfigType = {
+    onError(error: Error): void {
+      throw error
+    },
+    namespace: 'myeditor',
+    editable: true,
+  }
+
+  return (
+    <LexicalCollaboration>
+      <LexicalComposer initialConfig={initialConfig}>
+        <RichTextPlugin
+          contentEditable={<ContentEditable />}
+          placeholder={<p>{note.defaultContent}</p>}
+          ErrorBoundary={LexicalErrorBoundary}
+        />
+        <CollaborationPlugin
+          id={note.id}
+          key={note.id}
+          // @ts-ignore
+          providerFactory={(id, yjsDocMap) => {
+            const doc = new Y.Doc()
+
+            yjsDocMap.set(id, doc)
+
+            const provider = new TiptapCollabProvider({
+              name: note.id, // any identifier - all connections sharing the same identifier will be synced
+              appId: '7j9y6m10', // replace with YOUR_APP_ID
+              token: 'notoken', // replace with your JWT
+              document: doc,
+            })
+
+            return provider
+          }}
+          shouldBootstrap={true}
+        />
+      </LexicalComposer>
+    </LexicalCollaboration>
+  )
+}
diff --git a/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/index.html b/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/index.tsx b/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/index.tsx
new file mode 100644
index 0000000..ee0036f
--- /dev/null
+++ b/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/index.tsx
@@ -0,0 +1,27 @@
+import './styles.css'
+
+import React from 'react'
+
+import Note from './Note.jsx'
+import type { TNote } from './types.js'
+
+const notes: TNote[] = [
+  {
+    id: 'note-1',
+    defaultContent: 'some random note text',
+  },
+  {
+    id: 'note-2',
+    defaultContent: 'some really random note text',
+  },
+]
+
+export default () => {
+  return (
+    <>
+      {notes.map(note => (
+        <Note note={note} key={note.id} />
+      ))}
+    </>
+  )
+}
diff --git a/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/styles.css b/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/styles.css
new file mode 100644
index 0000000..a31e444
--- /dev/null
+++ b/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/styles.css
@@ -0,0 +1,3 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';
diff --git a/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/types.ts b/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/types.ts
new file mode 100644
index 0000000..eba38af
--- /dev/null
+++ b/demos/src/Tutorials/1-3-yjs_lexical/Lexical-React/types.ts
@@ -0,0 +1,4 @@
+export type TNote = {
+  id: string
+  defaultContent: string
+}
diff --git a/demos/src/Tutorials/1-4-collab/React/Note.tsx b/demos/src/Tutorials/1-4-collab/React/Note.tsx
new file mode 100644
index 0000000..d893330
--- /dev/null
+++ b/demos/src/Tutorials/1-4-collab/React/Note.tsx
@@ -0,0 +1,50 @@
+import { TiptapCollabProvider } from '@hocuspocus/provider'
+import { Collaboration } from '@tiptap/extension-collaboration'
+import { EditorContent, useEditor } from '@tiptap/react'
+import { StarterKit } from '@tiptap/starter-kit'
+import React, { useEffect } from 'react'
+import * as Y from 'yjs'
+
+import type { TNote } from './types.js'
+
+export default ({ note }: { note: TNote }) => {
+  const doc = new Y.Doc()
+
+  useEffect(() => {
+    const provider = new TiptapCollabProvider({
+      name: note.id, // any identifier - all connections sharing the same identifier will be synced
+      appId: '7j9y6m10', // replace with YOUR_APP_ID
+      token: 'notoken', // replace with your JWT
+      document: doc,
+    })
+
+    return () => {
+      provider.destroy()
+    }
+  }, [note.id])
+
+  const editor = useEditor({
+    // make sure that you don't use `content` property anymore!
+    // If you want to add default content, feel free to just write text to the Tiptap editor (i.e. editor.setContent (https://tiptap.dev/api/commands/set-content), but make sure that
+    // you do this only once per document, otherwise the content will
+    // be added again, and again, and again ..
+    editorProps: {
+      attributes: {
+        class: 'textarea',
+      },
+    },
+    extensions: [
+      StarterKit.configure({
+        history: false, // important because history will now be handled by Y.js
+      }),
+      Collaboration.configure({
+        document: doc,
+      }),
+    ],
+  })
+
+  return (
+    // @ts-ignore
+    <EditorContent editor={editor} />
+  )
+}
diff --git a/demos/src/Tutorials/1-4-collab/React/index.html b/demos/src/Tutorials/1-4-collab/React/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Tutorials/1-4-collab/React/index.tsx b/demos/src/Tutorials/1-4-collab/React/index.tsx
new file mode 100644
index 0000000..c841503
--- /dev/null
+++ b/demos/src/Tutorials/1-4-collab/React/index.tsx
@@ -0,0 +1,27 @@
+import './styles.scss'
+
+import React from 'react'
+
+import Note from './Note.jsx'
+import type { TNote } from './types.js'
+
+const notes: TNote[] = [
+  {
+    id: 'note-1',
+    defaultContent: 'Some random note text',
+  },
+  {
+    id: 'note-2',
+    defaultContent: 'Some really random note text',
+  },
+]
+
+export default () => {
+  return (
+    <>
+      {notes.map(note => (
+        <Note note={note} key={note.id} />
+      ))}
+    </>
+  )
+}
diff --git a/demos/src/Tutorials/1-4-collab/React/styles.scss b/demos/src/Tutorials/1-4-collab/React/styles.scss
new file mode 100644
index 0000000..e956e89
--- /dev/null
+++ b/demos/src/Tutorials/1-4-collab/React/styles.scss
@@ -0,0 +1,160 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+
+/* Demo styling */
+#app {
+  gap: 1rem;
+  padding: 1.5rem;
+}
+
+/* Textarea styling */
+textarea,
+.textarea {
+  border-radius: 0.5rem;
+  border: 1px solid var(--gray-3);
+  color: var(--black);
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.15;
+  margin: 0;
+  padding: 0.375rem 0.625rem;
+  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+
+  &:hover {
+    border-color: var(--gray-4);
+    color: var(--black-contrast);
+  }
+
+  &[disabled] {
+    background: var(--gray-1);
+    color: var(--gray-4);
+  }
+
+  &:checked {
+    accent-color: var(--purple);
+  }
+
+  &::placeholder {
+    color: var(--gray-4);
+  }
+
+  &:focus-visible,
+  &:focus {
+    border-color: var(--purple);
+    outline: none;
+  }
+
+  &.primary {
+    background: var(--black);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--black-contrast);
+    }
+
+    &[disabled] {
+      background: var(--gray-1);
+      color: var(--gray-4);
+    }
+  }
+
+  &.is-active {
+    background: var(--purple);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--purple-contrast);
+      color: var(--white);
+    }
+  }
+}
diff --git a/demos/src/Tutorials/1-4-collab/React/types.ts b/demos/src/Tutorials/1-4-collab/React/types.ts
new file mode 100644
index 0000000..eba38af
--- /dev/null
+++ b/demos/src/Tutorials/1-4-collab/React/types.ts
@@ -0,0 +1,4 @@
+export type TNote = {
+  id: string
+  defaultContent: string
+}
diff --git a/demos/src/Tutorials/1-4-collab/Vue/Note.vue b/demos/src/Tutorials/1-4-collab/Vue/Note.vue
new file mode 100644
index 0000000..e777ac9
--- /dev/null
+++ b/demos/src/Tutorials/1-4-collab/Vue/Note.vue
@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { TiptapCollabProvider } from '@hocuspocus/provider'
+import { Collaboration } from '@tiptap/extension-collaboration'
+import StarterKit from '@tiptap/starter-kit'
+import { EditorContent, useEditor } from '@tiptap/vue'
+import { onMounted, onUnmounted } from 'vue'
+import * as Y from 'yjs'
+
+import type { TNote } from './types.js'
+
+const props = defineProps<{ note: TNote }>()
+
+let provider: TiptapCollabProvider | undefined
+
+const doc = new Y.Doc()
+
+onMounted(() => {
+  provider = new TiptapCollabProvider({
+    name: props.note.id, // any identifier - all connections sharing the same identifier will be synced
+    appId: '7j9y6m10', // replace with YOUR_APP_ID
+    token: 'notoken', // replace with your JWT
+    document: doc,
+  })
+})
+
+onUnmounted(() => provider?.destroy())
+
+const editor = useEditor({
+  // make sure that you don't use `content` property anymore!
+  // If you want to add default content, feel free to just write text to the Tiptap editor (i.e. editor.setContent (https://tiptap.dev/api/commands/set-content), but make sure that
+  // you do this only once per document, otherwise the content will
+  // be added again, and again, and again ..
+  editorProps: {
+    attributes: {
+      class: 'textarea',
+    },
+  },
+  extensions: [
+    StarterKit.configure({
+      history: false, // important because history will now be handled by Y.js
+    }),
+    Collaboration.configure({
+      document: doc,
+    }),
+  ],
+})
+</script>
+
+<template>
+  <editor-content :editor="editor" />
+</template>
diff --git a/demos/src/Tutorials/1-4-collab/Vue/index.html b/demos/src/Tutorials/1-4-collab/Vue/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/demos/src/Tutorials/1-4-collab/Vue/index.vue b/demos/src/Tutorials/1-4-collab/Vue/index.vue
new file mode 100644
index 0000000..26a8483
--- /dev/null
+++ b/demos/src/Tutorials/1-4-collab/Vue/index.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import './styles.scss'
+
+import Note from './Note.vue'
+import type { TNote } from './types.js'
+
+const notes: TNote[] = [{ id: 'note-1' }, { id: 'note-2' }]
+</script>
+
+<template>
+  <template v-for="note in notes" :key="note.id">
+    <Note :note="note" />
+  </template>
+</template>
diff --git a/demos/src/Tutorials/1-4-collab/Vue/styles.scss b/demos/src/Tutorials/1-4-collab/Vue/styles.scss
new file mode 100644
index 0000000..e956e89
--- /dev/null
+++ b/demos/src/Tutorials/1-4-collab/Vue/styles.scss
@@ -0,0 +1,160 @@
+/* Basic editor styles */
+.tiptap {
+  :first-child {
+    margin-top: 0;
+  }
+
+  /* List styles */
+  ul,
+  ol {
+    padding: 0 1rem;
+    margin: 1.25rem 1rem 1.25rem 0.4rem;
+
+    li p {
+      margin-top: 0.25em;
+      margin-bottom: 0.25em;
+    }
+  }
+
+  /* Heading styles */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.1;
+    margin-top: 2.5rem;
+    text-wrap: pretty;
+  }
+
+  h1,
+  h2 {
+    margin-top: 3.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  h1 {
+    font-size: 1.4rem;
+  }
+
+  h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-size: 1.1rem;
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: 1rem;
+  }
+
+  /* Code and preformatted text styles */
+  code {
+    background-color: var(--purple-light);
+    border-radius: 0.4rem;
+    color: var(--black);
+    font-size: 0.85rem;
+    padding: 0.25em 0.3em;
+  }
+
+  pre {
+    background: var(--black);
+    border-radius: 0.5rem;
+    color: var(--white);
+    font-family: 'JetBrainsMono', monospace;
+    margin: 1.5rem 0;
+    padding: 0.75rem 1rem;
+
+    code {
+      background: none;
+      color: inherit;
+      font-size: 0.8rem;
+      padding: 0;
+    }
+  }
+
+  blockquote {
+    border-left: 3px solid var(--gray-3);
+    margin: 1.5rem 0;
+    padding-left: 1rem;
+  }
+
+  hr {
+    border: none;
+    border-top: 1px solid var(--gray-2);
+    margin: 2rem 0;
+  }
+}
+
+/* Demo styling */
+#app {
+  gap: 1rem;
+  padding: 1.5rem;
+}
+
+/* Textarea styling */
+textarea,
+.textarea {
+  border-radius: 0.5rem;
+  border: 1px solid var(--gray-3);
+  color: var(--black);
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.15;
+  margin: 0;
+  padding: 0.375rem 0.625rem;
+  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
+
+  &:hover {
+    border-color: var(--gray-4);
+    color: var(--black-contrast);
+  }
+
+  &[disabled] {
+    background: var(--gray-1);
+    color: var(--gray-4);
+  }
+
+  &:checked {
+    accent-color: var(--purple);
+  }
+
+  &::placeholder {
+    color: var(--gray-4);
+  }
+
+  &:focus-visible,
+  &:focus {
+    border-color: var(--purple);
+    outline: none;
+  }
+
+  &.primary {
+    background: var(--black);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--black-contrast);
+    }
+
+    &[disabled] {
+      background: var(--gray-1);
+      color: var(--gray-4);
+    }
+  }
+
+  &.is-active {
+    background: var(--purple);
+    color: var(--white);
+
+    &:hover {
+      background-color: var(--purple-contrast);
+      color: var(--white);
+    }
+  }
+}
diff --git a/demos/src/Tutorials/1-4-collab/Vue/types.ts b/demos/src/Tutorials/1-4-collab/Vue/types.ts
new file mode 100644
index 0000000..d78176b
--- /dev/null
+++ b/demos/src/Tutorials/1-4-collab/Vue/types.ts
@@ -0,0 +1,3 @@
+export type TNote = {
+  id: string
+}
diff --git a/demos/src/utils/updatePosition.js b/demos/src/utils/updatePosition.js
new file mode 100644
index 0000000..b8ff7d7
--- /dev/null
+++ b/demos/src/utils/updatePosition.js
@@ -0,0 +1,47 @@
+import { computePosition, flip, offset, shift } from '@floating-ui/dom'
+
+function getSelectionClientRect(editor) {
+  const { from } = editor.state.selection
+  const { left, right, top, bottom } = editor.view.coordsAtPos(from)
+
+  return new DOMRect(left, top, right - left, bottom - top)
+}
+
+export function updatePosition({
+  editor,
+  clientRect,
+  element,
+  placement = 'bottom-start',
+  strategy = 'absolute',
+  middleware = [shift(), flip()],
+  offsetValue,
+}) {
+  if (!element) {
+    return
+  }
+
+  const rect = clientRect || (editor ? getSelectionClientRect(editor) : null)
+
+  if (!rect) {
+    return
+  }
+
+  const virtualElement = {
+    getBoundingClientRect: () => rect,
+  }
+
+  const resolvedMiddleware = offsetValue ? [offset(offsetValue), ...middleware] : middleware
+
+  return computePosition(virtualElement, element, {
+    placement,
+    strategy,
+    middleware: resolvedMiddleware,
+  }).then(({ x, y, strategy: resolvedStrategy }) => {
+    Object.assign(element.style, {
+      width: 'max-content',
+      position: resolvedStrategy,
+      left: `${x}px`,
+      top: `${y}px`,
+    })
+  })
+}
diff --git a/demos/src/variables.js b/demos/src/variables.js
new file mode 100644
index 0000000..b647a26
--- /dev/null
+++ b/demos/src/variables.js
@@ -0,0 +1,4 @@
+// This is a workaround as vite failes to resolves the environment variables
+export const variables = {
+  collabRooms: import.meta.env.VITE_COLLAB_ROOMS,
+}
diff --git a/demos/tailwind.config.js b/demos/tailwind.config.js
new file mode 100644
index 0000000..b36ced6
--- /dev/null
+++ b/demos/tailwind.config.js
@@ -0,0 +1,106 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+  content: ['./preview/**/*.{vue,js,ts,jsx,tsx}', './src/**/*.{vue,js,ts,jsx,tsx}'],
+
+  theme: {
+    extend: {
+      borderWidth: {
+        3: '3px',
+      },
+      colors: {
+        code: {
+          attrName: '#faf594',
+          attrValue: '##b9f18d',
+          doctype: '#616161',
+          keyword: '##958df1',
+          punctuation: '##70cff8',
+          string: '#b9f18d',
+          tag: '#f98181',
+        },
+        transparency: {
+          box: {
+            3: 'rgba(13, 13, 13, 0.03)',
+            5: 'rgba(13, 13, 13, 0.05)',
+          },
+        },
+        gray: {
+          DEFAULT: '',
+          900: '#0d0d0d',
+          800: '#262626',
+          700: '#3a3a3a',
+          600: '#4e4e4e',
+          500: '#616161',
+          400: '#737373',
+          300: '#919191',
+          200: '#b3b3b3',
+          100: '#d6d6d6',
+          50: '#e8e8e8',
+        },
+        accent: {
+          DEFAULT: '#faf594',
+          50: '#fffffa',
+          100: '#fffef4',
+          200: '#fefde4',
+          300: '#fdfbd4',
+          400: '#fcf8b4',
+          500: '#faf594',
+          600: '#e1dd85',
+          700: '#bcb86f',
+          800: '#969359',
+          900: '#7b7849',
+        },
+        success: {
+          DEFAULT: '#b9f18d',
+          50: '#fcfef9',
+          100: '#f8fef4',
+          200: '#eefce3',
+          300: '#e3f9d1',
+          400: '#cef5af',
+          500: '#b9f18d',
+          600: '#a7d97f',
+          700: '#8bb56a',
+          800: '#6f9155',
+          900: '#5b7645',
+        },
+      },
+      spacing: {},
+      borderRadius: {
+        xxs: '0.4rem',
+        box: '0.75rem',
+      },
+      fontSize: {
+        '2xl': '2.75rem',
+        xl: '1.5rem',
+        lg: '1.17rem',
+        sm: '0.85rem',
+      },
+      lineHeight: {
+        DEFAULT: '1.7rem',
+        '2xl': '3.16rem',
+        xl: '1.8rem',
+        lg: '1.6rem',
+      },
+      transition: {},
+      height: {
+        18: '4.5rem',
+      },
+      padding: {
+        18: '4.5rem',
+      },
+      zIndex: {},
+      boxShadow: {},
+      textShadow: {},
+      fontFamily: {
+        sans: ['Inter', ...defaultTheme.fontFamily.sans],
+        mono: ['JetBrains Mono', ...defaultTheme.fontFamily.mono],
+      },
+    },
+  },
+
+  variants: {
+    extend: {
+      opacity: ['disabled'],
+    },
+  },
+}
diff --git a/demos/test/helpers.ts b/demos/test/helpers.ts
new file mode 100644
index 0000000..ba1bfd6
--- /dev/null
+++ b/demos/test/helpers.ts
@@ -0,0 +1,45 @@
+import type { Page } from '@playwright/test'
+
+/**
+ * Get the editor element from the page
+ * @param page The page to get the editor from
+ * @returns The editor element Locator
+ */
+export async function getEditor(page: Page) {
+  const locator = page.locator('.tiptap')
+  await locator.waitFor()
+  return locator
+}
+
+/**
+ * Set default content for the editor
+ * @param page The page containing the editor
+ * @param content The HTML content to set
+ */
+export async function setEditorContent(page: Page, content: string) {
+  const editor = await getEditor(page)
+  await editor.evaluate((el: any, innerContent: string) => {
+    el.editor.commands.setContent(innerContent)
+  }, content)
+}
+
+/**
+ * Place the caret at the end of the document.
+ * Clicking the editor and pressing Ctrl+End is flaky, the caret can stay at the start.
+ * @param page The page containing the editor
+ */
+export async function focusEditorEnd(page: Page) {
+  const editor = await getEditor(page)
+  await editor.evaluate((el: any) => {
+    el.editor.commands.focus('end')
+  })
+}
+
+/**
+ * Click a button in the editor
+ * @param page The page containing the editor
+ * @param buttonLabel The label of the button to click
+ */
+export async function clickButton(page: Page, buttonLabel: string) {
+  await page.getByRole('button', { name: buttonLabel }).click()
+}
diff --git a/demos/tsconfig.json b/demos/tsconfig.json
new file mode 100644
index 0000000..b3dc4e8
--- /dev/null
+++ b/demos/tsconfig.json
@@ -0,0 +1,22 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "types": ["node"],
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "paths": {
+      "@tiptap/pm/*": ["../packages/pm/*/index.ts"],
+      "@tiptap/static-renderer/pm/*": ["../packages/static-renderer/src/pm/*"],
+      "@tiptap/static-renderer/json/*": ["../packages/static-renderer/src/json/*"],
+      "@tiptap/*": ["../packages/*/src/index.ts"]
+    }
+  },
+  "include": [
+    "../packages/*/src/**/*.d.ts",
+    "../packages/*/src/**/*.ts",
+    "../packages/*/src/**/*.tsx",
+    "../packages/*/src/**/*.vue",
+    "./src/**/*"
+  ]
+}
diff --git a/demos/vite.config.ts b/demos/vite.config.ts
new file mode 100644
index 0000000..6764003
--- /dev/null
+++ b/demos/vite.config.ts
@@ -0,0 +1,346 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte'
+import react from '@vitejs/plugin-react'
+import vue from '@vitejs/plugin-vue'
+import fg from 'fast-glob'
+import fs from 'fs'
+import { basename, dirname, join, resolve } from 'path'
+import { v4 as uuid } from 'uuid'
+import { defineConfig } from 'vite-plus'
+
+const getPackageDependencies = () => {
+  const paths: Array<{ find: string; replacement: any }> = []
+
+  function collectPackageInformation(path: string) {
+    const packagesPath = resolve(import.meta.dirname, '..', path)
+
+    fg.sync(`${packagesPath}/*`, { onlyDirectories: true })
+      .map(name => basename(name))
+      .forEach(name => {
+        if (name === 'pm') {
+          fg.sync(`${packagesPath}/${name}/*`, { onlyDirectories: true }).forEach(subName => {
+            const subPkgName = basename(subName)
+
+            if (subPkgName === 'dist' || subPkgName === 'node_modules') {
+              return
+            }
+
+            paths.push({
+              find: `@tiptap/${name}/${subPkgName}`,
+              replacement: resolve(packagesPath, name, subPkgName, 'index.ts'),
+            })
+          })
+        } else if (
+          name === 'extension-text-style' ||
+          name === 'extension-table' ||
+          name === 'extensions' ||
+          name === 'extension-list' ||
+          name === 'react' ||
+          name === 'vue'
+        ) {
+          fg.sync(`${packagesPath}/${name}/src/*`, { onlyDirectories: true }).forEach(subName => {
+            const subPkgName = basename(subName)
+
+            paths.push({
+              find: `@tiptap/${name}/${subPkgName}`,
+              replacement: resolve(packagesPath, name, 'src', subPkgName, 'index.ts'),
+            })
+          })
+          paths.push({
+            find: `@tiptap/${name}`,
+            replacement: resolve(packagesPath, name, 'src/index.ts'),
+          })
+        } else {
+          paths.push({
+            find: `@tiptap/${name}`,
+            replacement: resolve(packagesPath, name, 'src/index.ts'),
+          })
+        }
+      })
+  }
+
+  collectPackageInformation('packages')
+
+  // Handle the JSX runtime alias
+  paths.unshift({
+    find: '@tiptap/core/jsx-runtime',
+    replacement: resolve(import.meta.dirname, '../packages/core/src/jsx-runtime.ts'),
+  })
+  paths.unshift({
+    find: '@tiptap/core/jsx-dev-runtime',
+    replacement: resolve(import.meta.dirname, '../packages/core/src/jsx-runtime.ts'),
+  })
+
+  return paths
+}
+
+const dedupeDeps = fs
+  .readFileSync(resolve(import.meta.dirname, 'dedupeDeps.txt'))
+  .toString()
+  .replace(/\r\n/g, '\n')
+  .split('\n')
+  .filter(value => value)
+
+export default defineConfig({
+  server: {
+    port: 3000,
+  },
+  preview: {
+    port: 3000,
+  },
+
+  build: {
+    rolldownOptions: {
+      input: fg.sync('./**/index.html', {
+        absolute: true,
+        cwd: import.meta.dirname,
+        ignore: ['dist', 'node_modules'],
+      }),
+    },
+  },
+
+  worker: {
+    format: 'es',
+  },
+
+  plugins: [
+    // checker({ typescript: { tsconfigPath: './tsconfig.base.json' } }),
+    // checker({ typescript: { tsconfigPath: './tsconfig.react.json' } }),
+    // @ts-ignore
+    vue(),
+    // @ts-ignore
+    react(),
+    // @ts-ignore
+    svelte(),
+
+    {
+      name: 'html-transform',
+      transformIndexHtml: {
+        order: 'pre',
+        handler(html: string, context) {
+          const dir = dirname(context.path)
+          const data = dir.split('/')
+
+          const demoCategory = data[2]
+          const demoName = data[3]
+          const frameworkName = data[4]
+
+          if (dir.endsWith('/JS') || dir.endsWith('-JS')) {
+            return {
+              html: `
+                <!DOCTYPE html>
+                <html lang="en">
+                  <head>
+                    <meta charset="utf-8"/>
+                    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+                  </head>
+                  <body>
+                    ${html}
+                    <script type="module">
+                      import setup from '../../../../setup/js.ts'
+                      import source from '@source'
+                      setup('${demoCategory}/${demoName}/${frameworkName}', source)
+                    </script>
+                  </body>
+                </html>
+              `,
+              tags: [],
+            }
+          }
+
+          if (dir.endsWith('/Vue') || dir.endsWith('-Vue')) {
+            return {
+              html: `
+                <!DOCTYPE html>
+                <html lang="en">
+                  <head>
+                    <meta charset="utf-8"/>
+                    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+                  </head>
+                  <body>
+                    <div id="app"></div>
+                    <script type="module">
+                      import setup from '../../../../setup/vue.ts'
+                      import source from '@source'
+                      setup('${demoCategory}/${demoName}/${frameworkName}', source)
+                    </script>
+                  </body>
+                </html>
+              `,
+              tags: [],
+            }
+          }
+
+          if (dir.endsWith('/Svelte') || dir.endsWith('-Svelte')) {
+            return {
+              html: `
+                <!DOCTYPE html>
+                <html lang="en">
+                  <head>
+                    <meta charset="utf-8"/>
+                    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+                  </head>
+                  <body>
+                    <div id="app"></div>
+                    <script type="module">
+                      import setup from '../../../../setup/svelte.ts'
+                      import source from '@source'
+                      setup('${demoCategory}/${demoName}/${frameworkName}', source)
+                    </script>
+                  </body>
+                </html>
+              `,
+              tags: [],
+            }
+          }
+
+          if (dir.endsWith('/React') || dir.endsWith('-React')) {
+            return {
+              html: `
+                <!DOCTYPE html>
+                <html lang="en">
+                  <head>
+                    <meta charset="utf-8"/>
+                    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+                  </head>
+                  <body>
+                    <div id="app"></div>
+                    <script type="module">
+                      import setup from '../../../../setup/react.ts'
+                      import source from '@source'
+                      setup('${demoCategory}/${demoName}/${frameworkName}', source)
+                    </script>
+                  </body>
+                </html>
+              `,
+              tags: [],
+            }
+          }
+        },
+      },
+    },
+
+    {
+      name: 'raw',
+      resolveId(id, importer) {
+        if (id.startsWith('raw!') && importer) {
+          const [, relativePath] = id.split('raw!')
+          const fullPath = join(dirname(importer), relativePath)
+
+          return `virtual!${fullPath}!!${uuid()}`
+        }
+      },
+      load(id) {
+        if (id.startsWith('virtual!')) {
+          const path = id.split('!!')[0].replace('virtual!', '')
+          const data = fs.readFileSync(path, 'utf8')
+
+          return `export default ${JSON.stringify(data)}`
+        }
+      },
+    },
+
+    {
+      name: 'demos',
+      resolveId(id) {
+        if (id === '@demos') {
+          return '@demos'
+        }
+      },
+      load(id) {
+        if (id === '@demos') {
+          const demos = fg.sync('./src/*/*', { onlyDirectories: true }).map(demoPath => {
+            const name = demoPath.replace('./src/', '')
+            const tabs = fg.sync(`./src/${name}/*`, { onlyDirectories: true }).map(tabPath => ({
+              name: basename(tabPath),
+            }))
+
+            return {
+              name,
+              tabs,
+            }
+          })
+
+          return `export const demos = ${JSON.stringify(demos)}`
+        }
+      },
+    },
+
+    {
+      name: 'source',
+      resolveId(id, importer) {
+        if (id === '@source' && importer) {
+          return `source!${dirname(importer)}!!${uuid()}`
+        }
+      },
+      load(id) {
+        if (id.startsWith('source!')) {
+          const path = id.split('!!')[0].replace('source!', '')
+          const ignore = ['**/*.spec.js', '**/*.spec.ts', 'node_modules/**']
+
+          if (!path.endsWith('/JS')) {
+            ignore.push('**/index.html')
+          }
+
+          const files = fg
+            .sync(`${path}/**/*`, { ignore })
+            .map(filePath => {
+              const name = filePath.replace(`${path}/`, '')
+
+              return {
+                name,
+                content: fs.readFileSync(`${path}/${name}`, 'utf8'),
+              }
+            })
+            .sort((a, b) => {
+              const depthA = a.name.split('/').length
+              const depthB = b.name.split('/').length
+
+              if (depthA > depthB) {
+                return 1
+              }
+
+              if (depthA < depthB) {
+                return -1
+              }
+
+              const aIsIndex = basename(a.name).includes('index.')
+              const bIsIndex = basename(b.name).includes('index.')
+
+              if (aIsIndex) {
+                return -1
+              }
+
+              if (bIsIndex) {
+                return 1
+              }
+
+              return 0
+            })
+
+          return `export default ${JSON.stringify(files)}`
+        }
+      },
+    },
+
+    {
+      name: 'middleware',
+      apply: 'serve',
+      configureServer(viteDevServer) {
+        return () => {
+          viteDevServer.middlewares.use(async (req, res, next) => {
+            if (req?.originalUrl?.startsWith('/preview')) {
+              req.url = '/preview/index.html'
+            }
+
+            next()
+          })
+        }
+      },
+    },
+  ],
+
+  resolve: {
+    alias: getPackageDependencies(),
+    dedupe: dedupeDeps,
+  },
+})
diff --git a/env.d.ts b/env.d.ts
new file mode 100644
index 0000000..5747f54
--- /dev/null
+++ b/env.d.ts
@@ -0,0 +1 @@
+declare module '*.vue' {}
diff --git a/pack.config.mts b/pack.config.mts
new file mode 100644
index 0000000..9036daf
--- /dev/null
+++ b/pack.config.mts
@@ -0,0 +1,29 @@
+import type { OutExtensionFactory, PackUserConfig } from 'vite-plus/pack'
+
+/**
+ * Shared output extension mapping that matches tsup's naming so the
+ * published package.json fields (main/module/types/exports) keep working.
+ *
+ * tsup emits `index.js`/`index.d.ts` for ESM and `index.cjs`/`index.d.cts`
+ * for CJS. tsdown defaults to `.mjs`/`.d.mts`, so we override it here.
+ */
+export const tsupCompatibleExtensions: OutExtensionFactory = ({ format }) => {
+  if (format === 'es') {
+    return { js: '.js', dts: '.d.ts' }
+  }
+  return { js: '.cjs', dts: '.d.cts' }
+}
+
+/**
+ * Base pack config for a single-entry package, matching the old tsup config.
+ */
+export const basePackConfig = (): PackUserConfig => ({
+  tsconfig: '../../tsconfig.build.json',
+  outDir: 'dist',
+  dts: { sourcemap: true },
+  clean: true,
+  sourcemap: true,
+  target: 'es2019',
+  format: ['esm', 'cjs'],
+  outExtensions: tsupCompatibleExtensions,
+})
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..3303af4
--- /dev/null
+++ b/package.json
@@ -0,0 +1,90 @@
+{
+  "name": "tiptap",
+  "private": true,
+  "publishConfig": {
+    "provenance": true
+  },
+  "scripts": {
+    "cz": "cz",
+    "start": "vp run --filter ./demos start",
+    "dev": "vp run start",
+    "check": "vp check",
+    "check:fix": "vp check --fix",
+    "format": "vp fmt --check",
+    "format:fix": "vp fmt",
+    "lint": "vp lint",
+    "lint:fix": "vp lint --fix",
+    "lint:staged": "vp staged",
+    "fallow": "fallow",
+    "fallow:audit": "fallow audit",
+    "fallow:health": "fallow health --score --targets",
+    "test:unit": "vp test",
+    "test:unit:dev": "vp test --watch",
+    "test:e2e": "playwright test --project=chromium",
+    "test:e2e:firefox": "playwright test --project=firefox",
+    "test:e2e:all": "playwright test",
+    "test:e2e:open": "playwright test --ui --project=chromium",
+    "test:e2e:open:firefox": "playwright test --ui --project=firefox",
+    "test:e2e:open:all": "playwright test --ui",
+    "test:e2e:report": "playwright show-report",
+    "test:publish-config": "node --test .github/scripts/__tests__/*.test.mjs",
+    "check:package-exports": "node scripts/check-package-exports.mjs",
+    "test": "vp run -r build && vp run test:unit",
+    "build": "vp run -r build",
+    "build:demos": "vp run --filter ./demos --fail-if-no-match build:demos",
+    "serve": "vp run build:demos && http-server ./demos/dist -s -p 3000",
+    "build:ci": "vp run -r build",
+    "publish": "vp run build && vp exec changeset publish",
+    "clean:packages": "rm -rf ./packages/*/dist && rm -rf ./packages/pm/*/dist",
+    "clean:packs": "rm -rf ./packages/*/*.tgz",
+    "make:demo": "sh ./scripts/make-demo.sh",
+    "reset": "vp run clean:packages && vp run clean:packs && rm -rf ./**/.cache && rm -rf ./**/node_modules && rm -rf ./package-lock.json && vp install",
+    "prepare": "vp config --no-agent",
+    "changeset": "changeset",
+    "changelog": "node ./scripts/aggregate-changeset.js",
+    "version": "vp run changelog && vp run changeset -- version && vp install --no-frozen-lockfile",
+    "publish:markdown": "vp run build && vp exec changeset publish --tag markdown",
+    "version:markdown": "vp run changeset version --snapshot markdown"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.6",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3",
+    "@changesets/changelog-github": "^0.6.0",
+    "@changesets/cli": "^2.27.11",
+    "@changesets/get-release-plan": "^4.0.13",
+    "@commitlint/cli": "^19.6.1",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@playwright/test": "^1.54.2",
+    "@testing-library/react": "16.2.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "babel-loader": "^9.2.1",
+    "cz-conventional-changelog": "^3.3.0",
+    "fallow": "^2.98.0",
+    "fast-glob": "^3.3.2",
+    "happy-dom": "^20.8.9",
+    "http-server": "14.1.1",
+    "lowlight": "^3.3.0",
+    "minimist": "^1.2.8",
+    "pkg-pr-new": "0.0.66",
+    "react": "^19.0.0",
+    "tinyglobby": "0.2.10",
+    "ts-loader": "9.3.1",
+    "tsconfig-paths": "^4.2.0",
+    "typescript": "^5.7.3",
+    "vite": "catalog:",
+    "vite-plus": "catalog:",
+    "webpack": "^5.97.1"
+  },
+  "browserslist": [
+    "defaults",
+    "not IE 11"
+  ],
+  "engines": {
+    "node": ">=24"
+  },
+  "packageManager": "pnpm@11.2.2"
+}
diff --git a/packages/ai-toolkit/CHANGELOG.md b/packages/ai-toolkit/CHANGELOG.md
new file mode 100644
index 0000000..aa32bac
--- /dev/null
+++ b/packages/ai-toolkit/CHANGELOG.md
@@ -0,0 +1,13 @@
+# @tiptap/ai-toolkit
+
+## 0.4.0
+
+### Minor Changes
+
+- 32b7d87: Add the `AiInsertReveal` extension (`@tiptap/ai-toolkit/streaming-reveal`) to fade in text as the AI streams it into a collaborative document.
+
+## 0.3.0
+
+### Minor Changes
+
+- c8c174e: Rename `@tiptap/server-ai-toolkit` to `@tiptap/ai-toolkit`. The former package remains available as a deprecated alias; update imports to use `@tiptap/ai-toolkit`.
diff --git a/packages/ai-toolkit/README.md b/packages/ai-toolkit/README.md
new file mode 100644
index 0000000..7ffeadc
--- /dev/null
+++ b/packages/ai-toolkit/README.md
@@ -0,0 +1,18 @@
+# @tiptap/ai-toolkit
+
+[![Version](https://img.shields.io/npm/v/@tiptap/ai-toolkit.svg?label=version)](https://www.npmjs.com/package/@tiptap/ai-toolkit)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/ai-toolkit.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/ai-toolkit.svg)](https://www.npmjs.com/package/@tiptap/ai-toolkit)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/ai-toolkit/package.json b/packages/ai-toolkit/package.json
new file mode 100644
index 0000000..8ee1f80
--- /dev/null
+++ b/packages/ai-toolkit/package.json
@@ -0,0 +1,80 @@
+{
+  "name": "@tiptap/ai-toolkit",
+  "version": "0.4.0",
+  "description": "Integrate AI capabilities into the Tiptap editor. This package contains the SDK for connecting to the Server AI Toolkit service.",
+  "keywords": [
+    "ai toolkit",
+    "server",
+    "server ai toolkit",
+    "tiptap",
+    "tiptap ai"
+  ],
+  "homepage": "https://tiptap.dev/docs/editor/extensions/functionality/ai-toolkit",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/ai-toolkit"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./streaming-reveal": {
+      "types": {
+        "import": "./dist/streaming-reveal.d.ts",
+        "require": "./dist/streaming-reveal.d.cts"
+      },
+      "import": "./dist/streaming-reveal.js",
+      "require": "./dist/streaming-reveal.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack",
+    "dev": "vp pack --watch"
+  },
+  "dependencies": {
+    "es-toolkit": "^1.41.0",
+    "zod": "^4.1.8"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "@tiptap/y-tiptap": "^3.0.7",
+    "yjs": "^13.6.23"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "^3.0.1",
+    "@tiptap/pm": "^3.0.1",
+    "@tiptap/y-tiptap": "^3.0.0",
+    "yjs": "^13.6.23"
+  },
+  "peerDependenciesMeta": {
+    "@tiptap/y-tiptap": {
+      "optional": true
+    },
+    "yjs": {
+      "optional": true
+    }
+  }
+}
diff --git a/packages/ai-toolkit/src/hash-extension/server-ai-toolkit-hash-extension.ts b/packages/ai-toolkit/src/hash-extension/server-ai-toolkit-hash-extension.ts
new file mode 100644
index 0000000..9b8d26e
--- /dev/null
+++ b/packages/ai-toolkit/src/hash-extension/server-ai-toolkit-hash-extension.ts
@@ -0,0 +1,77 @@
+import { Extension } from '@tiptap/core'
+
+/**
+ * The attribute name used to store the hash on nodes.
+ */
+const ATTRIBUTE_NAME = '_hash'
+
+/**
+ * Checks whether the editor already includes the full {@link AiToolkit} extension.
+ *
+ * @param extensionNames - Extension names available in the current editor setup.
+ * @return `true` when the AI Toolkit extension is installed.
+ */
+function hasAiToolkitExtension(extensionNames: string[]): boolean {
+  return extensionNames.includes('aiToolkit')
+}
+
+/**
+ * A Tiptap extension that registers `_hash` on non-inline nodes.
+ *
+ * The server package only contributes the attribute definition when AI Toolkit
+ * itself is not already installed.
+ */
+export const ServerAiToolkitHashExtension = Extension.create({
+  name: 'serverAiToolkitHash',
+
+  /**
+   * Registers the hash attribute on all non-inline, non-text, non-doc node types.
+   *
+   * @return The global attribute configuration.
+   */
+  addGlobalAttributes() {
+    if (hasAiToolkitExtension(this.extensions.map(extension => extension.name))) {
+      return []
+    }
+
+    const types = this.extensions
+      .filter(ext => {
+        if (
+          // Only add hashes to nodes, not to marks
+          ext.type !== 'node' ||
+          // Exclude certain node types
+          ext.name === 'text' ||
+          ext.name === 'doc' ||
+          ext.name === 'tableHeader' ||
+          ext.name === 'tableCell' ||
+          // Exclude inline nodes
+          (typeof ext.config?.group === 'string' && ext.config.group.includes('inline'))
+        ) {
+          return false
+        }
+        return true
+      })
+      .map(ext => ext.name)
+
+    return [
+      {
+        types,
+        attributes: {
+          [ATTRIBUTE_NAME]: {
+            default: null,
+            parseHTML: (element: HTMLElement) => element.getAttribute(ATTRIBUTE_NAME),
+            renderHTML: (attributes: Record<string, unknown>) => {
+              if (!attributes[ATTRIBUTE_NAME]) {
+                return {}
+              }
+
+              return {
+                [ATTRIBUTE_NAME]: attributes[ATTRIBUTE_NAME],
+              }
+            },
+          },
+        },
+      },
+    ]
+  },
+})
diff --git a/packages/ai-toolkit/src/index.ts b/packages/ai-toolkit/src/index.ts
new file mode 100644
index 0000000..0d5ec20
--- /dev/null
+++ b/packages/ai-toolkit/src/index.ts
@@ -0,0 +1,2 @@
+export * from './schema-awareness/index.js'
+export * from './server-ai-toolkit-extension.js'
diff --git a/packages/ai-toolkit/src/schema-awareness/get-editor-context.ts b/packages/ai-toolkit/src/schema-awareness/get-editor-context.ts
new file mode 100644
index 0000000..8119ed3
--- /dev/null
+++ b/packages/ai-toolkit/src/schema-awareness/get-editor-context.ts
@@ -0,0 +1,86 @@
+import { type Editor, getExtensionField, Mark } from '@tiptap/core'
+import { z } from 'zod'
+
+import type { EditorContext } from './types/editor-context.js'
+import type { AddJsonSchemaAwareness, JsonItem } from './types/json-item.js'
+import { defaultJsonItems } from './utils/default-json-items.js'
+import { mergeJsonItems } from './utils/merge-json-items.js'
+import { serializeSchema } from './utils/serialize-schema.js'
+
+/**
+ * Options for {@link getEditorContext}.
+ */
+export interface GetEditorContextOptions {
+  /**
+   * Custom schema awareness items to include in addition to the default ones.
+   *
+   * This lets callers extend the serialized editor context with custom node
+   * definitions or overrides.
+   * @default []
+   */
+  customNodes?: JsonItem[]
+}
+
+/**
+ * Returns editor context data including a serialized schema and merged custom nodes.
+ *
+ * This function collects schema information from extensions and converts it to a format
+ * suitable for AI model consumption. Zod schemas in attributes are converted to JSON schemas.
+ *
+ * @param editor - The Tiptap editor instance
+ * @param options - Configuration options for the editor context
+ * @return An object containing the serialized schema and merged custom nodes with JSON schema attributes
+ */
+export function getEditorContext(
+  editor: Editor,
+  options: GetEditorContextOptions = {},
+): EditorContext {
+  const extensionNamesSet = new Set(editor.extensionManager.extensions.map(ext => ext.name))
+
+  const customNodesFromExtensions = editor.extensionManager.extensions.flatMap(extension => {
+    const context = {
+      name: extension.name,
+      options: extension.options,
+      storage: extension.storage,
+      editor,
+    }
+    const addJsonSchemaAwareness = getExtensionField<AddJsonSchemaAwareness>(
+      extension,
+      'addJsonSchemaAwareness',
+      context,
+    )
+    if (addJsonSchemaAwareness) {
+      return {
+        ...addJsonSchemaAwareness(),
+        isMark: extension instanceof Mark,
+        extensionName: extension.name,
+      }
+    }
+    return []
+  })
+
+  const items = [defaultJsonItems, customNodesFromExtensions, options.customNodes ?? []]
+    .reduce(mergeJsonItems, [])
+    .filter((item: JsonItem) => extensionNamesSet.has(item.extensionName))
+
+  // Convert Zod schemas to JSON schemas
+  const mergedCustomNodes = items.map((item: JsonItem) => {
+    const { attributes, ...rest } = item
+    if (!attributes) {
+      return rest
+    }
+
+    const attributesSchema = z.object(attributes)
+    const jsonSchema = z.toJSONSchema(attributesSchema)
+
+    return {
+      ...rest,
+      attributes: jsonSchema,
+    }
+  })
+
+  return {
+    serializedSchema: serializeSchema(editor.schema),
+    items: mergedCustomNodes,
+  }
+}
diff --git a/packages/ai-toolkit/src/schema-awareness/index.ts b/packages/ai-toolkit/src/schema-awareness/index.ts
new file mode 100644
index 0000000..fe6954c
--- /dev/null
+++ b/packages/ai-toolkit/src/schema-awareness/index.ts
@@ -0,0 +1,2 @@
+export * from './get-editor-context.js'
+export * from './types/index.js'
diff --git a/packages/ai-toolkit/src/schema-awareness/types/editor-context.ts b/packages/ai-toolkit/src/schema-awareness/types/editor-context.ts
new file mode 100644
index 0000000..2ecda58
--- /dev/null
+++ b/packages/ai-toolkit/src/schema-awareness/types/editor-context.ts
@@ -0,0 +1,17 @@
+import type { SerializedSchema } from '../utils/serialize-schema.js'
+import type { SerializedJsonItem } from './json-item.js'
+
+/**
+ * Result of {@link getEditorContext} containing information about the
+ * editor's extensions that the Server AI Toolkit needs to work.
+ */
+export interface EditorContext {
+  /**
+   * The serialized ProseMirror schema
+   */
+  serializedSchema: SerializedSchema
+  /**
+   * The merged custom nodes with Zod schemas converted to JSON schemas
+   */
+  items: SerializedJsonItem[]
+}
diff --git a/packages/ai-toolkit/src/schema-awareness/types/index.ts b/packages/ai-toolkit/src/schema-awareness/types/index.ts
new file mode 100644
index 0000000..b40b15e
--- /dev/null
+++ b/packages/ai-toolkit/src/schema-awareness/types/index.ts
@@ -0,0 +1,2 @@
+export * from './editor-context.js'
+export * from './json-item.js'
diff --git a/packages/ai-toolkit/src/schema-awareness/types/json-item.ts b/packages/ai-toolkit/src/schema-awareness/types/json-item.ts
new file mode 100644
index 0000000..cf7354d
--- /dev/null
+++ b/packages/ai-toolkit/src/schema-awareness/types/json-item.ts
@@ -0,0 +1,51 @@
+import type { Editor } from '@tiptap/core'
+import type { z } from 'zod'
+
+/**
+ * Represents a JSON schema awareness item for AI model understanding
+ *
+ * This interface defines the structure of schema information that is provided
+ * to AI models to help them understand what JSON elements and attributes are
+ * available in the editor's schema.
+ */
+export interface JsonItem {
+  /**
+   * The name of the extension that provides this element
+   */
+  extensionName: string
+  /**
+   * If `true`, the item is a mark instead of a node.
+   */
+  isMark?: boolean
+  /**
+   * The human-readable name of the element in English
+   */
+  name: string
+  /**
+   * Explanation of the element in English for the AI model
+   */
+  description?: string | null
+  /**
+   * Possible attributes of the JSON element. If `undefined`, there are no attributes.
+   * The keys are attribute names and the values are Zod schemas that define the attribute structure.
+   */
+  attributes?: Record<string, z.ZodTypeAny>
+}
+
+export type SerializedJsonItem = Omit<JsonItem, 'attributes'> & { attributes?: unknown }
+
+export type AddJsonSchemaAwareness<Options = any, Storage = any> = (this: {
+  name: string
+  options: Options
+  storage: Storage
+  editor?: Editor
+}) => Omit<JsonItem, 'extensionName' | 'isMark'>
+
+declare module '@tiptap/core' {
+  interface NodeConfig<Options, Storage> {
+    addJsonSchemaAwareness?: AddJsonSchemaAwareness<Options, Storage>
+  }
+  interface MarkConfig<Options, Storage> {
+    addJsonSchemaAwareness?: AddJsonSchemaAwareness<Options, Storage>
+  }
+}
diff --git a/packages/ai-toolkit/src/schema-awareness/utils/default-json-items.ts b/packages/ai-toolkit/src/schema-awareness/utils/default-json-items.ts
new file mode 100644
index 0000000..be4ab0f
--- /dev/null
+++ b/packages/ai-toolkit/src/schema-awareness/utils/default-json-items.ts
@@ -0,0 +1,283 @@
+import { z } from 'zod'
+
+import type { JsonItem } from '../types/json-item.js'
+
+export const defaultJsonItems: JsonItem[] = [
+  // Core nodes
+  // Omit the root 'doc' node because the AI does not read it or generate it.
+  {
+    extensionName: 'paragraph',
+    name: 'Paragraph',
+  },
+  {
+    extensionName: 'text',
+    name: 'Text',
+  },
+  {
+    extensionName: 'heading',
+    name: 'Heading',
+    description: 'h1 to h6',
+    attributes: {
+      level: z.number().min(1).max(6),
+    },
+  },
+  {
+    extensionName: 'blockquote',
+    name: 'Blockquote',
+    description: 'for quoted content',
+  },
+  {
+    extensionName: 'codeBlock',
+    name: 'Code Block',
+    attributes: {
+      language: z.string().nullable().optional(),
+    },
+  },
+  {
+    extensionName: 'hardBreak',
+    name: 'Line Break',
+  },
+  {
+    extensionName: 'horizontalRule',
+    name: 'Horizontal Rule',
+    description: 'horizontal divider line',
+  },
+  {
+    extensionName: 'image',
+    name: 'Image',
+    attributes: {
+      src: z.string(),
+      alt: z.string().nullable().optional(),
+      title: z.string().nullable().optional(),
+      width: z.number().nullable().optional(),
+      height: z.number().nullable().optional(),
+    },
+  },
+  // List nodes
+  {
+    extensionName: 'bulletList',
+    name: 'Bullet List',
+    description: 'Unordered list with bullet points',
+  },
+  {
+    extensionName: 'orderedList',
+    name: 'Ordered List',
+    description: 'Numbered list',
+    attributes: {
+      start: z.number().optional(),
+      type: z
+        .string()
+        .nullable()
+        .optional()
+        .describe(
+          'Numbering style: "1" for numbers, "a" for lowercase letters, "A" for uppercase letters, "i" for lowercase roman numerals, "I" for uppercase roman numerals',
+        ),
+    },
+  },
+  {
+    extensionName: 'listItem',
+    name: 'List Item',
+    description: 'Item within a bulletList or orderedList',
+  },
+  {
+    extensionName: 'taskList',
+    name: 'Task List',
+    description: 'Checklist with task items',
+  },
+  {
+    extensionName: 'taskItem',
+    name: 'Task Item',
+    description: 'Item within a taskList',
+    attributes: {
+      checked: z.boolean(),
+    },
+  },
+  // Table nodes
+  {
+    extensionName: 'table',
+    name: 'Table',
+    description: 'Table container node',
+  },
+  {
+    extensionName: 'tableRow',
+    name: 'Table Row',
+    description: 'Row within a table',
+  },
+  {
+    extensionName: 'tableCell',
+    name: 'Table Cell',
+    description: 'Cell within a tableRow',
+  },
+  {
+    extensionName: 'tableHeader',
+    name: 'Table Header',
+    description: 'Header cell within a tableRow',
+  },
+  // Special nodes
+  {
+    extensionName: 'mention',
+    name: 'Mention',
+    description: 'Mention node for @mentions and similar',
+    attributes: {
+      id: z.string(),
+      label: z.string().nullable().optional(),
+      mentionSuggestionChar: z
+        .string()
+        .optional()
+        .describe(
+          'The character that triggers this mention type (e.g., "@" for users, "#" for tags). Used to distinguish between multiple mention types',
+        ),
+    },
+  },
+  {
+    extensionName: 'emoji',
+    name: 'Emoji',
+    attributes: {
+      name: z
+        .string()
+        .describe(
+          'The unique name/shortcode identifier for the emoji (e.g., "smile", "heart", "thumbs_up")',
+        ),
+    },
+  },
+  {
+    extensionName: 'youtube',
+    name: 'YouTube',
+    attributes: {
+      src: z.string(),
+      start: z
+        .number()
+        .optional()
+        .describe('Start time in seconds for when the video should begin playing'),
+      width: z.number().optional(),
+      height: z.number().optional(),
+    },
+  },
+  {
+    extensionName: 'details',
+    name: 'Details',
+    description: 'Collapsible details/summary',
+    attributes: {
+      open: z.boolean().optional(),
+    },
+  },
+  {
+    extensionName: 'detailsSummary',
+    name: 'Details Summary',
+    description: 'Summary text for a details node',
+  },
+  {
+    extensionName: 'detailsContent',
+    name: 'Details Content',
+    description: 'Collapsible content within a details node',
+  },
+  {
+    extensionName: 'blockMath',
+    name: 'Block Math',
+    attributes: {
+      latex: z.string(),
+    },
+  },
+  {
+    extensionName: 'inlineMath',
+    name: 'Inline Math',
+    attributes: {
+      latex: z.string(),
+    },
+  },
+  // Marks
+  {
+    extensionName: 'bold',
+    name: 'Bold',
+    isMark: true,
+  },
+  {
+    extensionName: 'italic',
+    name: 'Italic',
+    isMark: true,
+  },
+  {
+    extensionName: 'code',
+    name: 'Code',
+    isMark: true,
+  },
+  {
+    extensionName: 'link',
+    name: 'Link',
+    isMark: true,
+    attributes: {
+      href: z.string(),
+      target: z.string().nullable().optional(),
+      rel: z.string().nullable().optional(),
+      class: z.string().nullable().optional(),
+    },
+  },
+  {
+    extensionName: 'strike',
+    name: 'Strike',
+    isMark: true,
+  },
+  {
+    extensionName: 'underline',
+    name: 'Underline',
+    isMark: true,
+  },
+  {
+    extensionName: 'highlight',
+    name: 'Highlight',
+    isMark: true,
+    attributes: {
+      color: z.string().nullable().optional(),
+    },
+  },
+  {
+    extensionName: 'subscript',
+    name: 'Subscript',
+    isMark: true,
+  },
+  {
+    extensionName: 'superscript',
+    name: 'Superscript',
+    isMark: true,
+  },
+  {
+    extensionName: 'textStyle',
+    name: 'Text Style',
+    isMark: true,
+    attributes: {
+      fontFamily: z.string(),
+      fontSize: z.string(),
+      lineHeight: z.string(),
+      color: z.string(),
+      backgroundColor: z.string(),
+    },
+  },
+  // tiptap-pro nodes
+  {
+    extensionName: 'iframely',
+    name: 'Iframely',
+    description: 'Embed content from URLs using Iframely service',
+    attributes: {
+      url: z.string().nullable(),
+      data: z.any().nullable().optional(),
+    },
+  },
+  {
+    extensionName: 'blockThread',
+    name: 'Block Thread',
+    description: 'Block-level comment thread',
+    attributes: {
+      'data-thread-id': z.string(),
+    },
+  },
+  // tiptap-pro marks
+  {
+    extensionName: 'inlineThread',
+    name: 'Inline Thread',
+    isMark: true,
+    description: 'Inline comment thread',
+    attributes: {
+      'data-thread-id': z.string(),
+    },
+  },
+]
diff --git a/packages/ai-toolkit/src/schema-awareness/utils/merge-json-items.ts b/packages/ai-toolkit/src/schema-awareness/utils/merge-json-items.ts
new file mode 100644
index 0000000..d26014f
--- /dev/null
+++ b/packages/ai-toolkit/src/schema-awareness/utils/merge-json-items.ts
@@ -0,0 +1,14 @@
+import type { JsonItem } from '../types/json-item.js'
+
+/**
+ * When new JSON items are added, we need to remove from `items` the items that
+ * are duplicated in `newItems`
+ * @param items - The original array of JSON items
+ * @param newItems - The new array of JSON items to add
+ * @returns A new array of JSON items where the items from `newItems` are added
+ * and the items from `items` that are duplicated in `newItems` are removed
+ */
+export function mergeJsonItems(items: JsonItem[], newItems: JsonItem[]): JsonItem[] {
+  const newItemsSet = new Set(newItems.map(item => item.extensionName))
+  return [...items.filter(item => !newItemsSet.has(item.extensionName)), ...newItems]
+}
diff --git a/packages/ai-toolkit/src/schema-awareness/utils/serialize-schema.ts b/packages/ai-toolkit/src/schema-awareness/utils/serialize-schema.ts
new file mode 100644
index 0000000..fb11b6d
--- /dev/null
+++ b/packages/ai-toolkit/src/schema-awareness/utils/serialize-schema.ts
@@ -0,0 +1,123 @@
+import type { AttributeSpec, MarkSpec, NodeSpec, Schema } from '@tiptap/pm/model'
+import { omit } from 'es-toolkit'
+
+/**
+ * A serialized version of AttributeSpec where the validate function is converted to a string.
+ * This allows the attribute specification to be JSON-serializable.
+ */
+export type SerializedAttributeSpec = Omit<AttributeSpec, 'validate'> & {
+  validate?: string
+}
+
+/**
+ * A type representing serialized attributes as a record of attribute names to their serialized specs.
+ */
+type SerializedAttributes = { attrs?: Record<string, SerializedAttributeSpec> }
+
+/**
+ * A serialized version of NodeSpec with non-serializable properties
+ * (toDOM, parseDOM, toDebugString, leafText, toText) removed and attrs converted to
+ * SerializedAttributeSpec format.
+ */
+export type SerializedNodeSpec = Omit<
+  NodeSpec,
+  'toDOM' | 'parseDOM' | 'toDebugString' | 'leafText' | 'toText' | 'attrs'
+> &
+  SerializedAttributes
+
+/**
+ * A serialized version of MarkSpec with non-serializable properties (toDOM, parseDOM) removed
+ * and attrs converted to SerializedAttributeSpec format.
+ */
+export type SerializedMarkSpec = Omit<MarkSpec, 'toDOM' | 'parseDOM' | 'attrs'> &
+  SerializedAttributes
+
+/**
+ * A JSON-serializable representation of a ProseMirror Schema.
+ * Contains the top node name, and serialized node and mark specifications.
+ */
+export interface SerializedSchema {
+  topNode?: string
+  nodes: Record<string, SerializedNodeSpec>
+  marks: Record<string, SerializedMarkSpec>
+}
+
+/**
+ * Serializes an AttributeSpec by converting the validate function to a string if it exists.
+ * This makes the attribute specification JSON-serializable.
+ *
+ * @param attributeSpec - The AttributeSpec to serialize
+ * @returns A SerializedAttributeSpec with validate as a string or undefined
+ */
+function serializeAttributeSpec(attributeSpec: AttributeSpec): SerializedAttributeSpec {
+  return {
+    ...omit(attributeSpec, ['validate']),
+    validate: typeof attributeSpec.validate === 'string' ? attributeSpec.validate : undefined,
+  }
+}
+
+/**
+ * Serializes a record of AttributeSpec objects by converting each one using serializeAttributeSpec.
+ *
+ * @param attributeSpecs - A record of attribute names to their AttributeSpec definitions
+ * @returns A record of attribute names to their SerializedAttributeSpec definitions
+ */
+function serializeAttributeSpecs(
+  attributeSpecs: Record<string, AttributeSpec>,
+): Record<string, SerializedAttributeSpec> {
+  return Object.fromEntries(
+    Object.entries(attributeSpecs).map(([key, value]) => [key, serializeAttributeSpec(value)]),
+  )
+}
+
+/**
+ * Serializes a NodeSpec by removing non-serializable properties
+ * (toDOM, parseDOM, toDebugString, leafText, toText) and converting the attrs to
+ * SerializedAttributeSpec format.
+ *
+ * @param nodeSpec - The NodeSpec to serialize
+ * @returns A SerializedNodeSpec with only JSON-serializable properties
+ */
+function serializeNodeSpec(nodeSpec: NodeSpec): SerializedNodeSpec {
+  return {
+    ...omit(nodeSpec, ['toDOM', 'parseDOM', 'toDebugString', 'leafText', 'toText', 'attrs']),
+    attrs: nodeSpec.attrs ? serializeAttributeSpecs(nodeSpec.attrs) : undefined,
+  }
+}
+
+/**
+ * Serializes a MarkSpec by removing non-serializable properties (toDOM, parseDOM)
+ * and converting the attrs to SerializedAttributeSpec format.
+ *
+ * @param markSpec - The MarkSpec to serialize
+ * @returns A SerializedMarkSpec with only JSON-serializable properties
+ */
+function serializeMarkSpec(markSpec: MarkSpec): SerializedMarkSpec {
+  return {
+    ...omit(markSpec, ['toDOM', 'parseDOM', 'attrs']),
+    attrs: markSpec.attrs ? serializeAttributeSpecs(markSpec.attrs) : undefined,
+  }
+}
+
+/**
+ * Serializes a ProseMirror Schema to a JSON-serializable format.
+ * Converts all node and mark specifications by removing non-serializable properties
+ * and converting attribute validation functions to strings.
+ *
+ * Non-serializable properties are properties related to DOM serialization and parsing,
+ * and functions that validate attribute values. These are just removed from the schema.
+ *
+ * @param schema - The ProseMirror Schema to serialize
+ * @returns A SerializedSchema containing the top node name and serialized node/mark specs
+ */
+export function serializeSchema(schema: Schema): SerializedSchema {
+  return {
+    topNode: schema.spec.topNode,
+    nodes: Object.fromEntries(
+      Object.values(schema.nodes).map(node => [node.name, serializeNodeSpec(node.spec)]),
+    ),
+    marks: Object.fromEntries(
+      Object.values(schema.marks).map(mark => [mark.name, serializeMarkSpec(mark.spec)]),
+    ),
+  }
+}
diff --git a/packages/ai-toolkit/src/server-ai-toolkit-extension.ts b/packages/ai-toolkit/src/server-ai-toolkit-extension.ts
new file mode 100644
index 0000000..6841998
--- /dev/null
+++ b/packages/ai-toolkit/src/server-ai-toolkit-extension.ts
@@ -0,0 +1,23 @@
+import { Extension } from '@tiptap/core'
+
+import { ServerAiToolkitHashExtension } from './hash-extension/server-ai-toolkit-hash-extension.js'
+
+/**
+ * Server AI Toolkit extension.
+ *
+ * This package-level extension registers the internal hash extension used by
+ * the Server AI Toolkit so server-side read and edit flows can rely on stable
+ * `_hash` attributes already stored in the document.
+ */
+export const ServerAiToolkit = Extension.create({
+  name: 'serverAiToolkit',
+
+  /**
+   * Registers internal extensions required by the Server AI Toolkit.
+   *
+   * @return The list of internal extensions.
+   */
+  addExtensions() {
+    return [ServerAiToolkitHashExtension]
+  },
+})
diff --git a/packages/ai-toolkit/src/streaming-reveal.test.ts b/packages/ai-toolkit/src/streaming-reveal.test.ts
new file mode 100644
index 0000000..074a319
--- /dev/null
+++ b/packages/ai-toolkit/src/streaming-reveal.test.ts
@@ -0,0 +1,509 @@
+// @vitest-environment happy-dom
+
+import { Editor } from '@tiptap/core'
+import { Collaboration } from '@tiptap/extension-collaboration'
+import StarterKit from '@tiptap/starter-kit'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+import * as Y from 'yjs'
+
+import { AiInsertReveal } from './streaming-reveal.js'
+
+const AI_CLIENT_ID = 111111
+const HUMAN_CLIENT_ID = 222222
+
+/** The awareness payload the Tiptap AI server publishes while it streams. */
+const AI_USER = { name: 'AI', color: '#8B5CF6', aiInstanceId: 'ai-instance-1' }
+
+/** Stands in for a collab provider, exposing only the awareness surface we read. */
+function createProvider() {
+  const states = new Map<number, Record<string, any>>()
+  const listeners = new Set<() => void>()
+
+  return {
+    awareness: {
+      getStates: () => states,
+      on: (_event: string, listener: () => void) => listeners.add(listener),
+      off: (_event: string, listener: () => void) => listeners.delete(listener),
+    },
+    announce(clientId: number, user: Record<string, any>) {
+      states.set(clientId, { user })
+      listeners.forEach(listener => listener())
+    },
+  }
+}
+
+/** Creates an editor with {@link AiInsertReveal} but no collaboration (no y-sync plugin). */
+function createEditor(): Promise<Editor> {
+  return new Promise(resolve => {
+    const editor = new Editor({
+      element: document.createElement('div'),
+      extensions: [StarterKit, AiInsertReveal.configure({ provider: createProvider() })],
+      content: {
+        type: 'doc',
+        content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Hello' }] }],
+      },
+      onCreate: () => {
+        resolve(editor)
+      },
+    })
+  })
+}
+
+/** A remote peer that keeps its clientID across writes. */
+function createPeer(ydoc: Y.Doc, clientID: number): Y.Doc {
+  const peer = new Y.Doc()
+  peer.clientID = clientID
+  Y.applyUpdate(peer, Y.encodeStateAsUpdate(ydoc))
+  return peer
+}
+
+/** Creates a collaborative editor seeded with one `Hello` paragraph, plus two remote peers. */
+function createCollabEditor(options?: {
+  durationMs?: number
+}): Promise<{ editor: Editor; ydoc: Y.Doc; ai: Y.Doc; human: Y.Doc }> {
+  const ydoc = new Y.Doc()
+  const provider = createProvider()
+  provider.announce(AI_CLIENT_ID, AI_USER)
+  provider.announce(HUMAN_CLIENT_ID, { name: 'Someone else', color: '#0EA5E9' })
+
+  return new Promise(resolve => {
+    new Editor({
+      element: document.createElement('div'),
+      extensions: [
+        StarterKit.configure({ undoRedo: false }),
+        Collaboration.configure({ document: ydoc }),
+        AiInsertReveal.configure({
+          provider,
+          ...(options?.durationMs === undefined ? {} : { durationMs: options.durationMs }),
+        }),
+      ],
+      onCreate: ({ editor }) => {
+        // Collaboration ignores the `content` prop (the empty Y.Doc wins when the
+        // y-sync plugin binds), so seed the shared doc with a local edit instead.
+        editor.commands.setContent('<p>Hello</p>')
+        resolve({
+          editor,
+          ydoc,
+          ai: createPeer(ydoc, AI_CLIENT_ID),
+          human: createPeer(ydoc, HUMAN_CLIENT_ID),
+        })
+      },
+    })
+  })
+}
+
+/** Applies an insert from `peer`, so it lands as a remote transaction authored by it. */
+function remoteInsert(peer: Y.Doc, ydoc: Y.Doc, index: number, text: string): void {
+  Y.applyUpdate(peer, Y.encodeStateAsUpdate(ydoc, Y.encodeStateVector(peer)))
+  const paragraph = peer.getXmlFragment('default').get(0) as Y.XmlElement
+  const xmlText = paragraph.get(0) as Y.XmlText
+  xmlText.insert(index, text)
+  Y.applyUpdate(ydoc, Y.encodeStateAsUpdate(peer, Y.encodeStateVector(ydoc)))
+}
+
+/** Applies a whole new block from `peer`, the way the AI writes a fresh paragraph. */
+function remoteInsertBlock(peer: Y.Doc, ydoc: Y.Doc, text: string): void {
+  Y.applyUpdate(peer, Y.encodeStateAsUpdate(ydoc, Y.encodeStateVector(peer)))
+  const fragment = peer.getXmlFragment('default')
+  const block = new Y.XmlElement('paragraph')
+  const blockText = new Y.XmlText()
+  block.insert(0, [blockText])
+  fragment.insert(0, [block])
+  if (text.length > 0) blockText.insert(0, text)
+  Y.applyUpdate(ydoc, Y.encodeStateAsUpdate(peer, Y.encodeStateVector(ydoc)))
+}
+
+/** Collects the extension's current reveal decorations, resolved against `state`. */
+function revealDecorations(
+  editor: Editor,
+  state: unknown = editor.state,
+): Array<{ from: number; to: number; style: string }> {
+  for (const plugin of editor.state.plugins) {
+    const set = (plugin as any).props?.decorations?.call(plugin, state)
+    const found = (set?.find?.() ?? []).filter(
+      (d: any) => d.type?.attrs?.class === 'ai-insert-reveal',
+    )
+    if (found.length > 0) {
+      return found.map((d: any) => ({ from: d.from, to: d.to, style: d.type.attrs.style ?? '' }))
+    }
+  }
+  return []
+}
+
+describe('AiInsertReveal', () => {
+  afterEach(() => {
+    vi.useRealTimers()
+  })
+
+  it('is a named Tiptap extension', () => {
+    expect(AiInsertReveal.name).toBe('aiInsertReveal')
+  })
+
+  it('warns and degrades to a no-op when no collaboration y-sync plugin is present', async () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+    const editor = await createEditor()
+
+    expect(editor.extensionManager.extensions.some(e => e.name === 'aiInsertReveal')).toBe(true)
+    // Without a y-sync plugin the decorations source resolves to nothing, so the
+    // editor renders normally rather than throwing.
+    expect(editor.getText()).toBe('Hello')
+    expect(warn).toHaveBeenCalledWith(expect.stringContaining('Collaboration extension'))
+
+    warn.mockRestore()
+    editor.destroy()
+  })
+
+  it('applies configured className and durationMs', async () => {
+    const editor = await new Promise<Editor>(resolve => {
+      const created = new Editor({
+        element: document.createElement('div'),
+        extensions: [
+          StarterKit,
+          AiInsertReveal.configure({
+            className: 'custom-reveal',
+            durationMs: 300,
+            provider: createProvider(),
+          }),
+        ],
+        onCreate: () => resolve(created),
+      })
+    })
+
+    const reveal = editor.extensionManager.extensions.find(e => e.name === 'aiInsertReveal')
+    expect(reveal?.options).toMatchObject({ className: 'custom-reveal', durationMs: 300 })
+
+    editor.destroy()
+  })
+
+  it('reveals a remote insert as a decoration over exactly the inserted run', async () => {
+    const { editor, ydoc, ai } = await createCollabEditor()
+
+    remoteInsert(ai, ydoc, 5, ' WORLD')
+
+    expect(editor.getText()).toBe('Hello WORLD')
+    const decorations = revealDecorations(editor)
+    expect(decorations).toHaveLength(1)
+    expect(decorations[0].to - decorations[0].from).toBe(' WORLD'.length)
+    // The age-seeded animation-delay is present so the fade survives re-renders.
+    expect(decorations[0].style).toMatch(/animation-delay: -\d+ms/)
+
+    editor.destroy()
+  })
+
+  it('reveals a block that arrives as a whole new node', async () => {
+    const { editor, ydoc, ai } = await createCollabEditor()
+
+    remoteInsertBlock(ai, ydoc, 'A brand new title')
+
+    const decorations = revealDecorations(editor)
+    expect(decorations).toHaveLength(1)
+    expect(decorations[0].to - decorations[0].from).toBe('A brand new title'.length)
+
+    editor.destroy()
+  })
+
+  it('reveals text streamed into a block that was created empty', async () => {
+    const { editor, ydoc, ai } = await createCollabEditor()
+
+    remoteInsertBlock(ai, ydoc, '')
+    remoteInsert(ai, ydoc, 0, 'Streamed title')
+
+    const decorations = revealDecorations(editor)
+    expect(decorations).toHaveLength(1)
+    expect(decorations[0].to - decorations[0].from).toBe('Streamed title'.length)
+
+    editor.destroy()
+  })
+
+  it('merges touching runs that share an animation offset into one decoration', async () => {
+    const { editor, ydoc, ai } = await createCollabEditor()
+    // Only the clock is faked: the editor is created through a real `setTimeout`.
+    vi.useFakeTimers({ toFake: ['Date'] })
+
+    remoteInsert(ai, ydoc, 5, ' one')
+    remoteInsert(ai, ydoc, 9, ' two')
+
+    expect(editor.getText()).toBe('Hello one two')
+    const decorations = revealDecorations(editor)
+    expect(decorations).toHaveLength(1)
+    expect(decorations[0].to - decorations[0].from).toBe(' one two'.length)
+
+    editor.destroy()
+  })
+
+  it('reveals an insert at the very end of the document', async () => {
+    const { editor, ydoc, ai } = await createCollabEditor()
+
+    remoteInsert(ai, ydoc, 5, '!')
+
+    expect(editor.getText()).toBe('Hello!')
+    const decorations = revealDecorations(editor)
+    expect(decorations).toHaveLength(1)
+    expect(decorations[0].to - decorations[0].from).toBe(1)
+    expect(decorations[0].to).toBeLessThanOrEqual(editor.state.doc.content.size)
+
+    editor.destroy()
+  })
+
+  it('clamps a decoration that resolves past the end of the document', async () => {
+    const { editor, ydoc, ai } = await createCollabEditor()
+
+    remoteInsert(ai, ydoc, 5, ' WORLD')
+    expect(revealDecorations(editor)).toHaveLength(1)
+
+    // Y.Doc can be ahead of the PM doc mid-sync, so resolve against a shorter doc.
+    const shortDoc = editor.schema.nodeFromJSON({
+      type: 'doc',
+      content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Hello!' }] }],
+    })
+    const decorations = revealDecorations(editor, { ...editor.state, doc: shortDoc })
+
+    expect(decorations).toHaveLength(1)
+    expect(decorations[0].to).toBe(shortDoc.content.size)
+
+    editor.destroy()
+  })
+
+  it("does not reveal another collaborator's remote insert", async () => {
+    const { editor, ydoc, human } = await createCollabEditor()
+
+    remoteInsert(human, ydoc, 5, ' WORLD')
+
+    // The insert lands like any remote edit, it just must not fade.
+    expect(editor.getText()).toBe('Hello WORLD')
+    expect(revealDecorations(editor)).toHaveLength(0)
+
+    editor.destroy()
+  })
+
+  it('reveals the AI while a collaborator types alongside it', async () => {
+    const { editor, ydoc, ai, human } = await createCollabEditor()
+
+    remoteInsert(human, ydoc, 5, ' HUMAN')
+    remoteInsert(ai, ydoc, 11, ' AI')
+
+    expect(editor.getText()).toBe('Hello HUMAN AI')
+    const decorations = revealDecorations(editor)
+    expect(decorations).toHaveLength(1)
+    expect(decorations[0].to - decorations[0].from).toBe(' AI'.length)
+
+    editor.destroy()
+  })
+
+  it('reveals a run that arrived before awareness identified the AI', async () => {
+    const ydoc = new Y.Doc()
+    const provider = createProvider()
+
+    const editor = await new Promise<Editor>(resolve => {
+      new Editor({
+        element: document.createElement('div'),
+        extensions: [
+          StarterKit.configure({ undoRedo: false }),
+          Collaboration.configure({ document: ydoc }),
+          AiInsertReveal.configure({ provider }),
+        ],
+        onCreate: ({ editor: created }) => {
+          created.commands.setContent('<p>Hello</p>')
+          resolve(created)
+        },
+      })
+    })
+
+    // The AI's first tokens can land before its awareness entry does.
+    remoteInsert(createPeer(ydoc, AI_CLIENT_ID), ydoc, 5, ' WORLD')
+    expect(revealDecorations(editor)).toHaveLength(0)
+
+    provider.announce(AI_CLIENT_ID, AI_USER)
+
+    expect(revealDecorations(editor)).toHaveLength(1)
+
+    editor.destroy()
+  })
+
+  it('reveals a multi-block structure the AI writes as one node', async () => {
+    const { editor, ydoc, ai } = await createCollabEditor()
+
+    Y.applyUpdate(ai, Y.encodeStateAsUpdate(ydoc, Y.encodeStateVector(ai)))
+    const list = new Y.XmlElement('bulletList')
+    for (let item = 0; item < 3; item++) {
+      const listItem = new Y.XmlElement('listItem')
+      const paragraph = new Y.XmlElement('paragraph')
+      const text = new Y.XmlText()
+      paragraph.insert(0, [text])
+      listItem.insert(0, [paragraph])
+      list.insert(list.length, [listItem])
+      text.insert(0, `Item ${item}`)
+    }
+    ai.getXmlFragment('default').insert(0, [list])
+    Y.applyUpdate(ydoc, Y.encodeStateAsUpdate(ai, Y.encodeStateVector(ydoc)))
+
+    // One structure, so the block cap must not mistake it for a document sync.
+    expect(revealDecorations(editor)).toHaveLength(3)
+
+    editor.destroy()
+  })
+
+  it('reveals nothing when a whole AI-authored document arrives at once', async () => {
+    const ydoc = new Y.Doc()
+    const provider = createProvider()
+    provider.announce(AI_CLIENT_ID, AI_USER)
+
+    const editor = await new Promise<Editor>(resolve => {
+      const created = new Editor({
+        element: document.createElement('div'),
+        extensions: [
+          StarterKit.configure({ undoRedo: false }),
+          Collaboration.configure({ document: ydoc }),
+          AiInsertReveal.configure({ provider }),
+        ],
+        onCreate: () => resolve(created),
+      })
+    })
+
+    // Joining a room hands over everything the AI wrote before, in one update.
+    const server = new Y.Doc()
+    server.clientID = AI_CLIENT_ID
+    const fragment = server.getXmlFragment('default')
+    for (let block = 0; block < 5; block++) {
+      const element = new Y.XmlElement('paragraph')
+      const text = new Y.XmlText()
+      element.insert(0, [text])
+      fragment.insert(fragment.length, [element])
+      text.insert(0, `Paragraph ${block} written earlier by the AI.`)
+    }
+    Y.applyUpdate(ydoc, Y.encodeStateAsUpdate(server))
+
+    expect(editor.getText().length).toBeGreaterThan(0)
+    expect(revealDecorations(editor)).toHaveLength(0)
+
+    editor.destroy()
+  })
+
+  it('warns when the provider has no awareness', async () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+
+    const editor = await new Promise<Editor>(resolve => {
+      const created = new Editor({
+        element: document.createElement('div'),
+        extensions: [StarterKit, AiInsertReveal.configure({ provider: {} })],
+        onCreate: () => resolve(created),
+      })
+    })
+
+    expect(warn).toHaveBeenCalledWith(expect.stringContaining('no awareness'))
+
+    warn.mockRestore()
+    editor.destroy()
+  })
+
+  it('warns when durationMs cannot hold a reveal', async () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+
+    const editor = await new Promise<Editor>(resolve => {
+      const created = new Editor({
+        element: document.createElement('div'),
+        extensions: [
+          StarterKit,
+          AiInsertReveal.configure({ provider: createProvider(), durationMs: 0 }),
+        ],
+        onCreate: () => resolve(created),
+      })
+    })
+
+    expect(warn).toHaveBeenCalledWith(expect.stringContaining('durationMs'))
+
+    warn.mockRestore()
+    editor.destroy()
+  })
+
+  it('warns and reveals nothing when no provider is configured', async () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+    const ydoc = new Y.Doc()
+
+    const editor = await new Promise<Editor>(resolve => {
+      new Editor({
+        element: document.createElement('div'),
+        extensions: [
+          StarterKit.configure({ undoRedo: false }),
+          Collaboration.configure({ document: ydoc }),
+          AiInsertReveal,
+        ],
+        onCreate: ({ editor: created }) => {
+          created.commands.setContent('<p>Hello</p>')
+          resolve(created)
+        },
+      })
+    })
+
+    remoteInsert(createPeer(ydoc, AI_CLIENT_ID), ydoc, 5, ' WORLD')
+
+    // Without awareness the AI cannot be identified, so it fails closed.
+    expect(editor.getText()).toBe('Hello WORLD')
+    expect(revealDecorations(editor)).toHaveLength(0)
+    expect(warn).toHaveBeenCalledWith(expect.stringContaining('"provider" option is required'))
+
+    warn.mockRestore()
+    editor.destroy()
+  })
+
+  it("does not reveal the local user's own typing", async () => {
+    const { editor } = await createCollabEditor()
+
+    // A local transaction (transaction.local === true) must be ignored.
+    editor.commands.insertContentAt(6, 'X')
+
+    expect(editor.getText()).toBe('HelloX')
+    expect(revealDecorations(editor)).toHaveLength(0)
+
+    editor.destroy()
+  })
+
+  it('drops the reveal once its duration has elapsed', async () => {
+    const { editor, ydoc, ai } = await createCollabEditor({ durationMs: 30 })
+    vi.useFakeTimers({ toFake: ['Date'] })
+
+    remoteInsert(ai, ydoc, 5, ' WORLD')
+    expect(revealDecorations(editor)).toHaveLength(1)
+
+    vi.setSystemTime(Date.now() + 60)
+    expect(revealDecorations(editor)).toHaveLength(0)
+
+    editor.destroy()
+  })
+
+  it('clamps a run longer than the max reveal range to that many characters', async () => {
+    const { editor, ydoc, ai } = await createCollabEditor()
+
+    remoteInsert(ai, ydoc, 5, 'x'.repeat(401))
+
+    expect(editor.getText()).toBe(`Hello${'x'.repeat(401)}`)
+    const decorations = revealDecorations(editor)
+    expect(decorations).toHaveLength(1)
+    // The whole run inserts; only the fade is capped (MAX_REVEAL_RANGE = 400).
+    expect(decorations[0].to - decorations[0].from).toBe(400)
+
+    editor.destroy()
+  })
+
+  it('drops a run whose resolved span no longer matches its inserted length', async () => {
+    const { editor, ydoc, ai } = await createCollabEditor()
+
+    remoteInsert(ai, ydoc, 5, ' WORLD')
+    // 'XYZ' lands inside the first run, so its span drifts from 6 to 9 and drops as stale.
+    remoteInsert(ai, ydoc, 8, 'XYZ')
+
+    const decorations = revealDecorations(editor)
+    expect(decorations).toHaveLength(1)
+    expect(decorations[0].to - decorations[0].from).toBe(3)
+
+    editor.destroy()
+  })
+
+  it('tears down cleanly after a reveal without throwing', async () => {
+    const { editor, ydoc, ai } = await createCollabEditor()
+    remoteInsert(ai, ydoc, 5, ' WORLD')
+    expect(revealDecorations(editor)).toHaveLength(1)
+
+    expect(() => editor.destroy()).not.toThrow()
+  })
+})
diff --git a/packages/ai-toolkit/src/streaming-reveal.ts b/packages/ai-toolkit/src/streaming-reveal.ts
new file mode 100644
index 0000000..1404418
--- /dev/null
+++ b/packages/ai-toolkit/src/streaming-reveal.ts
@@ -0,0 +1,392 @@
+import { Extension } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+import { relativePositionToAbsolutePosition, ySyncPluginKey } from '@tiptap/y-tiptap'
+import * as Y from 'yjs'
+
+/**
+ * Configuration for {@link AiInsertReveal}.
+ */
+export type AiInsertRevealOptions = {
+  /** CSS class on each revealed run; style it in your app to define the fade. */
+  className: string
+  /**
+   * How long (ms) each run keeps its reveal decoration before it is dropped.
+   * Keep it at or above your CSS animation duration so the fade can finish.
+   */
+  durationMs: number
+  /**
+   * The collaboration provider, e.g. `HocuspocusProvider` or `TiptapCloudProvider`.
+   * Its awareness is what identifies the AI, so nothing is revealed without it.
+   */
+  provider: RevealProvider | null
+}
+
+/** The awareness surface this extension reads from the provider. */
+export type RevealProvider = {
+  awareness?: {
+    getStates: () => Map<number, Record<string, any> | undefined>
+    on: (event: 'change', listener: () => void) => void
+    off: (event: 'change', listener: () => void) => void
+  }
+}
+
+/** Caps the fade to a run's first N chars; the rest reveals instantly. */
+const MAX_REVEAL_RANGE = 400
+
+/** ProseMirror compares decoration attrs by value, so an unrounded offset rebuilds the DOM. */
+const REVEAL_AGE_STEP = 100
+
+/** Above this, an update is a document sync, such as joining a room, not live streaming. */
+const MAX_BLOCKS_PER_UPDATE = 2
+
+/** Yjs relative positions so each run survives y-tiptap doc rebuilds. */
+type RevealEntry = {
+  start: Y.RelativePosition
+  end: Y.RelativePosition
+  at: number
+  /** Inserted char count; a resolved span that drifts from it is stale. */
+  length: number
+  /** Author, resolved against awareness at render time rather than on arrival. */
+  client: number
+}
+
+/** Minimal shape of the y-sync plugin state we read. */
+type YSyncState = {
+  doc: Y.Doc
+  type: Y.XmlFragment
+  binding: { mapping: Map<Y.AbstractType<unknown>, PMNode | PMNode[]> } | null
+}
+
+const aiInsertRevealKey = new PluginKey('aiInsertReveal')
+
+function resolveRevealRange(
+  ystate: YSyncState,
+  entry: RevealEntry,
+  now: number,
+  durationMs: number,
+  docSize: number,
+): { from: number; to: number; age: number } | null {
+  const age = now - entry.at
+  if (age >= durationMs) return null
+
+  const span = resolveSpan(ystate, entry, docSize)
+  return span === null ? null : { ...span, age }
+}
+
+function resolveSpan(
+  ystate: YSyncState,
+  entry: RevealEntry,
+  docSize: number,
+): { from: number; to: number } | null {
+  if (!ystate.binding) return null
+
+  const from = relativePositionToAbsolutePosition(
+    ystate.doc,
+    ystate.type,
+    entry.start,
+    ystate.binding.mapping,
+  )
+  const to = relativePositionToAbsolutePosition(
+    ystate.doc,
+    ystate.type,
+    entry.end,
+    ystate.binding.mapping,
+  )
+  return from === null || to === null ? null : clampSpan(from, to, entry.length, docSize)
+}
+
+/** Drops a span whose width drifted from the insert, so stale mappings never paint. */
+function clampSpan(
+  from: number,
+  to: number,
+  length: number,
+  docSize: number,
+): { from: number; to: number } | null {
+  const lo = Math.min(from, to)
+  const hi = Math.max(from, to)
+  if (hi - lo !== length) return null
+
+  const start = Math.max(0, lo)
+  const end = Math.min(docSize, hi, start + MAX_REVEAL_RANGE)
+  return start >= end ? null : { from: start, to: end }
+}
+
+/** Merges touching runs with the same offset, so a stream paints a few spans, not one per token. */
+function mergeRuns(
+  ranges: Array<{ from: number; to: number; age: number }>,
+): Array<{ from: number; to: number; delay: number }> {
+  const merged: Array<{ from: number; to: number; delay: number }> = []
+
+  for (const range of ranges) {
+    const delay = Math.round(range.age / REVEAL_AGE_STEP) * REVEAL_AGE_STEP
+    const last = merged[merged.length - 1]
+
+    if (last !== undefined && last.delay === delay && last.to === range.from) {
+      last.to = range.to
+    } else {
+      merged.push({ from: range.from, to: range.to, delay })
+    }
+  }
+
+  return merged
+}
+
+/** The Tiptap AI server tags the identity it publishes with an instance id. */
+function isAiUser(user: Record<string, any> | undefined): boolean {
+  return Boolean(user?.aiInstanceId)
+}
+
+/** Clients whose clock advanced in this transaction, i.e. who authored it. */
+function transactionAuthors(transaction: Y.Transaction): number[] {
+  const authors: number[] = []
+  transaction.afterState.forEach((clock, client) => {
+    if ((transaction.beforeState.get(client) ?? 0) < clock) authors.push(client)
+  })
+  return authors
+}
+
+function collectInsertedRuns(
+  event: Y.YEvent<Y.AbstractType<unknown>>,
+  now: number,
+  client: number,
+): RevealEntry[] {
+  const target = event.target
+  const runs: RevealEntry[] = []
+
+  if (target instanceof Y.XmlText) {
+    let index = 0
+    for (const op of event.delta) {
+      const { advance, inserted } = scanDeltaOp(op)
+      if (inserted > 0) runs.push(makeRun(target, index, inserted, now, client))
+      index += advance
+    }
+    return runs
+  }
+
+  // Whole nodes arrive when the AI writes a heading or a fresh block, so their
+  // text never shows up as an insert into existing content.
+  for (const op of event.delta) {
+    if (!Array.isArray(op.insert)) continue
+    if (op.insert.length > MAX_BLOCKS_PER_UPDATE) continue
+    for (const node of op.insert) collectNodeText(node, now, client, runs)
+  }
+  return runs
+}
+
+function collectNodeText(node: unknown, now: number, client: number, runs: RevealEntry[]): void {
+  if (node instanceof Y.XmlText) {
+    if (node.length > 0) runs.push(makeRun(node, 0, node.length, now, client))
+    return
+  }
+  if (node instanceof Y.XmlElement) {
+    for (const child of node.toArray()) collectNodeText(child, now, client, runs)
+  }
+}
+
+function scanDeltaOp(op: { retain?: number; insert?: unknown }): {
+  advance: number
+  inserted: number
+} {
+  if (typeof op.retain === 'number') return { advance: op.retain, inserted: 0 }
+  if (typeof op.insert === 'string')
+    return { advance: op.insert.length, inserted: op.insert.length }
+  // A non-string insert (embed) advances one position but is not a revealed run.
+  return op.insert === undefined ? { advance: 0, inserted: 0 } : { advance: 1, inserted: 0 }
+}
+
+/**
+ * End anchor assoc < 0 so an appended token starts a new run, not extends it.
+ * At index 0 the start needs the same assoc, or it resolves to nothing.
+ */
+function makeRun(
+  target: Y.XmlText,
+  index: number,
+  length: number,
+  now: number,
+  client: number,
+): RevealEntry {
+  return {
+    start: Y.createRelativePositionFromTypeIndex(target, index, index === 0 ? -1 : 0),
+    end: Y.createRelativePositionFromTypeIndex(target, index + length, -1),
+    at: now,
+    length,
+    client,
+  }
+}
+
+/**
+ * Fades in text the AI streams into the document, using view-only decorations.
+ * It never mutates the document, so it is inert to accept/reject and persistence.
+ * Requires Collaboration, a provider, and CSS for `className` (default `ai-insert-reveal`).
+ */
+export const AiInsertReveal = Extension.create<AiInsertRevealOptions>({
+  name: 'aiInsertReveal',
+
+  addOptions() {
+    return {
+      className: 'ai-insert-reveal',
+      durationMs: 550,
+      provider: null,
+    }
+  },
+
+  onCreate() {
+    const { provider, durationMs } = this.options
+
+    if (!provider) {
+      console.warn(
+        '[tiptap warn]: The "provider" option is required for "AiInsertReveal" to tell the AI apart from other collaborators. Nothing is revealed without it.',
+      )
+    } else if (!provider.awareness) {
+      console.warn(
+        '[tiptap warn]: The provider passed to "AiInsertReveal" has no awareness, so the AI cannot be identified. Nothing is revealed.',
+      )
+    }
+
+    if (durationMs <= 0) {
+      console.warn(
+        `[tiptap warn]: "AiInsertReveal" needs a positive "durationMs" to hold a reveal, got ${durationMs}. Nothing is revealed.`,
+      )
+    }
+  },
+
+  addProseMirrorPlugins() {
+    const { className, durationMs, provider } = this.options
+
+    // Runs in insertion (time) order, so expired entries are always a prefix.
+    const entries: RevealEntry[] = []
+
+    // Never pruned: the AI clears its awareness entry when it stops, and its first
+    // tokens can arrive before that entry lands.
+    const aiClients = new Set<number>()
+
+    const dropExpired = (now: number) => {
+      let firstActive = 0
+      while (firstActive < entries.length && now - entries[firstActive].at >= durationMs) {
+        firstActive += 1
+      }
+      if (firstActive > 0) entries.splice(0, firstActive)
+    }
+
+    return [
+      new Plugin({
+        key: aiInsertRevealKey,
+
+        props: {
+          decorations: state => {
+            const ystate = ySyncPluginKey.getState(state) as YSyncState | undefined
+            if (entries.length === 0 || !ystate?.binding) return null
+
+            const now = Date.now()
+            const ranges = entries
+              .filter(entry => aiClients.has(entry.client))
+              .map(entry =>
+                resolveRevealRange(ystate, entry, now, durationMs, state.doc.content.size),
+              )
+              .filter((range): range is NonNullable<typeof range> => range !== null)
+
+            // y-tiptap rebuilds the whole doc per token, restarting the CSS
+            // animation; offset by the run's age to resume the fade instead.
+            const decorations = mergeRuns(ranges).map(range =>
+              Decoration.inline(range.from, range.to, {
+                class: className,
+                style: `animation-delay: -${range.delay}ms`,
+              }),
+            )
+
+            return DecorationSet.create(state.doc, decorations)
+          },
+        },
+
+        view: view => {
+          const initialState = ySyncPluginKey.getState(view.state) as YSyncState | undefined
+          const fragment = initialState?.type ?? null
+          const awareness = provider?.awareness ?? null
+
+          if (fragment === null) {
+            console.warn(
+              '[tiptap warn]: "AiInsertReveal" needs the Collaboration extension to see incoming text. Nothing is revealed.',
+            )
+          }
+
+          const trackAiClients = () => {
+            const known = aiClients.size
+            awareness
+              ?.getStates()
+              .forEach((state: Record<string, any> | undefined, clientId: number) => {
+                if (isAiUser(state?.user)) aiClients.add(clientId)
+              })
+            // Runs that arrived before the AI was identified can now be revealed.
+            if (aiClients.size > known) scheduleRerender()
+          }
+
+          let raf: number | null = null
+          let pruneTimer: ReturnType<typeof setTimeout> | null = null
+
+          const rerender = () => {
+            if (view.isDestroyed) return
+            // Empty transaction: re-runs `decorations` so new entries paint and expired ones drop.
+            view.dispatch(view.state.tr.setMeta('addToHistory', false))
+          }
+
+          // Coalesce bursts of tokens landing in the same frame into one render.
+          const scheduleRerender = () => {
+            if (raf !== null) return
+            raf = requestAnimationFrame(() => {
+              raf = null
+              rerender()
+            })
+          }
+
+          // After the stream pauses, one delayed render removes the last runs'
+          // decorations once their fades have completed.
+          const schedulePrune = () => {
+            if (pruneTimer !== null) clearTimeout(pruneTimer)
+            pruneTimer = setTimeout(() => {
+              pruneTimer = null
+              dropExpired(Date.now())
+              rerender()
+            }, durationMs + 80)
+          }
+
+          const onChange = (
+            events: Array<Y.YEvent<Y.AbstractType<unknown>>>,
+            transaction: Y.Transaction,
+          ) => {
+            if (transaction.local) return
+
+            // A batch mixing several authors cannot be attributed run by run.
+            const authors = transactionAuthors(transaction)
+            if (authors.length !== 1) return
+
+            const now = Date.now()
+            dropExpired(now)
+
+            const runs = events.flatMap(event => collectInsertedRuns(event, now, authors[0]))
+            if (runs.length === 0) return
+
+            entries.push(...runs)
+            scheduleRerender()
+            schedulePrune()
+          }
+
+          trackAiClients()
+          awareness?.on('change', trackAiClients)
+          fragment?.observeDeep(onChange)
+
+          return {
+            destroy: () => {
+              awareness?.off('change', trackAiClients)
+              fragment?.unobserveDeep(onChange)
+              if (raf !== null) cancelAnimationFrame(raf)
+              if (pruneTimer !== null) clearTimeout(pruneTimer)
+              entries.length = 0
+            },
+          }
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/ai-toolkit/tests/integration/serverAiToolkit.test.ts b/packages/ai-toolkit/tests/integration/serverAiToolkit.test.ts
new file mode 100644
index 0000000..f8f1f8e
--- /dev/null
+++ b/packages/ai-toolkit/tests/integration/serverAiToolkit.test.ts
@@ -0,0 +1,140 @@
+// @vitest-environment happy-dom
+
+import { Editor, Extension } from '@tiptap/core'
+import StarterKit from '@tiptap/starter-kit'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { ServerAiToolkit } from '@tiptap/ai-toolkit'
+
+/**
+ * Options for creating a test editor.
+ */
+interface CreateEditorOptions {
+  /**
+   * Initial document JSON.
+   */
+  content?: Record<string, unknown>
+
+  /**
+   * Additional extensions to include alongside the default ones.
+   */
+  extensions?: Extension[]
+}
+
+/**
+ * Creates an editor configured with the {@link ServerAiToolkit} extension.
+ *
+ * @param options - Editor configuration options.
+ * @return Promise resolving once the editor create lifecycle has finished.
+ */
+function createEditor(options: CreateEditorOptions): Promise<Editor> {
+  return new Promise(resolve => {
+    const editor = new Editor({
+      element: document.createElement('div'),
+      content: options.content,
+      extensions: [StarterKit, ServerAiToolkit, ...(options.extensions ?? [])],
+      onCreate: () => {
+        resolve(editor)
+      },
+    })
+  })
+}
+
+/**
+ * Creates an editor with an explicit extension order.
+ *
+ * @param extensions - Extensions to register in the desired order.
+ * @param content - Initial document JSON.
+ * @return Promise resolving once the editor create lifecycle has finished.
+ */
+function createEditorWithExplicitExtensions(
+  extensions: Extension[],
+  content?: Record<string, unknown>,
+): Promise<Editor> {
+  return new Promise(resolve => {
+    const editor = new Editor({
+      element: document.createElement('div'),
+      content,
+      extensions,
+      onCreate: () => {
+        resolve(editor)
+      },
+    })
+  })
+}
+
+const MockAiToolkit = Extension.create({
+  name: 'aiToolkit',
+})
+
+describe('ServerAiToolkit', () => {
+  it('registers _hash attributes without generating values on creation', async () => {
+    const editor = await createEditor({
+      content: {
+        type: 'doc',
+        content: [
+          { type: 'paragraph', content: [{ type: 'text', text: 'First' }] },
+          { type: 'paragraph', content: [{ type: 'text', text: 'Second' }] },
+        ],
+      },
+    })
+
+    const paragraphs = editor.getJSON().content ?? []
+
+    expect(paragraphs).toHaveLength(2)
+    // oxlint-disable-next-line no-underscore-dangle
+    expect(paragraphs[0]?.attrs?._hash ?? null).toBeNull()
+    // oxlint-disable-next-line no-underscore-dangle
+    expect(paragraphs[1]?.attrs?._hash ?? null).toBeNull()
+
+    editor.destroy()
+  })
+
+  it('preserves provided hashes through a JSON round-trip', async () => {
+    const firstEditor = await createEditor({
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            attrs: { _hash: 'ABC123' },
+            content: [{ type: 'text', text: 'Hello' }],
+          },
+        ],
+      },
+    })
+
+    const firstJson = firstEditor.getJSON()
+    // oxlint-disable-next-line no-underscore-dangle
+    const firstHash = firstJson.content?.[0]?.attrs?._hash
+
+    firstEditor.destroy()
+
+    const secondEditor = await createEditor({
+      content: firstJson,
+    })
+
+    const secondJson = secondEditor.getJSON()
+    // oxlint-disable-next-line no-underscore-dangle
+    const secondHash = secondJson.content?.[0]?.attrs?._hash
+
+    expect(secondHash).toBe(firstHash)
+
+    secondEditor.destroy()
+  })
+
+  it('does not synthesize hashes when the AI Toolkit extension is present', async () => {
+    const editor = await createEditorWithExplicitExtensions(
+      [StarterKit, ServerAiToolkit, MockAiToolkit],
+      {
+        type: 'doc',
+        content: [{ type: 'paragraph', content: [{ type: 'text', text: 'First' }] }],
+      },
+    )
+
+    // oxlint-disable-next-line no-underscore-dangle
+    expect(editor.getJSON().content?.[0]?.attrs?._hash ?? null).toBeNull()
+
+    editor.destroy()
+  })
+})
diff --git a/packages/ai-toolkit/vite.config.ts b/packages/ai-toolkit/vite.config.ts
new file mode 100644
index 0000000..c256193
--- /dev/null
+++ b/packages/ai-toolkit/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts', 'src/streaming-reveal.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/core/README.md b/packages/core/README.md
new file mode 100644
index 0000000..e78ff4d
--- /dev/null
+++ b/packages/core/README.md
@@ -0,0 +1,18 @@
+# @tiptap/core
+
+[![Version](https://img.shields.io/npm/v/@tiptap/core.svg?label=version)](https://www.npmjs.com/package/@tiptap/core)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/core.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/core.svg)](https://www.npmjs.com/package/@tiptap/core)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/core/jsx-dev-runtime/index.cjs b/packages/core/jsx-dev-runtime/index.cjs
new file mode 100644
index 0000000..dc486a3
--- /dev/null
+++ b/packages/core/jsx-dev-runtime/index.cjs
@@ -0,0 +1 @@
+module.exports = require('../dist/jsx-runtime/jsx-runtime.cjs')
diff --git a/packages/core/jsx-dev-runtime/index.d.cts b/packages/core/jsx-dev-runtime/index.d.cts
new file mode 100644
index 0000000..75d9136
--- /dev/null
+++ b/packages/core/jsx-dev-runtime/index.d.cts
@@ -0,0 +1 @@
+export * from '../src/jsx-runtime.ts'
diff --git a/packages/core/jsx-dev-runtime/index.d.ts b/packages/core/jsx-dev-runtime/index.d.ts
new file mode 100644
index 0000000..644513c
--- /dev/null
+++ b/packages/core/jsx-dev-runtime/index.d.ts
@@ -0,0 +1 @@
+export type * from '../src/jsx-runtime.js'
diff --git a/packages/core/jsx-dev-runtime/index.js b/packages/core/jsx-dev-runtime/index.js
new file mode 100644
index 0000000..856e5ed
--- /dev/null
+++ b/packages/core/jsx-dev-runtime/index.js
@@ -0,0 +1 @@
+export * from '../dist/jsx-runtime/jsx-runtime.js'
diff --git a/packages/core/jsx-runtime/index.cjs b/packages/core/jsx-runtime/index.cjs
new file mode 100644
index 0000000..dc486a3
--- /dev/null
+++ b/packages/core/jsx-runtime/index.cjs
@@ -0,0 +1 @@
+module.exports = require('../dist/jsx-runtime/jsx-runtime.cjs')
diff --git a/packages/core/jsx-runtime/index.d.cts b/packages/core/jsx-runtime/index.d.cts
new file mode 100644
index 0000000..75d9136
--- /dev/null
+++ b/packages/core/jsx-runtime/index.d.cts
@@ -0,0 +1 @@
+export * from '../src/jsx-runtime.ts'
diff --git a/packages/core/jsx-runtime/index.d.ts b/packages/core/jsx-runtime/index.d.ts
new file mode 100644
index 0000000..5a1c2c9
--- /dev/null
+++ b/packages/core/jsx-runtime/index.d.ts
@@ -0,0 +1 @@
+export type * from '../src/jsx-runtime.ts'
diff --git a/packages/core/jsx-runtime/index.js b/packages/core/jsx-runtime/index.js
new file mode 100644
index 0000000..856e5ed
--- /dev/null
+++ b/packages/core/jsx-runtime/index.js
@@ -0,0 +1 @@
+export * from '../dist/jsx-runtime/jsx-runtime.js'
diff --git a/packages/core/package.json b/packages/core/package.json
new file mode 100644
index 0000000..7ed0d29
--- /dev/null
+++ b/packages/core/package.json
@@ -0,0 +1,73 @@
+{
+  "name": "@tiptap/core",
+  "version": "3.30.3",
+  "description": "headless rich text editor",
+  "keywords": [
+    "headless",
+    "prosemirror",
+    "text editor",
+    "tiptap",
+    "wysiwyg"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/core"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist",
+    "jsx-runtime",
+    "jsx-dev-runtime"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./jsx-runtime": {
+      "types": {
+        "import": "./jsx-runtime/index.d.ts",
+        "require": "./jsx-runtime/index.d.cts"
+      },
+      "import": "./jsx-runtime/index.js",
+      "require": "./jsx-runtime/index.cjs"
+    },
+    "./jsx-dev-runtime": {
+      "types": {
+        "import": "./jsx-dev-runtime/index.d.ts",
+        "require": "./jsx-dev-runtime/index.d.cts"
+      },
+      "import": "./jsx-dev-runtime/index.js",
+      "require": "./jsx-dev-runtime/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/pm": "workspace:^",
+    "prosemirror-model": "^1.25.11"
+  },
+  "peerDependencies": {
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/core/src/CommandManager.test.ts b/packages/core/src/CommandManager.test.ts
new file mode 100644
index 0000000..ba36fe8
--- /dev/null
+++ b/packages/core/src/CommandManager.test.ts
@@ -0,0 +1,220 @@
+import Bold from '@tiptap/extension-bold'
+import Code from '@tiptap/extension-code'
+import CodeBlock from '@tiptap/extension-code-block'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { UndoRedo } from '@tiptap/extensions'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from './Editor.js'
+
+describe('can', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('not undo', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo],
+    })
+
+    const canUndo = editor.can().undo()
+
+    expect(canUndo).toBe(false)
+  })
+
+  it('undo', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo],
+    })
+
+    editor.commands.setContent('foo')
+
+    const canUndo = editor.can().undo()
+
+    expect(canUndo).toBe(true)
+  })
+
+  it('not chain undo', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo],
+    })
+
+    const canUndo = editor.can().chain().undo().run()
+
+    expect(canUndo).toBe(false)
+  })
+
+  it('chain undo', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo],
+    })
+
+    editor.commands.setContent('foo')
+
+    const canUndo = editor.can().chain().undo().run()
+
+    expect(canUndo).toBe(true)
+  })
+
+  it('returns false for non-applicable marks when cursor is positioned in node that disallows marks', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo, CodeBlock, Bold],
+    })
+
+    // Set up a code block and position cursor inside it (no selection)
+    editor
+      .chain()
+      .setCodeBlock()
+      .insertContent('Test code block')
+      .setTextSelection(5) // Position cursor in the middle of the text
+      .run()
+
+    const canSetMarkToBold = editor.can().setMark('bold')
+
+    expect(canSetMarkToBold).toBe(false)
+  })
+
+  it('returns false for non-applicable marks when selection contains node in conflict', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo, CodeBlock, Bold],
+    })
+
+    editor
+      .chain()
+      .setCodeBlock()
+      .insertContent('Test code block')
+      .setTextSelection({ from: 2, to: 3 })
+      .selectAll()
+      .run()
+
+    const canSetMarkToBold = editor.can().setMark('bold')
+
+    expect(canSetMarkToBold).toBe(false)
+  })
+
+  it('returns false for non-applicable marks when selection contains marks in conflict', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo, Code, Bold],
+    })
+
+    editor.chain().setContent('<code>test</code>').setTextSelection({ from: 2, to: 3 }).run()
+
+    const canSetMarkToBold = editor.can().setMark('bold')
+
+    expect(canSetMarkToBold).toBe(false)
+  })
+
+  it('returns false for non-applicable marks when stored marks in conflict', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo, Code, Bold],
+    })
+
+    editor.chain().setContent('<code>test</code>').run()
+
+    const canSetMarkToBold = editor.can().setMark('bold')
+
+    expect(canSetMarkToBold).toBe(false)
+  })
+
+  it('returns false for non-applicable marks when selecting multiple nodes in conflict', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo, Code, Bold],
+    })
+
+    editor.chain().setContent('<code>test</code><code>123</code>').selectAll().run()
+
+    const canSetMarkToBold = editor.can().setMark('bold')
+
+    expect(canSetMarkToBold).toBe(false)
+  })
+
+  it('returns true for applicable marks when selection does not contain nodes in conflict', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo, CodeBlock, Bold],
+    })
+
+    editor
+      .chain()
+      .setCodeBlock()
+      .insertContent('Test code block')
+      .exitCode()
+      .insertContent('Additional paragraph node')
+      .selectAll()
+      .run()
+
+    const canSetMarkToBold = editor.can().setMark('bold')
+
+    expect(canSetMarkToBold).toBe(true)
+  })
+
+  it('returns true for applicable marks when stored marks are not in conflict', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo, Code, Bold],
+    })
+
+    editor.chain().setContent('<code>test</code>').toggleCode().run()
+
+    const canSetMarkToBold = editor.can().setMark('bold')
+
+    expect(canSetMarkToBold).toBe(true)
+  })
+
+  it('returns true for applicable marks when selection does not contain marks in conflict', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo, Code, Bold],
+    })
+
+    editor
+      .chain()
+      .setContent('<code>test</code>')
+      .setTextSelection({ from: 2, to: 3 })
+      .toggleCode()
+      .run()
+
+    const canSetMarkToBold = editor.can().setMark('bold')
+
+    expect(canSetMarkToBold).toBe(true)
+  })
+
+  it('returns true for applicable marks if at least one node in selection has no marks in conflict', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo, Code, Bold],
+    })
+
+    editor.chain().setContent('<code>test</code><i>123</i>').selectAll().run()
+
+    const canSetMarkToBold = editor.can().setMark('bold')
+
+    expect(canSetMarkToBold).toBe(true)
+  })
+
+  it('builds and passes down an undefined dispatch for nested "can" chain', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, UndoRedo],
+    })
+
+    let capturedOuterDispatch: ((args?: any) => any) | undefined
+    let capturedInnerDispatch: ((args?: any) => any) | undefined
+
+    editor
+      .can()
+      .chain()
+      .command(({ chain, dispatch: outterDispatch }) => {
+        capturedOuterDispatch = outterDispatch
+        return chain()
+          .command(({ dispatch: innerDispatch }) => {
+            capturedInnerDispatch = innerDispatch
+            return true
+          })
+          .run()
+      })
+      .run()
+
+    expect(capturedOuterDispatch).toBe(undefined)
+    expect(capturedInnerDispatch).toBe(undefined)
+  })
+})
diff --git a/packages/core/src/CommandManager.ts b/packages/core/src/CommandManager.ts
new file mode 100644
index 0000000..7757a2c
--- /dev/null
+++ b/packages/core/src/CommandManager.ts
@@ -0,0 +1,208 @@
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+
+import type { Editor } from './Editor.js'
+import { createChainableState } from './helpers/createChainableState.js'
+import type {
+  AnyCommands,
+  CanCommands,
+  ChainedCommands,
+  CommandProps,
+  SingleCommands,
+} from './types.js'
+
+export class CommandManager {
+  editor: Editor
+
+  rawCommands: AnyCommands
+
+  customState?: EditorState
+
+  constructor(props: { editor: Editor; state?: EditorState }) {
+    this.editor = props.editor
+    this.rawCommands = this.editor.extensionManager.commands
+    this.customState = props.state
+  }
+
+  get hasCustomState(): boolean {
+    return !!this.customState
+  }
+
+  get state(): EditorState {
+    return this.customState || this.editor.state
+  }
+
+  get commands(): SingleCommands {
+    const { rawCommands, editor, state } = this
+    const { view } = editor
+    const { tr } = state
+    const props = this.buildProps(tr)
+
+    return Object.fromEntries(
+      Object.entries(rawCommands).map(([name, command]) => {
+        const method = (...args: any[]) => {
+          const callback = command(...args)(props)
+
+          if (!tr.getMeta('preventDispatch') && !this.hasCustomState) {
+            view.dispatch(tr)
+          }
+
+          return callback
+        }
+
+        return [name, method]
+      }),
+    ) as unknown as SingleCommands
+  }
+
+  get chain(): () => ChainedCommands {
+    return () => this.createChain()
+  }
+
+  get can(): () => CanCommands {
+    return () => this.createCan()
+  }
+
+  public createChain(startTr?: Transaction, shouldDispatch = true): ChainedCommands {
+    const { rawCommands, editor, state } = this
+    const { view } = editor
+    const callbacks: boolean[] = []
+    const hasStartTransaction = !!startTr
+    const tr = startTr || state.tr
+
+    const run = () => {
+      if (
+        !hasStartTransaction &&
+        shouldDispatch &&
+        !tr.getMeta('preventDispatch') &&
+        !this.hasCustomState
+      ) {
+        view.dispatch(tr)
+      }
+
+      return callbacks.every(callback => callback === true)
+    }
+
+    const chain = {
+      ...Object.fromEntries(
+        Object.entries(rawCommands).map(([name, command]) => {
+          const chainedCommand = (...args: never[]) => {
+            const props = this.buildProps(tr, shouldDispatch)
+            const callback = command(...args)(props)
+
+            callbacks.push(callback)
+
+            return chain
+          }
+
+          return [name, chainedCommand]
+        }),
+      ),
+      run,
+    } as unknown as ChainedCommands
+
+    return chain
+  }
+
+  /**
+   * Creates a chain that safely returns `false` when run.
+   * @returns A non-dispatching command chain.
+   * @example
+   * const chain = CommandManager.createFakeChain()
+   * chain.focus().run() // false
+   */
+  public static createFakeChain(): ChainedCommands {
+    const chain = new Proxy(
+      {},
+      {
+        get: (_target, property) => {
+          if (property === 'then') {
+            return undefined
+          }
+
+          if (property === 'run') {
+            return () => false
+          }
+
+          return () => chain
+        },
+      },
+    ) as ChainedCommands
+
+    return chain
+  }
+
+  public createCan(startTr?: Transaction): CanCommands {
+    const { rawCommands, state } = this
+    const dispatch = false
+    const tr = startTr || state.tr
+    const props = this.buildProps(tr, dispatch)
+    const formattedCommands = Object.fromEntries(
+      Object.entries(rawCommands).map(([name, command]) => {
+        return [name, (...args: never[]) => command(...args)({ ...props, dispatch: undefined })]
+      }),
+    ) as unknown as SingleCommands
+
+    return {
+      ...formattedCommands,
+      chain: () => this.createChain(tr, dispatch),
+    } as CanCommands
+  }
+
+  /**
+   * Creates capability checks that safely return `false`.
+   * @returns A non-dispatching capability checker.
+   * @example
+   * const can = CommandManager.createFallbackCan()
+   * can.focus() // false
+   */
+  public static createFallbackCan(): CanCommands {
+    const chain = CommandManager.createFakeChain()
+    const can = new Proxy(
+      {
+        chain: () => chain,
+      },
+      {
+        get: (target, property) => {
+          if (property === 'then') {
+            return undefined
+          }
+
+          if (property === 'chain') {
+            return target.chain
+          }
+
+          return () => false
+        },
+      },
+    ) as CanCommands
+
+    return can
+  }
+
+  public buildProps(tr: Transaction, shouldDispatch = true): CommandProps {
+    const { rawCommands, editor, state } = this
+    const { view } = editor
+
+    const props: CommandProps = {
+      tr,
+      editor,
+      view,
+      state: createChainableState({
+        state,
+        transaction: tr,
+      }),
+      dispatch: shouldDispatch ? () => undefined : undefined,
+      chain: () => this.createChain(tr, shouldDispatch),
+      can: () => this.createCan(tr),
+      get commands() {
+        return Object.fromEntries(
+          Object.entries(rawCommands).map(([name, command]) => {
+            return [name, (...args: never[]) => command(...args)(props)]
+          }),
+        ) as unknown as SingleCommands
+      },
+    }
+
+    return props
+  }
+}
diff --git a/packages/core/src/Editor.test.ts b/packages/core/src/Editor.test.ts
new file mode 100644
index 0000000..4ff5d3b
--- /dev/null
+++ b/packages/core/src/Editor.test.ts
@@ -0,0 +1,681 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import StarterKit from '@tiptap/starter-kit'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from './Editor.js'
+import { Extension } from './Extension.js'
+
+const createTestEditor = () =>
+  new Editor({
+    element: document.createElement('div'),
+    extensions: [StarterKit],
+  })
+
+describe('Editor', () => {
+  it('keeps command fallbacks available while commands initialize', async () => {
+    let chain: ReturnType<Editor['chain']> | undefined
+    let can: ReturnType<Editor['can']> | undefined
+
+    const editor = new Editor({
+      element: document.createElement('div'),
+      extensions: [
+        StarterKit,
+        Extension.create({
+          name: 'initialization-test',
+          addCommands() {
+            chain = this.editor.chain()
+            can = this.editor.can()
+
+            return {}
+          },
+        }),
+      ],
+    })
+
+    expect(chain?.focus().run()).toBe(false)
+    expect(can?.focus()).toBe(false)
+    expect(await Promise.resolve(chain)).toBe(chain)
+    expect(await Promise.resolve(can)).toBe(can)
+
+    editor.destroy()
+  })
+
+  describe('destroy', () => {
+    it('should keep the command chain accessible after the editor is destroyed', () => {
+      const editor = createTestEditor()
+
+      expect(editor.isDestroyed).toBe(false)
+      expect(editor.chain).not.toBe(null)
+
+      editor.destroy()
+
+      expect(editor.isDestroyed).toBe(true)
+      expect(editor.chain).not.toBe(null)
+      expect(editor.chain().setContent('').run()).toBe(false)
+    })
+
+    it('should keep the command can accessible after the editor is destroyed', () => {
+      const editor = createTestEditor()
+
+      expect(editor.isDestroyed).toBe(false)
+      expect(editor.can).not.toBe(null)
+
+      editor.destroy()
+
+      expect(editor.isDestroyed).toBe(true)
+      expect(editor.can).not.toBe(null)
+
+      // can on command
+      expect(editor.can().setContent('')).toBe(false)
+
+      // can on chain
+      expect(editor.can().chain().setContent('').blur().run()).toBe(false)
+    })
+  })
+})
+
+describe('editorProps', () => {
+  const editors: Editor[] = []
+
+  afterEach(() => {
+    editors.forEach(editor => editor.destroy())
+    editors.length = 0
+  })
+
+  it('editorProps can be set while constructing Editor', () => {
+    function transformPastedHTML(html: string) {
+      return html
+    }
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      editorProps: { transformPastedHTML },
+    })
+    editors.push(editor)
+
+    expect(transformPastedHTML).toBe(editor.view.props.transformPastedHTML)
+  })
+
+  it('editorProps can be set through setOptions', () => {
+    function transformPastedHTML(html: string) {
+      return html
+    }
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+    })
+    editors.push(editor)
+
+    editor.setOptions({ editorProps: { transformPastedHTML } })
+
+    expect(transformPastedHTML).toBe(editor.view.props.transformPastedHTML)
+  })
+})
+
+describe('editor.getHTML / editor.getJSON', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [StarterKit],
+      content: '<p>Example Text</p>',
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('returns html', () => {
+    expect(editor.getHTML()).toBe('<p>Example Text</p>')
+  })
+
+  it('returns json', () => {
+    expect(editor.getJSON()).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [{ type: 'text', text: 'Example Text' }],
+        },
+      ],
+    })
+  })
+})
+
+describe('onContentError', () => {
+  it('does not emit a contentError on invalid content (by default)', () => {
+    const json = {
+      invalid: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const editor = new Editor({
+      content: json,
+      extensions: [Document, Paragraph, Text],
+      onContentError: () => {
+        expect(false).toBe(true)
+      },
+    })
+
+    expect(editor.getText()).toBe('')
+  })
+  it('does not emit a contentError on invalid content (when enableContentCheck = false)', () => {
+    const json = {
+      invalid: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const editor = new Editor({
+      content: json,
+      extensions: [Document, Paragraph, Text],
+      enableContentCheck: false,
+      onContentError: () => {
+        expect(false).toBe(true)
+      },
+    })
+
+    expect(editor.getText()).toBe('')
+  })
+  it('emits a contentError on invalid content (when enableContentCheck = true)', async () => {
+    const json = {
+      invalid: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+            },
+          ],
+        },
+      ],
+    }
+
+    let contentErrorCalled = false
+    let errorMessage = ''
+
+    const editor = new Editor({
+      content: json,
+      extensions: [Document, Paragraph, Text],
+      enableContentCheck: true,
+      onContentError: ({ error }) => {
+        contentErrorCalled = true
+        errorMessage = error.message
+      },
+    })
+
+    // Wait for async initialization to complete
+    await new Promise<void>(resolve => {
+      setTimeout(resolve, 0)
+    })
+
+    expect(contentErrorCalled).toBe(true)
+    expect(errorMessage).toBe('[tiptap error]: Invalid JSON content')
+    expect(editor.getText()).toBe('')
+  })
+
+  it('does not emit a contentError on valid content', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const editor = new Editor({
+      content: json,
+      extensions: [Document, Paragraph, Text],
+      enableContentCheck: true,
+      onContentError: () => {
+        expect(false).toBe(true)
+      },
+    })
+
+    expect(editor.getText()).toBe('Example Text')
+  })
+
+  it('removes the collaboration extension when has invalid content (when enableContentCheck = true)', () => {
+    const json = {
+      invalid: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const editor = new Editor({
+      content: json,
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Extension.create({
+          name: 'collaboration',
+          addStorage() {
+            return {
+              isDisabled: false,
+            }
+          },
+        }),
+      ],
+      enableContentCheck: true,
+      onContentError: args => {
+        args.disableCollaboration()
+        expect(args.editor.storage.collaboration).toBe(undefined)
+      },
+    })
+
+    expect(editor.getText()).toBe('')
+    expect(editor.storage.collaboration).toBe(undefined)
+  })
+
+  it('does not remove the collaboration extension when has valid content (when enableContentCheck = true)', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const editor = new Editor({
+      content: json,
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Extension.create({
+          name: 'collaboration',
+          addStorage() {
+            return {
+              isDisabled: false,
+            }
+          },
+        }),
+      ],
+      enableContentCheck: true,
+      onContentError: () => {
+        // Should not be called, so we fail the test
+        expect(true).toBe(false)
+      },
+    })
+
+    expect(editor.getText()).toBe('Example Text')
+    expect(editor.storage.collaboration.isDisabled).toBe(false)
+  })
+
+  it('does not throw when calling setContent(valid) from the onContentError handler', () => {
+    const json = {
+      invalid: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const validJson = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Recovered',
+            },
+          ],
+        },
+      ],
+    }
+
+    let editor: Editor | undefined
+
+    expect(() => {
+      editor = new Editor({
+        content: json,
+        extensions: [Document, Paragraph, Text],
+        enableContentCheck: true,
+        onContentError: ({ editor: contentErrorEditor }) => {
+          contentErrorEditor.commands.setContent(validJson)
+        },
+      })
+    }).not.toThrow()
+
+    expect(editor?.getText()).toBe('Recovered')
+  })
+
+  // Invalid HTML whose fallback keeps a distinguishable "keepme" paragraph, so these
+  // tests fail if the fallback doc is ever discarded rather than preserved.
+  const invalidHtmlWithSalvageableText = '<p>keepme</p><foobar></foobar>'
+
+  it('preserves the fallback content when the handler runs a non-setContent command', () => {
+    const editor = new Editor({
+      content: invalidHtmlWithSalvageableText,
+      extensions: [Document, Paragraph, Text],
+      enableContentCheck: true,
+      onContentError: ({ editor: contentErrorEditor }) => {
+        contentErrorEditor.commands.setTextSelection(0)
+      },
+    })
+
+    expect(editor.getText()).toBe('keepme')
+  })
+
+  it('keeps the stripped fallback doc when the handler does nothing', () => {
+    const editor = new Editor({
+      content: invalidHtmlWithSalvageableText,
+      extensions: [Document, Paragraph, Text],
+      enableContentCheck: true,
+      onContentError: () => {},
+    })
+
+    expect(editor.getText()).toBe('keepme')
+  })
+})
+
+describe('unmounted', () => {
+  it('should not throw an error when the editor is unmounted', () => {
+    expect(() => {
+      const editor = new Editor({
+        element: null,
+        extensions: [Document, Paragraph, Text],
+        content: '<p>Hello</p>',
+      })
+
+      expect(!!editor).toBe(true)
+    }).not.toThrow()
+  })
+
+  it('should have a view property that is not null', () => {
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+    expect(!!editor.view).toBe(true)
+  })
+
+  it('should emit a mount event when the editor is mounted', async () => {
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+    let called = false
+    editor.on('mount', () => {
+      called = true
+      expect(called).toBe(true)
+    })
+    editor.mount(document.createElement('div'))
+    await new Promise(resolve => {
+      setTimeout(resolve, 0)
+    })
+    expect(called).toBe(true)
+    editor.unmount()
+  })
+
+  it('should inject CSS when the editor is mounted', async () => {
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+    let called = false
+    editor.on('mount', () => {
+      called = true
+      expect(document.head.querySelectorAll('style[data-tiptap-style]')).toHaveLength(1)
+    })
+
+    expect(document.head.querySelectorAll('style[data-tiptap-style]')).toHaveLength(0)
+    editor.mount(document.createElement('div'))
+    await new Promise(resolve => {
+      setTimeout(resolve, 0)
+    })
+    expect(called).toBe(true)
+    editor.unmount()
+  })
+
+  it('should emit an unmount event when the editor is unmounted', async () => {
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+    editor.mount(document.createElement('div'))
+
+    let called = false
+    editor.on('unmount', () => {
+      called = true
+      expect(called).toBe(true)
+    })
+    editor.unmount()
+    await new Promise(resolve => {
+      setTimeout(resolve, 0)
+    })
+    expect(called).toBe(true)
+  })
+
+  it('should only remove injected CSS when the editor is unmounted if no other editors exist', async () => {
+    const elementA = document.createElement('div')
+    document.body.appendChild(elementA)
+
+    const elementB = document.createElement('div')
+    document.body.appendChild(elementB)
+
+    const editorA = new Editor({
+      element: elementA,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+
+    const editorB = new Editor({
+      element: elementB,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+
+    let called = false
+    editorA.on('unmount', () => {
+      expect(document.head.querySelectorAll('style[data-tiptap-style]')).toHaveLength(1)
+      editorB.unmount()
+    })
+    editorB.on('unmount', () => {
+      called = true
+      expect(document.head.querySelectorAll('style[data-tiptap-style]')).toHaveLength(0)
+    })
+
+    editorA.unmount()
+    await new Promise(resolve => {
+      setTimeout(resolve, 0)
+    })
+    expect(called).toBe(true)
+
+    elementA.remove()
+    elementB.remove()
+  })
+
+  it('should emit a destroy event when the editor is destroyed', async () => {
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+
+    let called = false
+    editor.on('destroy', () => {
+      called = true
+      expect(called).toBe(true)
+    })
+    editor.destroy()
+    await new Promise(resolve => {
+      setTimeout(resolve, 0)
+    })
+    expect(called).toBe(true)
+    expect(editor.isDestroyed).toBe(true)
+  })
+
+  it('should emit an update event when the editor is updated', async () => {
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+    let called = false
+    editor.on('update', () => {
+      called = true
+      expect(called).toBe(true)
+    })
+    editor.chain().setContent('<p>Test</p>').run()
+    await new Promise(resolve => {
+      setTimeout(resolve, 0)
+    })
+    expect(called).toBe(true)
+  })
+
+  it('should emit a transaction event when the editor is updated', async () => {
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+    let called = false
+    editor.on('transaction', () => {
+      called = true
+      expect(called).toBe(true)
+    })
+    editor.chain().setContent('<p>Test</p>').run()
+    await new Promise(resolve => {
+      setTimeout(resolve, 0)
+    })
+    expect(called).toBe(true)
+  })
+
+  it('should emit a selectionUpdate event when the editor is updated', async () => {
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+    let called = false
+    editor.on('selectionUpdate', () => {
+      called = true
+      expect(called).toBe(true)
+    })
+    editor.chain().setContent('<p>Test</p>').run()
+    await new Promise(resolve => {
+      setTimeout(resolve, 0)
+    })
+    expect(called).toBe(true)
+  })
+
+  it('should be able to make changes to the editor', () => {
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+    editor.chain().setContent('<p>Test</p>').run()
+
+    expect(editor.state.doc.toJSON()).toEqual({
+      type: 'doc',
+      content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Test' }] }],
+    })
+  })
+
+  it('should be able to make multiple changes to the editor', () => {
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+
+    editor.chain().setContent('<p>Test</p>').run()
+    editor.chain().setContent('<p>Test 2</p>').run()
+
+    expect(editor.state.doc.toJSON()).toEqual({
+      type: 'doc',
+      content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Test 2' }] }],
+    })
+  })
+
+  it('should be able to read state from the editor view', () => {
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+    editor.chain().setContent('<p>Test</p>').run()
+    expect(editor.view.state.doc.toJSON()).toEqual({
+      type: 'doc',
+      content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Test' }] }],
+    })
+  })
+
+  it('should have some commonly accessed properties that are not null', () => {
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello</p>',
+    })
+    expect(editor.view.editable).toBe(true)
+    expect(editor.view.composing).toBe(false)
+    expect(editor.view.dragging).toBe(null)
+    expect(editor.view.isDestroyed).toBe(false)
+  })
+})
diff --git a/packages/core/src/Editor.ts b/packages/core/src/Editor.ts
new file mode 100644
index 0000000..009df36
--- /dev/null
+++ b/packages/core/src/Editor.ts
@@ -0,0 +1,888 @@
+/* oslint-disableno-empty-object-type */
+import type { MarkType, Node as PMNode, NodeType, Schema } from '@tiptap/pm/model'
+import type { Plugin, PluginKey, Transaction } from '@tiptap/pm/state'
+import { EditorState } from '@tiptap/pm/state'
+import { type DirectEditorProps, EditorView } from '@tiptap/pm/view'
+
+import { CommandManager } from './CommandManager.js'
+import { isInDecorationApplyScope } from './decorations/decorationApplyScope.js'
+import { EventEmitter } from './EventEmitter.js'
+import { ExtensionManager } from './ExtensionManager.js'
+import {
+  ClipboardTextSerializer,
+  Commands,
+  Delete,
+  Drop,
+  Editable,
+  FocusEvents,
+  Keymap,
+  Paste,
+  Tabindex,
+  TextDirection,
+} from './extensions/index.js'
+import { createDocument } from './helpers/createDocument.js'
+import { getAttributes } from './helpers/getAttributes.js'
+import { getHTMLFromFragment } from './helpers/getHTMLFromFragment.js'
+import { getText } from './helpers/getText.js'
+import { getTextSerializersFromSchema } from './helpers/getTextSerializersFromSchema.js'
+import { isActive } from './helpers/isActive.js'
+import { isNodeEmpty } from './helpers/isNodeEmpty.js'
+import { createMappablePosition, getUpdatedPosition } from './helpers/MappablePosition.js'
+import { resolveFocusPosition } from './helpers/resolveFocusPosition.js'
+import { warnOnDuplicatedProseMirrorModel } from './helpers/warnOnDuplicatedProseMirrorModel.js'
+import type { Storage } from './index.js'
+import { NodePos } from './NodePos.js'
+import { style } from './style.js'
+import type {
+  CanCommands,
+  ChainedCommands,
+  DocumentType,
+  EditorEvents,
+  EditorOptions,
+  NodeType as TNodeType,
+  SingleCommands,
+  TextSerializer,
+  TextType as TTextType,
+  Utils,
+} from './types.js'
+import { createStyleTag } from './utilities/createStyleTag.js'
+import { isDev } from './utilities/isDev.js'
+import { isFunction } from './utilities/isFunction.js'
+
+export * as extensions from './extensions/index.js'
+
+// @ts-ignore
+export interface TiptapEditorHTMLElement extends HTMLElement {
+  editor?: Editor
+}
+
+export class Editor extends EventEmitter<EditorEvents> {
+  private commandManager!: CommandManager
+
+  public extensionManager!: ExtensionManager
+
+  private css: HTMLStyleElement | null = null
+
+  private className = 'tiptap'
+
+  public schema!: Schema
+
+  private editorView: EditorView | null = null
+
+  public isFocused = false
+
+  private destroyed = false
+
+  private editorState!: EditorState
+
+  /**
+   * The editor is considered initialized after the `create` event has been emitted.
+   */
+  public isInitialized = false
+
+  public extensionStorage: Storage = {} as Storage
+
+  /**
+   * A unique ID for this editor instance.
+   */
+  public instanceId = Math.random().toString(36).slice(2, 9)
+
+  private hasWarnedStaleDecorationRead = false
+
+  public options: EditorOptions = {
+    element: typeof document !== 'undefined' ? document.createElement('div') : null,
+    content: '',
+    injectCSS: true,
+    injectNonce: undefined,
+    extensions: [],
+    autofocus: false,
+    editable: true,
+    textDirection: undefined,
+    editorProps: {},
+    parseOptions: {},
+    coreExtensionOptions: {},
+    enableInputRules: true,
+    enablePasteRules: true,
+    enableCoreExtensions: true,
+    enableContentCheck: false,
+    emitContentError: false,
+    onBeforeCreate: () => null,
+    onCreate: () => null,
+    onMount: () => null,
+    onUnmount: () => null,
+    onUpdate: () => null,
+    onSelectionUpdate: () => null,
+    onTransaction: () => null,
+    onFocus: () => null,
+    onBlur: () => null,
+    onDestroy: () => null,
+    onContentError: ({ error }) => {
+      throw error
+    },
+    onPaste: () => null,
+    onDrop: () => null,
+    onDelete: () => null,
+    enableExtensionDispatchTransaction: true,
+  }
+
+  constructor(options: Partial<EditorOptions> = {}) {
+    super()
+    this.setOptions(options)
+    this.createExtensionManager()
+    this.createCommandManager()
+    this.createSchema()
+    this.on('beforeCreate', this.options.onBeforeCreate)
+    this.emit('beforeCreate', { editor: this })
+    this.on('mount', this.options.onMount)
+    this.on('unmount', this.options.onUnmount)
+    this.on('contentError', this.options.onContentError)
+    this.on('create', this.options.onCreate)
+    this.on('update', this.options.onUpdate)
+    this.on('selectionUpdate', this.options.onSelectionUpdate)
+    this.on('transaction', this.options.onTransaction)
+    this.on('focus', this.options.onFocus)
+    this.on('blur', this.options.onBlur)
+    this.on('destroy', this.options.onDestroy)
+    this.on('drop', ({ event, slice, moved }) => this.options.onDrop(event, slice, moved))
+    this.on('paste', ({ event, slice }) => this.options.onPaste(event, slice))
+    this.on('delete', this.options.onDelete)
+
+    const initialDoc = this.createDoc()
+
+    // createDoc() already seeds editorState from the fallback doc on a content error
+    if (!this.editorState) {
+      const selection = resolveFocusPosition(initialDoc, this.options.autofocus)
+
+      this.editorState = EditorState.create({
+        doc: initialDoc,
+        schema: this.schema,
+        selection: selection || undefined,
+      })
+    }
+
+    warnOnDuplicatedProseMirrorModel(this.schema)
+
+    if (this.options.element) {
+      this.mount(this.options.element)
+    }
+  }
+
+  /**
+   * Attach the editor to the DOM, creating a new editor view.
+   */
+  public mount(el: NonNullable<EditorOptions['element']> & {}) {
+    if (typeof document === 'undefined') {
+      throw new Error(
+        `[tiptap error]: The editor cannot be mounted because there is no 'document' defined in this environment.`,
+      )
+    }
+    this.createView(el)
+    this.emit('mount', { editor: this })
+
+    if (this.css && !document.head.contains(this.css)) {
+      document.head.appendChild(this.css)
+    }
+
+    window.setTimeout(() => {
+      if (this.isDestroyed) {
+        return
+      }
+
+      if (this.options.autofocus !== false && this.options.autofocus !== null) {
+        this.commands.focus(this.options.autofocus)
+      }
+      this.emit('create', { editor: this })
+      this.isInitialized = true
+    }, 0)
+  }
+
+  /**
+   * Remove the editor from the DOM, but still allow remounting at a different point in time
+   */
+  public unmount() {
+    if (this.editorView) {
+      // Keep the cached state in sync so plugin state stays available after unmount.
+      this.editorState = this.editorView.state
+
+      // Cleanup our reference to prevent circular references which caused memory leaks
+      // @ts-ignore
+      const dom = this.editorView.dom as TiptapEditorHTMLElement
+
+      if (dom?.editor) {
+        delete dom.editor
+      }
+      this.editorView.destroy()
+    }
+    this.editorView = null
+    this.isInitialized = false
+
+    // Safely remove CSS element with fallback for test environments
+    // Only remove CSS if no other editors exist in the document after unmount
+    if (this.css && !document.querySelectorAll(`.${this.className}`).length) {
+      try {
+        if (typeof this.css.remove === 'function') {
+          this.css.remove()
+        } else if (this.css.parentNode) {
+          this.css.parentNode.removeChild(this.css)
+        }
+      } catch (error) {
+        // Silently handle any unexpected DOM removal errors in test environments
+        console.warn('Failed to remove CSS element:', error)
+      }
+    }
+    this.css = null
+    this.emit('unmount', { editor: this })
+  }
+
+  /**
+   * Returns the editor storage.
+   */
+  public get storage(): Storage {
+    return this.extensionStorage
+  }
+
+  /**
+   * An object of all registered commands.
+   */
+  public get commands(): SingleCommands {
+    return this.commandManager.commands
+  }
+
+  /**
+   * Create a command chain to call multiple commands at once.
+   */
+  public chain(): ChainedCommands {
+    if (!this.commandManager) {
+      return CommandManager.createFakeChain()
+    }
+
+    return this.commandManager.chain()
+  }
+
+  /**
+   * Check if a command or a command chain can be executed. Without executing it.
+   */
+  public can(): CanCommands {
+    if (!this.commandManager) {
+      return CommandManager.createFallbackCan()
+    }
+
+    return this.commandManager.can()
+  }
+
+  /**
+   * Inject CSS styles.
+   */
+  private injectCSS(): void {
+    if (this.options.injectCSS && typeof document !== 'undefined') {
+      this.css = createStyleTag(style, this.options.injectNonce)
+    }
+  }
+
+  /**
+   * Update editor options.
+   *
+   * @param options A list of options
+   */
+  public setOptions(options: Partial<EditorOptions> = {}): void {
+    this.options = {
+      ...this.options,
+      ...options,
+    }
+
+    if (!this.editorView || !this.state || this.isDestroyed) {
+      return
+    }
+
+    if (this.options.editorProps) {
+      this.view.setProps(this.options.editorProps)
+    }
+
+    this.view.updateState(this.state)
+  }
+
+  /**
+   * Update editable state of the editor.
+   */
+  public setEditable(editable: boolean, emitUpdate = true): void {
+    this.setOptions({ editable })
+
+    if (emitUpdate) {
+      this.emit('update', { editor: this, transaction: this.state.tr, appendedTransactions: [] })
+    }
+  }
+
+  /**
+   * Returns whether the editor is editable.
+   */
+  public get isEditable(): boolean {
+    // since plugins are applied after creating the view
+    // `editable` is always `true` for one tick.
+    // that’s why we also have to check for `options.editable`
+    return this.options.editable && this.view && this.view.editable
+  }
+
+  /**
+   * Returns the editor view.
+   */
+  public get view(): EditorView {
+    if (this.editorView) {
+      return this.editorView
+    }
+
+    return new Proxy(
+      {
+        state: this.editorState,
+        updateState: (state: EditorState): ReturnType<EditorView['updateState']> => {
+          this.editorState = state
+        },
+        dispatch: (tr: Transaction): ReturnType<EditorView['dispatch']> => {
+          this.dispatchTransaction(tr)
+        },
+
+        // Stub some commonly accessed properties to prevent errors
+        composing: false,
+        dragging: null,
+        editable: true,
+        isDestroyed: false,
+      } as EditorView,
+      {
+        get: (obj, key) => {
+          if (this.editorView) {
+            // If the editor view is available, but the caller has a stale reference to the proxy,
+            // Just return what the editor view has.
+            return this.editorView[key as keyof EditorView]
+          }
+          // Specifically always return the most recent editorState
+          if (key === 'state') {
+            return this.editorState
+          }
+          if (key in obj) {
+            return Reflect.get(obj, key)
+          }
+
+          // We throw an error here, because we know the view is not available
+          throw new Error(
+            `[tiptap error]: The editor view is not available. Cannot access view['${key as string}']. The editor may not be mounted yet.`,
+          )
+        },
+      },
+    ) as EditorView
+  }
+
+  /**
+   * Returns the editor state.
+   */
+  public get state(): EditorState {
+    if (isDev && !this.hasWarnedStaleDecorationRead && isInDecorationApplyScope(this)) {
+      // Warn once per editor. The same read repeats on every transaction, and
+      // a decoration that dispatches from `create()` would flood the console.
+      this.hasWarnedStaleDecorationRead = true
+
+      console.warn(
+        '[tiptap warn]: `editor.state` was read while decoration `create()` was running. ' +
+          'It returns the pre-transaction document. Use the `state` argument passed to ' +
+          '`create()` instead. Helpers like `editor.isActive()` read `editor.state` too, ' +
+          'so pass `state` to their standalone versions instead of calling them on the editor.',
+      )
+    }
+
+    if (this.editorView) {
+      this.editorState = this.view.state
+    }
+
+    return this.editorState
+  }
+
+  /**
+   * Register a ProseMirror plugin.
+   *
+   * @param plugin A ProseMirror plugin
+   * @param handlePlugins Control how to merge the plugin into the existing plugins.
+   * @returns The new editor state
+   */
+  public registerPlugin(
+    plugin: Plugin,
+    handlePlugins?: (newPlugin: Plugin, plugins: Plugin[]) => Plugin[],
+  ): EditorState {
+    const plugins = isFunction(handlePlugins)
+      ? handlePlugins(plugin, [...this.state.plugins])
+      : [...this.state.plugins, plugin]
+
+    const state = this.state.reconfigure({ plugins })
+
+    this.view.updateState(state)
+
+    return state
+  }
+
+  /**
+   * Unregister a ProseMirror plugin.
+   *
+   * @param nameOrPluginKeyToRemove The plugins name
+   * @returns The new editor state or undefined if the editor is destroyed
+   */
+  public unregisterPlugin(
+    nameOrPluginKeyToRemove: string | PluginKey | (string | PluginKey)[],
+  ): EditorState | undefined {
+    if (this.isDestroyed) {
+      return undefined
+    }
+
+    const prevPlugins = this.state.plugins
+    let plugins = prevPlugins
+
+    ;([] as (string | PluginKey)[]).concat(nameOrPluginKeyToRemove).forEach(nameOrPluginKey => {
+      // @ts-ignore
+      const name = typeof nameOrPluginKey === 'string' ? `${nameOrPluginKey}$` : nameOrPluginKey.key
+
+      // @ts-ignore
+      plugins = plugins.filter(plugin => !plugin.key.startsWith(name))
+    })
+
+    if (prevPlugins.length === plugins.length) {
+      // No plugin was removed, so we don’t need to update the state
+      return undefined
+    }
+
+    const state = this.state.reconfigure({
+      plugins,
+    })
+
+    this.view.updateState(state)
+
+    return state
+  }
+
+  /**
+   * Creates an extension manager.
+   */
+  private createExtensionManager(): void {
+    const coreExtensions = this.options.enableCoreExtensions
+      ? [
+          Editable,
+          ClipboardTextSerializer.configure({
+            blockSeparator:
+              this.options.coreExtensionOptions?.clipboardTextSerializer?.blockSeparator,
+          }),
+          Commands,
+          FocusEvents,
+          Keymap,
+          Tabindex.configure({
+            value: this.options.coreExtensionOptions?.tabindex?.value,
+          }),
+          Drop,
+          Paste,
+          Delete,
+          TextDirection.configure({
+            direction: this.options.textDirection,
+          }),
+        ].filter(ext => {
+          if (typeof this.options.enableCoreExtensions === 'object') {
+            return (
+              this.options.enableCoreExtensions[
+                ext.name as keyof typeof this.options.enableCoreExtensions
+              ] !== false
+            )
+          }
+          return true
+        })
+      : []
+    const allExtensions = [...coreExtensions, ...this.options.extensions].filter(extension => {
+      return ['extension', 'node', 'mark'].includes(extension?.type)
+    })
+
+    this.extensionManager = new ExtensionManager(allExtensions, this)
+  }
+
+  /**
+   * Creates an command manager.
+   */
+  private createCommandManager(): void {
+    this.commandManager = new CommandManager({
+      editor: this,
+    })
+  }
+
+  /**
+   * Creates a ProseMirror schema.
+   */
+  private createSchema(): void {
+    this.schema = this.extensionManager.schema
+  }
+
+  /**
+   * Creates the initial document.
+   */
+  private createDoc(): PMNode {
+    let doc: PMNode
+
+    try {
+      doc = createDocument(this.options.content, this.schema, this.options.parseOptions, {
+        errorOnInvalidContent: this.options.enableContentCheck,
+      })
+    } catch (e) {
+      if (
+        !(e instanceof Error) ||
+        !['[tiptap error]: Invalid JSON content', '[tiptap error]: Invalid HTML content'].includes(
+          e.message,
+        )
+      ) {
+        // Not the content error we were expecting
+        throw e
+      }
+
+      // Content is invalid, but attempt to create it anyway, stripping out the invalid parts
+      const fallbackDoc = createDocument(
+        this.options.content,
+        this.schema,
+        this.options.parseOptions,
+        {
+          errorOnInvalidContent: false,
+        },
+      )
+
+      // Seed editorState with the fallback doc so a handler can safely use `editor.commands`
+      this.editorState = EditorState.create({
+        doc: fallbackDoc,
+        schema: this.schema,
+        selection: resolveFocusPosition(fallbackDoc, this.options.autofocus) || undefined,
+      })
+
+      this.emit('contentError', {
+        editor: this,
+        error: e as Error,
+        disableCollaboration: () => {
+          if (
+            'collaboration' in this.storage &&
+            typeof this.storage.collaboration === 'object' &&
+            this.storage.collaboration
+          ) {
+            ;(this.storage.collaboration as any).isDisabled = true
+          }
+          // To avoid syncing back invalid content, reinitialize the extensions without the collaboration extension
+          this.options.extensions = this.options.extensions.filter(
+            extension => extension.name !== 'collaboration',
+          )
+
+          // Restart the initialization process by recreating the extension manager with the new set of extensions
+          this.createExtensionManager()
+        },
+      })
+
+      return this.editorState.doc
+    }
+    return doc
+  }
+
+  /**
+   * Creates a ProseMirror view.
+   */
+  private createView(element: NonNullable<EditorOptions['element']>): void {
+    const { editorProps, enableExtensionDispatchTransaction } = this.options
+    // If a user provided a custom `dispatchTransaction` through `editorProps`,
+    // we use that as the base dispatch function.
+    // Otherwise, we use Tiptap's internal `dispatchTransaction` method.
+    const baseDispatch =
+      (editorProps as DirectEditorProps).dispatchTransaction || this.dispatchTransaction.bind(this)
+    const dispatch = enableExtensionDispatchTransaction
+      ? this.extensionManager.dispatchTransaction(baseDispatch)
+      : baseDispatch
+
+    // Compose transformPastedHTML from extensions and user-provided editorProps
+    const baseTransformPastedHTML = (editorProps as DirectEditorProps).transformPastedHTML
+    const transformPastedHTML = this.extensionManager.transformPastedHTML(baseTransformPastedHTML)
+
+    this.editorView = new EditorView(element, {
+      ...editorProps,
+      attributes: {
+        // add `role="textbox"` to the editor element
+        role: 'textbox',
+        ...editorProps?.attributes,
+      },
+      dispatchTransaction: dispatch,
+      transformPastedHTML,
+      state: this.editorState,
+      markViews: this.extensionManager.markViews,
+      nodeViews: this.extensionManager.nodeViews,
+    })
+
+    // `editor.view` is not yet available at this time.
+    // Therefore we will add all plugins and node views directly afterwards.
+    const newState = this.state.reconfigure({
+      plugins: this.extensionManager.plugins,
+    })
+
+    this.view.updateState(newState)
+
+    this.prependClass()
+    this.injectCSS()
+
+    // Let’s store the editor instance in the DOM element.
+    // So we’ll have access to it for tests.
+    // @ts-ignore
+    const dom = this.view.dom as TiptapEditorHTMLElement
+
+    dom.editor = this
+  }
+
+  /**
+   * Creates all node and mark views.
+   */
+  public createNodeViews(): void {
+    if (this.view.isDestroyed) {
+      return
+    }
+
+    this.view.setProps({
+      markViews: this.extensionManager.markViews,
+      nodeViews: this.extensionManager.nodeViews,
+    })
+  }
+
+  /**
+   * Prepend class name to element.
+   */
+  public prependClass(): void {
+    this.view.dom.className = `${this.className} ${this.view.dom.className}`
+  }
+
+  public isCapturingTransaction = false
+
+  private capturedTransaction: Transaction | null = null
+
+  public captureTransaction(fn: () => void) {
+    this.isCapturingTransaction = true
+    fn()
+    this.isCapturingTransaction = false
+
+    const tr = this.capturedTransaction
+
+    this.capturedTransaction = null
+
+    return tr
+  }
+
+  /**
+   * The callback over which to send transactions (state updates) produced by the view.
+   *
+   * @param transaction An editor state transaction
+   */
+  private dispatchTransaction(transaction: Transaction): void {
+    // if the editor / the view of the editor was destroyed
+    // the transaction should not be dispatched as there is no view anymore.
+    if (this.view.isDestroyed) {
+      return
+    }
+
+    if (this.isCapturingTransaction) {
+      if (!this.capturedTransaction) {
+        this.capturedTransaction = transaction
+
+        return
+      }
+
+      transaction.steps.forEach(step => this.capturedTransaction?.step(step))
+
+      return
+    }
+
+    // Apply transaction and get resulting state and transactions
+    const { state, transactions } = this.state.applyTransaction(transaction)
+    const selectionHasChanged = !this.state.selection.eq(state.selection)
+    const rootTrWasApplied = transactions.includes(transaction)
+    const prevState = this.state
+
+    this.emit('beforeTransaction', {
+      editor: this,
+      transaction,
+      nextState: state,
+    })
+
+    // If transaction was filtered out, we can return early
+    if (!rootTrWasApplied) {
+      return
+    }
+
+    this.view.updateState(state)
+
+    // Emit transaction event with appended transactions info
+    this.emit('transaction', {
+      editor: this,
+      transaction,
+      appendedTransactions: transactions.slice(1),
+    })
+
+    if (selectionHasChanged) {
+      this.emit('selectionUpdate', {
+        editor: this,
+        transaction,
+      })
+    }
+
+    // Only emit the latest between focus and blur events
+    const mostRecentFocusTr = transactions.findLast(tr => tr.getMeta('focus') || tr.getMeta('blur'))
+    const focus = mostRecentFocusTr?.getMeta('focus')
+    const blur = mostRecentFocusTr?.getMeta('blur')
+
+    if (focus) {
+      this.emit('focus', {
+        editor: this,
+        event: focus.event,
+        // oxlint-disable-next-lineno-non-null-assertion
+        transaction: mostRecentFocusTr!,
+      })
+    }
+
+    if (blur) {
+      this.emit('blur', {
+        editor: this,
+        event: blur.event,
+        // oxlint-disable-next-lineno-non-null-assertion
+        transaction: mostRecentFocusTr!,
+      })
+    }
+
+    // Compare states for update event
+    if (
+      transaction.getMeta('preventUpdate') ||
+      !transactions.some(tr => tr.docChanged) ||
+      prevState.doc.eq(state.doc)
+    ) {
+      return
+    }
+
+    this.emit('update', {
+      editor: this,
+      transaction,
+      appendedTransactions: transactions.slice(1),
+    })
+  }
+
+  /**
+   * Get attributes of the currently selected node or mark.
+   */
+  public getAttributes(nameOrType: string | NodeType | MarkType): Record<string, any> {
+    return getAttributes(this.state, nameOrType)
+  }
+
+  /**
+   * Returns if the currently selected node or mark is active.
+   *
+   * @param name Name of the node or mark
+   * @param attributes Attributes of the node or mark
+   */
+  public isActive(name: string, attributes?: {}): boolean
+  public isActive(attributes: {}): boolean
+  public isActive(nameOrAttributes: string, attributesOrUndefined?: {}): boolean {
+    const name = typeof nameOrAttributes === 'string' ? nameOrAttributes : null
+
+    const attributes =
+      typeof nameOrAttributes === 'string' ? attributesOrUndefined : nameOrAttributes
+
+    return isActive(this.state, name, attributes)
+  }
+
+  /**
+   * Get the document as JSON.
+   */
+  public getJSON(): DocumentType<
+    Record<string, any> | undefined,
+    TNodeType<string, undefined | Record<string, any>, any, (TNodeType | TTextType)[]>[]
+  > {
+    return this.state.doc.toJSON()
+  }
+
+  /**
+   * Get the document as HTML.
+   */
+  public getHTML(): string {
+    return getHTMLFromFragment(this.state.doc.content, this.schema)
+  }
+
+  /**
+   * Get the document as text.
+   */
+  public getText(options?: {
+    blockSeparator?: string
+    textSerializers?: Record<string, TextSerializer>
+  }): string {
+    const { blockSeparator = '\n\n', textSerializers = {} } = options || {}
+
+    return getText(this.state.doc, {
+      blockSeparator,
+      textSerializers: {
+        ...getTextSerializersFromSchema(this.schema),
+        ...textSerializers,
+      },
+    })
+  }
+
+  /**
+   * Check if there is no content.
+   */
+  public get isEmpty(): boolean {
+    return isNodeEmpty(this.state.doc)
+  }
+
+  /**
+   * Destroy the editor.
+   */
+  public destroy(): void {
+    if (this.destroyed) {
+      return
+    }
+
+    this.destroyed = true
+
+    this.emit('destroy')
+    this.unmount()
+    this.removeAllListeners()
+
+    this.extensionManager.destroy()
+    this.extensionManager = null as any
+    this.schema = null as any
+    this.commandManager = null as unknown as CommandManager
+    this.extensionStorage = {} as Storage
+  }
+
+  /**
+   * Check if the editor is already destroyed.
+   */
+  public get isDestroyed(): boolean {
+    return this.editorView?.isDestroyed ?? true
+  }
+
+  public $node(selector: string, attributes?: { [key: string]: any }): NodePos | null {
+    return this.$doc?.querySelector(selector, attributes) || null
+  }
+
+  public $nodes(selector: string, attributes?: { [key: string]: any }): NodePos[] | null {
+    return this.$doc?.querySelectorAll(selector, attributes) || null
+  }
+
+  public $pos(pos: number) {
+    const $pos = this.state.doc.resolve(pos)
+    // For positions directly before a non-text atom, resolvedPos.node() returns
+    // the parent, so pass the atom explicitly. Container nodes and $pos(0) keep
+    // resolving to the parent.
+    const node =
+      pos > 0 && $pos.nodeAfter && !$pos.nodeAfter.isText && $pos.nodeAfter.isAtom
+        ? $pos.nodeAfter
+        : null
+
+    return new NodePos($pos, this, false, node)
+  }
+
+  get $doc() {
+    return this.$pos(0)
+  }
+
+  /**
+   * Returns a set of utilities for working with positions and ranges.
+   */
+  public utils: Utils = {
+    getUpdatedPosition,
+    createMappablePosition,
+  }
+}
diff --git a/packages/core/src/EventEmitter.ts b/packages/core/src/EventEmitter.ts
new file mode 100644
index 0000000..2dbe08e
--- /dev/null
+++ b/packages/core/src/EventEmitter.ts
@@ -0,0 +1,71 @@
+type StringKeyOf<T> = Extract<keyof T, string>
+type CallbackType<
+  T extends Record<string, any>,
+  EventName extends StringKeyOf<T>,
+> = T[EventName] extends any[] ? T[EventName] : [T[EventName]]
+type CallbackFunction<T extends Record<string, any>, EventName extends StringKeyOf<T>> = (
+  ...props: CallbackType<T, EventName>
+) => any
+
+export class EventEmitter<T extends Record<string, any>> {
+  private callbacks: { [key: string]: Array<(...args: any[]) => void> } = {}
+
+  public on<EventName extends StringKeyOf<T>>(
+    event: EventName,
+    fn: CallbackFunction<T, EventName>,
+  ): this {
+    if (!this.callbacks[event]) {
+      this.callbacks[event] = []
+    }
+
+    this.callbacks[event].push(fn)
+
+    return this
+  }
+
+  public emit<EventName extends StringKeyOf<T>>(
+    event: EventName,
+    ...args: CallbackType<T, EventName>
+  ): this {
+    const callbacks = this.callbacks[event]
+
+    if (callbacks) {
+      callbacks.forEach(callback => callback.apply(this, args))
+    }
+
+    return this
+  }
+
+  public off<EventName extends StringKeyOf<T>>(
+    event: EventName,
+    fn?: CallbackFunction<T, EventName>,
+  ): this {
+    const callbacks = this.callbacks[event]
+
+    if (callbacks) {
+      if (fn) {
+        this.callbacks[event] = callbacks.filter(callback => callback !== fn)
+      } else {
+        delete this.callbacks[event]
+      }
+    }
+
+    return this
+  }
+
+  public once<EventName extends StringKeyOf<T>>(
+    event: EventName,
+    fn: CallbackFunction<T, EventName>,
+  ): this {
+    const onceFn = (...args: CallbackType<T, EventName>) => {
+      this.off(event, onceFn)
+      fn.apply(this, args)
+    }
+
+    return this.on(event, onceFn)
+  }
+
+  public removeAllListeners(): void {
+    this.callbacks = {}
+  }
+}
diff --git a/packages/core/src/Extendable.test.ts b/packages/core/src/Extendable.test.ts
new file mode 100644
index 0000000..e9d9e8c
--- /dev/null
+++ b/packages/core/src/Extendable.test.ts
@@ -0,0 +1,764 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { Extension } from './Extension.js'
+import { Mark } from './Mark.js'
+import { Node } from './Node.js'
+import { getExtensionField } from './helpers/getExtensionField.js'
+
+declare module './Extension.js' {
+  // Extension does not have a addAttributes defined, but we just want to test it anyway
+  interface ExtensionConfig {
+    // @ts-ignore - this is a dynamic key
+    [key: string]: any
+  }
+}
+
+describe('extend extensions', () => {
+  ;[Extension, Node, Mark].forEach(Extendable => {
+    describe(Extendable.create().type, () => {
+      it('should define a config', () => {
+        const extension = Extendable.create({
+          addAttributes() {
+            return {
+              foo: {},
+            }
+          },
+        })
+
+        const attributes = getExtensionField(extension, 'addAttributes')()
+
+        expect(attributes).toEqual({
+          foo: {},
+        })
+      })
+
+      it('should overwrite a config', () => {
+        const extension = Extendable.create({
+          addAttributes() {
+            return {
+              foo: {},
+            }
+          },
+        }).extend({
+          addAttributes() {
+            return {
+              bar: {},
+            }
+          },
+        })
+
+        const attributes = getExtensionField(extension, 'addAttributes')()
+
+        expect(attributes).toEqual({
+          bar: {},
+        })
+      })
+
+      it('should have a parent', () => {
+        const extension = Extendable.create({
+          addAttributes() {
+            return {
+              foo: {},
+            }
+          },
+        })
+
+        const newExtension = extension.extend({
+          addAttributes() {
+            return {
+              bar: {},
+            }
+          },
+        })
+
+        const parent = newExtension.parent
+
+        expect(parent).toBe(extension)
+      })
+
+      it('should merge configs', () => {
+        const extension = Extendable.create({
+          addAttributes() {
+            return {
+              foo: {},
+            }
+          },
+        }).extend({
+          addAttributes() {
+            return {
+              ...this.parent?.(),
+              bar: {},
+            }
+          },
+        })
+
+        const attributes = getExtensionField(extension, 'addAttributes')()
+
+        expect(attributes).toEqual({
+          foo: {},
+          bar: {},
+        })
+      })
+
+      it('should merge configs multiple times', () => {
+        const extension = Extendable.create({
+          addAttributes() {
+            return {
+              foo: {},
+            }
+          },
+        })
+          .extend({
+            addAttributes() {
+              return {
+                ...this.parent?.(),
+                bar: {},
+              }
+            },
+          })
+          .extend({
+            addAttributes() {
+              return {
+                ...this.parent?.(),
+                baz: {},
+              }
+            },
+          })
+
+        const attributes = getExtensionField(extension, 'addAttributes')()
+
+        expect(attributes).toEqual({
+          foo: {},
+          bar: {},
+          baz: {},
+        })
+      })
+
+      it('should set parents multiple times', () => {
+        const grandparentExtension = Extendable.create({
+          addAttributes() {
+            return {
+              foo: {},
+            }
+          },
+        })
+
+        const parentExtension = grandparentExtension.extend({
+          addAttributes() {
+            return {
+              ...this.parent?.(),
+              bar: {},
+            }
+          },
+        })
+
+        const childExtension = parentExtension.extend({
+          addAttributes() {
+            return {
+              ...this.parent?.(),
+              baz: {},
+            }
+          },
+        })
+
+        expect(parentExtension.parent).toBe(grandparentExtension)
+        expect(childExtension.parent).toBe(parentExtension)
+      })
+
+      it('should merge configs without direct parent configuration', () => {
+        const extension = Extendable.create({
+          addAttributes() {
+            return {
+              foo: {},
+            }
+          },
+        })
+          .extend()
+          .extend({
+            addAttributes() {
+              return {
+                ...this.parent?.(),
+                bar: {},
+              }
+            },
+          })
+
+        const attributes = getExtensionField(extension, 'addAttributes')()
+
+        expect(attributes).toEqual({
+          foo: {},
+          bar: {},
+        })
+      })
+
+      it('should call ancestors only once', () => {
+        const callCounts = {
+          grandparent: 0,
+          parent: 0,
+          child: 0,
+        }
+
+        const extension = Extendable.create({
+          addAttributes() {
+            callCounts.grandparent += 1
+            return {
+              foo: {},
+            }
+          },
+        })
+          .extend({
+            addAttributes() {
+              callCounts.parent += 1
+              return {
+                ...this.parent?.(),
+                bar: {},
+              }
+            },
+          })
+          .extend({
+            addAttributes() {
+              callCounts.child += 1
+              return {
+                ...this.parent?.(),
+                bar: {},
+              }
+            },
+          })
+
+        getExtensionField(extension, 'addAttributes')()
+
+        expect(callCounts).toEqual({
+          grandparent: 1,
+          parent: 1,
+          child: 1,
+        })
+      })
+
+      it('should call ancestors only once on configure', () => {
+        const callCounts = {
+          grandparent: 0,
+          parent: 0,
+          child: 0,
+        }
+
+        const extension = Extendable.create({
+          addAttributes() {
+            callCounts.grandparent += 1
+            return {
+              foo: {},
+            }
+          },
+        })
+          .extend({
+            addAttributes() {
+              callCounts.parent += 1
+              return {
+                ...this.parent?.(),
+                bar: {},
+              }
+            },
+          })
+          .extend({
+            addAttributes() {
+              callCounts.child += 1
+              return {
+                ...this.parent?.(),
+                bar: {},
+              }
+            },
+          })
+          .configure({
+            baz: {},
+          })
+
+        getExtensionField(extension, 'addAttributes')()
+
+        expect(callCounts).toEqual({
+          grandparent: 1,
+          parent: 1,
+          child: 1,
+        })
+      })
+
+      it('should use grandparent as parent on configure (not parent)', () => {
+        const grandparentExtension = Extendable.create({
+          addAttributes() {
+            return {
+              foo: {},
+            }
+          },
+        })
+
+        const parentExtension = grandparentExtension.extend({
+          addAttributes() {
+            return {
+              ...this.parent?.(),
+              bar: {},
+            }
+          },
+        })
+
+        const childExtension = parentExtension.configure({
+          baz: {},
+        })
+
+        expect(parentExtension.parent).toBe(grandparentExtension)
+        expect(childExtension.parent).toBe(grandparentExtension)
+      })
+
+      it("should use parent's config on `configure`", () => {
+        const grandparentExtension = Extendable.create({
+          name: 'grandparent',
+          addAttributes() {
+            return {
+              foo: {},
+            }
+          },
+        })
+
+        const parentExtension = grandparentExtension.extend({
+          name: 'parent',
+          addAttributes() {
+            return {
+              ...this.parent?.(),
+              bar: {},
+            }
+          },
+        })
+
+        const childExtension = parentExtension.configure({
+          baz: {},
+        })
+
+        expect(childExtension.config.name).toBe('parent')
+      })
+
+      it('should allow extending a configure', () => {
+        const parentExtension = Extendable.create({
+          addAttributes() {
+            return { foo: 'bar' }
+          },
+        })
+
+        const childExtension = parentExtension.configure().extend()
+
+        const attributes = getExtensionField(childExtension, 'addAttributes')()
+
+        expect(attributes).toEqual({
+          foo: 'bar',
+        })
+      })
+
+      it('should allow calling this.parent when extending a configure', () => {
+        const parentExtension = Extendable.create({
+          name: 'parentExtension',
+          addAttributes() {
+            return {
+              foo: {},
+            }
+          },
+        })
+
+        const childExtension = parentExtension.configure({}).extend({
+          addAttributes() {
+            return {
+              ...this.parent?.(),
+              bar: {},
+            }
+          },
+        })
+
+        const attributes = getExtensionField(childExtension, 'addAttributes')()
+
+        expect(attributes).toEqual({
+          foo: {},
+          bar: {},
+        })
+      })
+
+      it('should configure to be in addition to the parent options', () => {
+        const parentExtension = Extendable.create({
+          name: 'parentExtension',
+          addOptions() {
+            return { parent: 'exists', overwrite: 'parent' }
+          },
+        })
+
+        const childExtension = parentExtension.configure({
+          child: 'exists-too',
+          overwrite: 'child',
+        })
+
+        expect(childExtension.options).toEqual({
+          parent: 'exists',
+          child: 'exists-too',
+          overwrite: 'child',
+        })
+      })
+
+      it('should deeply merge options when extending a configured extension', () => {
+        const parentExtension = Extendable.create({
+          name: 'parentExtension',
+          addOptions() {
+            return { defaultOptions: 'exists', overwrite: 'parent' }
+          },
+        })
+
+        const childExtension = parentExtension
+          .configure({ configuredOptions: 'exists-too', overwrite: 'configure' })
+          .extend({
+            name: 'childExtension',
+            addOptions() {
+              return { ...this.parent?.(), additionalOptions: 'exist-too', overwrite: 'child' }
+            },
+          })
+
+        expect(childExtension.options).toEqual({
+          defaultOptions: 'exists',
+          configuredOptions: 'exists-too',
+          additionalOptions: 'exist-too',
+          overwrite: 'child',
+        })
+      })
+    })
+  })
+})
+describe('parent/child cleanup on destroy', () => {
+  it('should not leak child reference when configure() is called on a singleton', () => {
+    const singleton = Extension.create({
+      name: 'testExtension',
+      addOptions() {
+        return { foo: 'bar' }
+      },
+    })
+
+    const configuredExtension = singleton.configure({ foo: 'baz' })
+
+    expect(singleton.child).toBeNull()
+    expect(configuredExtension.parent).toBeNull()
+  })
+})
+
+describe('extension options', () => {
+  ;[Extension, Node, Mark].forEach(Extendable => {
+    describe(Extendable.create().type, () => {
+      it('should set options', () => {
+        const extension = Extendable.create({
+          addOptions() {
+            return {
+              foo: 1,
+              bar: 1,
+            }
+          },
+        })
+
+        expect(extension.options).toEqual({
+          foo: 1,
+          bar: 1,
+        })
+      })
+
+      it('should pass through', () => {
+        const extension = Extendable.create({
+          addOptions() {
+            return {
+              foo: 1,
+              bar: 1,
+            }
+          },
+        })
+          .extend()
+          .configure()
+
+        expect(extension.options).toEqual({
+          foo: 1,
+          bar: 1,
+        })
+      })
+
+      it('should be configurable', () => {
+        const extension = Extendable.create({
+          addOptions() {
+            return {
+              foo: 1,
+              bar: 1,
+            }
+          },
+        }).configure({
+          bar: 2,
+        })
+
+        expect(extension.options).toEqual({
+          foo: 1,
+          bar: 2,
+        })
+      })
+
+      it('should be extendable', () => {
+        const extension = Extendable.create({
+          addOptions() {
+            return {
+              foo: 1,
+              bar: 1,
+            }
+          },
+        })
+
+        const newExtension = extension.extend({
+          addOptions() {
+            return {
+              ...this.parent?.(),
+              baz: 1,
+            }
+          },
+        })
+
+        expect(newExtension.options).toEqual({
+          foo: 1,
+          bar: 1,
+          baz: 1,
+        })
+      })
+
+      it('should be extendable multiple times', () => {
+        const extension = Extendable.create({
+          addOptions() {
+            return {
+              foo: 1,
+              bar: 1,
+            }
+          },
+        }).extend({
+          addOptions() {
+            return {
+              ...this.parent?.(),
+              baz: 1,
+            }
+          },
+        })
+
+        const newExtension = extension.extend({
+          addOptions() {
+            return {
+              ...this.parent?.(),
+              bax: 1,
+            }
+          },
+        })
+
+        expect(newExtension.options).toEqual({
+          foo: 1,
+          bar: 1,
+          baz: 1,
+          bax: 1,
+        })
+      })
+
+      it('should be overwritable', () => {
+        const extension = Extendable.create({
+          addOptions() {
+            return {
+              foo: 1,
+              bar: 1,
+            }
+          },
+        }).extend({
+          addOptions() {
+            return {
+              baz: 1,
+            }
+          },
+        })
+
+        expect(extension.options).toEqual({
+          baz: 1,
+        })
+      })
+
+      it('should configure nested objects', () => {
+        const extension = Extendable.create<{
+          foo: number[]
+          HTMLAttributes: Record<string, any>
+        }>({
+          addOptions() {
+            return {
+              foo: [1, 2, 3],
+              HTMLAttributes: {
+                class: 'foo',
+              },
+            }
+          },
+        }).configure({
+          foo: [1],
+          HTMLAttributes: {
+            id: 'bar',
+          },
+        })
+
+        expect(extension.options).toEqual({
+          foo: [1],
+          HTMLAttributes: {
+            class: 'foo',
+            id: 'bar',
+          },
+        })
+      })
+
+      it('should configure retaining existing config', () => {
+        const extension = Extendable.create({
+          name: 'parent',
+          addOptions() {
+            return {
+              foo: 1,
+              bar: 1,
+            }
+          },
+        })
+
+        const newExtension = extension.configure()
+
+        expect(newExtension.config.name).toBe('parent')
+      })
+
+      it('should create its own instance on configure', () => {
+        const extension = Extendable.create({
+          addOptions() {
+            return {
+              foo: 1,
+              bar: 2,
+            }
+          },
+        })
+
+        const extension1 = extension.configure({
+          foo: 2,
+          bar: 4,
+        })
+
+        const extension2 = extension.configure({
+          foo: 3,
+        })
+
+        expect(extension1.options).toEqual({
+          foo: 2,
+          bar: 4,
+        })
+
+        expect(extension2.options).toEqual({
+          foo: 3,
+          bar: 2,
+        })
+      })
+    })
+  })
+})
+
+describe('extension storage', () => {
+  ;[Extension, Node, Mark].forEach(Extendable => {
+    describe(Extendable.create().type, () => {
+      it('should be an empty object if not defined', () => {
+        const extension = Extendable.create({})
+
+        expect(extension.storage).toEqual({})
+      })
+
+      it('should be be the return of `addStorage` if defined', () => {
+        const extension = Extendable.create({
+          addStorage() {
+            return { a: 1 }
+          },
+        })
+
+        expect(extension.storage).toEqual({ a: 1 })
+      })
+
+      it('should be able to be extended', () => {
+        const extension = Extendable.create({
+          addStorage() {
+            return { a: 1 }
+          },
+        }).extend()
+
+        expect(extension.storage).toEqual({ a: 1 })
+      })
+
+      it('should be able to be configured', () => {
+        const extension = Extendable.create({
+          addStorage() {
+            return { a: 1 }
+          },
+        }).configure({
+          anything: 'else',
+        })
+
+        expect(extension.storage).toEqual({ a: 1 })
+      })
+
+      it('should be able to be extended and configured', () => {
+        const extension = Extendable.create({
+          addStorage() {
+            return { a: 1 }
+          },
+        })
+          .extend()
+          .configure({
+            anything: 'else',
+          })
+
+        expect(extension.storage).toEqual({ a: 1 })
+      })
+
+      it('should be overwrite parents addStorage', () => {
+        const extension = Extendable.create({
+          addStorage() {
+            expect(false, 'This should not be called').toBe(true)
+            return { a: 1 }
+          },
+        }).extend({
+          addStorage() {
+            return { b: 1 }
+          },
+        })
+
+        expect(extension.storage).toEqual({ b: 1 })
+      })
+
+      it('grandchild should overwrite grandparent & parents addStorage', () => {
+        const extension = Extendable.create({
+          addStorage() {
+            expect(false, 'This should not be called').toBe(true)
+            return { a: 1 }
+          },
+        })
+          .extend({
+            addStorage() {
+              expect(false, 'This should not be called').toBe(true)
+              return { b: 1 }
+            },
+          })
+          .extend({
+            addStorage() {
+              return { c: 1 }
+            },
+          })
+
+        expect(extension.storage).toEqual({ c: 1 })
+      })
+
+      it('should return a new object on each access', () => {
+        const extension = Extendable.create({
+          addStorage() {
+            return { a: 1 }
+          },
+        })
+
+        const storage1 = extension.storage
+        const storage2 = extension.storage
+
+        expect(storage1).toEqual({ a: 1 })
+        expect(storage2).toEqual({ a: 1 })
+        expect(storage1).not.toBe(storage2)
+      })
+    })
+  })
+})
diff --git a/packages/core/src/Extendable.ts b/packages/core/src/Extendable.ts
new file mode 100644
index 0000000..15a30cb
--- /dev/null
+++ b/packages/core/src/Extendable.ts
@@ -0,0 +1,647 @@
+import type { Plugin } from '@tiptap/pm/state'
+
+import type { Editor } from './Editor.js'
+import type { DecorationSpec } from './decorations/index.js'
+import { getExtensionField } from './helpers/getExtensionField.js'
+import type { ExtensionConfig, MarkConfig, NodeConfig } from './index.js'
+import type { InputRule } from './InputRule.js'
+import type { Mark } from './Mark.js'
+import type { Node } from './Node.js'
+import type { PasteRule } from './PasteRule.js'
+import type {
+  AnyConfig,
+  DispatchTransactionProps,
+  EditorEvents,
+  Extensions,
+  GlobalAttributes,
+  JSONContent,
+  KeyboardShortcutCommand,
+  MarkdownParseHelpers,
+  MarkdownParseResult,
+  MarkdownRendererHelpers,
+  MarkdownToken,
+  MarkdownTokenizer,
+  ParentConfig,
+  RawCommands,
+  RenderContext,
+} from './types.js'
+import { callOrReturn } from './utilities/callOrReturn.js'
+import { mergeDeep } from './utilities/mergeDeep.js'
+
+export interface ExtendableConfig<
+  Options = any,
+  Storage = any,
+  Config extends
+    | ExtensionConfig<Options, Storage>
+    | NodeConfig<Options, Storage>
+    | MarkConfig<Options, Storage>
+    | ExtendableConfig<Options, Storage> = ExtendableConfig<Options, Storage, any, any>,
+  PMType = any,
+> {
+  /**
+   * The extension name - this must be unique.
+   * It will be used to identify the extension.
+   *
+   * @example 'myExtension'
+   */
+  name: string
+
+  /**
+   * The priority of your extension. The higher, the earlier it will be called
+   * and will take precedence over other extensions with a lower priority.
+   * @default 100
+   * @example 101
+   */
+  priority?: number
+
+  /**
+   * This method will add options to this extension
+   * @see https://tiptap.dev/docs/editor/guide/custom-extensions#settings
+   * @example
+   * addOptions() {
+   *  return {
+   *    myOption: 'foo',
+   *    myOtherOption: 10,
+   * }
+   */
+  addOptions?: (this: { name: string; parent: ParentConfig<Config>['addOptions'] }) => Options
+
+  /**
+   * The default storage this extension can save data to.
+   * @see https://tiptap.dev/docs/editor/guide/custom-extensions#storage
+   * @example
+   * defaultStorage: {
+   *   prefetchedUsers: [],
+   *   loading: false,
+   * }
+   */
+  addStorage?: (this: {
+    name: string
+    options: Options
+    parent: ParentConfig<Config>['addStorage']
+  }) => Storage
+
+  /**
+   * This function adds globalAttributes to specific nodes.
+   * @see https://tiptap.dev/docs/editor/guide/custom-extensions#global-attributes
+   * @example
+   * addGlobalAttributes() {
+   *   return [
+   *     {
+           // Extend the following extensions
+   *       types: [
+   *         'heading',
+   *         'paragraph',
+   *       ],
+   *       // … with those attributes
+   *       attributes: {
+   *         textAlign: {
+   *           default: 'left',
+   *           renderHTML: attributes => ({
+   *             style: `text-align: ${attributes.textAlign}`,
+   *           }),
+   *           parseHTML: element => element.style.textAlign || 'left',
+   *         },
+   *       },
+   *     },
+   *   ]
+   * }
+   */
+  addGlobalAttributes?: (this: {
+    name: string
+    options: Options
+    storage: Storage
+    extensions: (Node | Mark)[]
+    parent: ParentConfig<Config>['addGlobalAttributes']
+  }) => GlobalAttributes
+
+  /**
+   * This function adds commands to the editor
+   * @see https://tiptap.dev/docs/editor/guide/custom-extensions#commands
+   * @example
+   * addCommands() {
+   *   return {
+   *     myCommand: () => ({ chain }) => chain().setMark('type', 'foo').run(),
+   *   }
+   * }
+   */
+  addCommands?: (this: {
+    name: string
+    options: Options
+    storage: Storage
+    editor: Editor
+    type: PMType
+    parent: ParentConfig<Config>['addCommands']
+  }) => Partial<RawCommands>
+
+  /**
+   * This function registers keyboard shortcuts.
+   * @see https://tiptap.dev/docs/editor/guide/custom-extensions#keyboard-shortcuts
+   * @example
+   * addKeyboardShortcuts() {
+   *   return {
+   *     'Mod-l': () => this.editor.commands.toggleBulletList(),
+   *   }
+   * },
+   */
+  addKeyboardShortcuts?: (this: {
+    name: string
+    options: Options
+    storage: Storage
+    editor: Editor
+    type: PMType
+    parent: ParentConfig<Config>['addKeyboardShortcuts']
+  }) => {
+    [key: string]: KeyboardShortcutCommand
+  }
+
+  /**
+   * This function adds input rules to the editor.
+   * @see https://tiptap.dev/docs/editor/guide/custom-extensions#input-rules
+   * @example
+   * addInputRules() {
+   *   return [
+   *     markInputRule({
+   *       find: inputRegex,
+   *       type: this.type,
+   *     }),
+   *   ]
+   * },
+   */
+  addInputRules?: (this: {
+    name: string
+    options: Options
+    storage: Storage
+    editor: Editor
+    type: PMType
+    parent: ParentConfig<Config>['addInputRules']
+  }) => InputRule[]
+
+  /**
+   * This function adds paste rules to the editor.
+   * @see https://tiptap.dev/docs/editor/guide/custom-extensions#paste-rules
+   * @example
+   * addPasteRules() {
+   *   return [
+   *     markPasteRule({
+   *       find: pasteRegex,
+   *       type: this.type,
+   *     }),
+   *   ]
+   * },
+   */
+  addPasteRules?: (this: {
+    name: string
+    options: Options
+    storage: Storage
+    editor: Editor
+    type: PMType
+    parent: ParentConfig<Config>['addPasteRules']
+  }) => PasteRule[]
+
+  /**
+   * This function adds Prosemirror plugins to the editor
+   * @see https://tiptap.dev/docs/editor/guide/custom-extensions#prosemirror-plugins
+   * @example
+   * addProseMirrorPlugins() {
+   *   return [
+   *     customPlugin(),
+   *   ]
+   * }
+   */
+  addProseMirrorPlugins?: (this: {
+    name: string
+    options: Options
+    storage: Storage
+    editor: Editor
+    type: PMType
+    parent: ParentConfig<Config>['addProseMirrorPlugins']
+  }) => Plugin[]
+
+  /**
+   * Adds editor decorations (node, inline, widget). Return a spec with a `create`
+   * function that builds instances via `Decoration.Node`/`Inline`/`Widget`. Use
+   * `shouldUpdate`, `update: 'changedRanges'` + `createInRange`, or `update: 'manual'` to control recomputation.
+   * @see https://tiptap.dev/docs/editor/core-concepts/decorations
+   * @example
+   * addDecorations() {
+   *   return {
+   *     create: ({ state }) =>
+   *       findChildren(state.doc, node => node.type.name === 'heading').map(
+   *         ({ pos, node }) =>
+   *           Decoration.Node(pos, pos + node.nodeSize, { class: 'is-heading' }),
+   *       ),
+   *   }
+   * }
+   *
+   * For framework widgets, use `ReactWidgetRenderer` or `VueWidgetRenderer`
+   * from the matching framework package. Give stateful widgets a stable key.
+   *
+   * `create` and `createInRange` must not throw. An exception escapes through
+   * `editor.commands.*` and stops the document from updating until it stops.
+   */
+  addDecorations?: (this: {
+    name: string
+    options: Options
+    storage: Storage
+    editor: Editor
+    type: PMType
+    parent: ParentConfig<Config>['addDecorations']
+  }) => DecorationSpec | null
+
+  /**
+   * This function transforms pasted HTML content before it's parsed.
+   * Extensions can use this to modify or clean up pasted HTML.
+   * The transformations are chained - each extension's transform receives
+   * the output from the previous extension's transform.
+   * @see https://tiptap.dev/docs/editor/guide/custom-extensions#transform-pasted-html
+   * @example
+   * transformPastedHTML(html) {
+   *   // Remove all style attributes
+   *   return html.replace(/style="[^"]*"/g, '')
+   * }
+   */
+  transformPastedHTML?: (
+    this: {
+      name: string
+      options: Options
+      storage: Storage
+      editor: Editor
+      type: PMType
+      parent: ParentConfig<Config>['transformPastedHTML']
+    },
+    html: string,
+  ) => string
+
+  /**
+   * This function adds additional extensions to the editor. This is useful for
+   * building extension kits.
+   * @example
+   * addExtensions() {
+   *   return [
+   *     BulletList,
+   *     OrderedList,
+   *     ListItem
+   *   ]
+   * }
+   */
+  addExtensions?: (this: {
+    name: string
+    options: Options
+    storage: Storage
+    parent: ParentConfig<Config>['addExtensions']
+  }) => Extensions
+
+  /**
+   * The markdown token name
+   *
+   * This is the name of the token that this extension uses to parse and render markdown and comes from the Marked Lexer.
+   *
+   * @see https://github.com/markedjs/marked/blob/master/src/Tokens.ts
+   *
+   */
+  markdownTokenName?: string
+
+  /**
+   * The parse function used by the markdown parser to convert markdown tokens to ProseMirror nodes.
+   */
+  parseMarkdown?: (token: MarkdownToken, helpers: MarkdownParseHelpers) => MarkdownParseResult
+
+  /**
+   * The serializer function used by the markdown serializer to convert ProseMirror nodes to markdown tokens.
+   */
+  renderMarkdown?: (
+    node: JSONContent,
+    helpers: MarkdownRendererHelpers,
+    ctx: RenderContext,
+  ) => string
+
+  /**
+   * The markdown tokenizer responsible for turning a markdown string into tokens
+   *
+   * Custom tokenizers are only needed when you want to parse non-standard markdown token.
+   */
+  markdownTokenizer?: MarkdownTokenizer
+
+  /**
+   * Optional markdown options for indentation
+   */
+  markdownOptions?: {
+    /**
+     * Defines if this markdown element should indent it's child elements
+     */
+    indentsContent?: boolean
+
+    /**
+     * Lets a mark tell the Markdown serializer which inline HTML tags it can
+     * safely use when plain markdown delimiters would become ambiguous.
+     *
+     * This is mainly useful for overlapping marks. For example, bold followed
+     * by bold+italic followed by italic cannot always be written back with only
+     * `*` and `**` in a way that still parses correctly. In that case, the
+     * serializer can close the overlapping section with markdown and reopen the
+     * remaining tail with HTML instead.
+     *
+     * Example:
+     * - desired formatting: `**123` + `*456*` + `789 italic`
+     * - serialized result: `**123*456***<em>789</em>`
+     *
+     * If your extension defines custom mark names, set `htmlReopen` on that
+     * extension so the serializer can reuse its HTML form for overlap cases.
+     */
+    htmlReopen?: {
+      open: string
+      close: string
+    }
+  }
+
+  /**
+   * This function extends the schema of the node.
+   * @example
+   * extendNodeSchema() {
+   *   return {
+   *     group: 'inline',
+   *     selectable: false,
+   *   }
+   * }
+   */
+  extendNodeSchema?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          parent: ParentConfig<Config>['extendNodeSchema']
+        },
+        extension: Node,
+      ) => Record<string, any>)
+    | null
+
+  /**
+   * This function extends the schema of the mark.
+   * @example
+   * extendMarkSchema() {
+   *   return {
+   *     group: 'inline',
+   *     selectable: false,
+   *   }
+   * }
+   */
+  extendMarkSchema?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          parent: ParentConfig<Config>['extendMarkSchema']
+        },
+        extension: Mark,
+      ) => Record<string, any>)
+    | null
+
+  /**
+   * The editor is not ready yet.
+   */
+  onBeforeCreate?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          editor: Editor
+          type: PMType
+          parent: ParentConfig<Config>['onBeforeCreate']
+        },
+        event: EditorEvents['beforeCreate'],
+      ) => void)
+    | null
+
+  /**
+   * The editor is ready.
+   */
+  onCreate?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          editor: Editor
+          type: PMType
+          parent: ParentConfig<Config>['onCreate']
+        },
+        event: EditorEvents['create'],
+      ) => void)
+    | null
+
+  /**
+   * The content has changed.
+   */
+  onUpdate?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          editor: Editor
+          type: PMType
+          parent: ParentConfig<Config>['onUpdate']
+        },
+        event: EditorEvents['update'],
+      ) => void)
+    | null
+
+  /**
+   * The selection has changed.
+   */
+  onSelectionUpdate?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          editor: Editor
+          type: PMType
+          parent: ParentConfig<Config>['onSelectionUpdate']
+        },
+        event: EditorEvents['selectionUpdate'],
+      ) => void)
+    | null
+
+  /**
+   * The editor state has changed.
+   */
+  onTransaction?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          editor: Editor
+          type: PMType
+          parent: ParentConfig<Config>['onTransaction']
+        },
+        event: EditorEvents['transaction'],
+      ) => void)
+    | null
+
+  /**
+   * The editor is focused.
+   */
+  onFocus?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          editor: Editor
+          type: PMType
+          parent: ParentConfig<Config>['onFocus']
+        },
+        event: EditorEvents['focus'],
+      ) => void)
+    | null
+
+  /**
+   * The editor isn’t focused anymore.
+   */
+  onBlur?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          editor: Editor
+          type: PMType
+          parent: ParentConfig<Config>['onBlur']
+        },
+        event: EditorEvents['blur'],
+      ) => void)
+    | null
+
+  /**
+   * The editor is destroyed.
+   */
+  onDestroy?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          editor: Editor
+          type: PMType
+          parent: ParentConfig<Config>['onDestroy']
+        },
+        event: EditorEvents['destroy'],
+      ) => void)
+    | null
+
+  /**
+   * This hook allows you to intercept and modify transactions before they are dispatched.
+   *
+   * Example
+   * ```ts
+   * dispatchTransaction({ transaction, next }) {
+   *   console.log('Dispatching transaction:', transaction)
+   *   next(transaction)
+   * }
+   * ```
+   *
+   * @param props - The dispatch transaction props
+   */
+  dispatchTransaction?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          editor: Editor
+          type: PMType
+          parent: ParentConfig<Config>['dispatchTransaction']
+        },
+        props: DispatchTransactionProps,
+      ) => void)
+    | null
+}
+
+export class Extendable<
+  Options = any,
+  Storage = any,
+  Config =
+    | ExtensionConfig<Options, Storage>
+    | NodeConfig<Options, Storage>
+    | MarkConfig<Options, Storage>,
+> {
+  type = 'extendable'
+  parent: Extendable | null = null
+
+  child: Extendable | null = null
+
+  name = ''
+
+  config: Config = {
+    name: this.name,
+  } as Config
+
+  constructor(config: Partial<Config> = {}) {
+    this.config = {
+      ...this.config,
+      ...config,
+    }
+
+    this.name = (this.config as any).name
+  }
+
+  get options(): Options {
+    return {
+      ...callOrReturn(
+        getExtensionField<AnyConfig['addOptions']>(this as any, 'addOptions', {
+          name: this.name,
+        }),
+      ),
+    }
+  }
+
+  get storage(): Readonly<Storage> {
+    return {
+      ...callOrReturn(
+        getExtensionField<AnyConfig['addStorage']>(this as any, 'addStorage', {
+          name: this.name,
+          options: this.options,
+        }),
+      ),
+    }
+  }
+
+  configure(options: Partial<Options> = {}) {
+    const extension = this.extend<Options, Storage, Config>({
+      ...this.config,
+      addOptions: () => {
+        return mergeDeep(this.options as Record<string, any>, options) as Options
+      },
+    })
+
+    extension.name = this.name
+    extension.parent = this.parent
+
+    this.child = null
+
+    return extension
+  }
+
+  extend<
+    ExtendedOptions = Options,
+    ExtendedStorage = Storage,
+    ExtendedConfig =
+      | ExtensionConfig<ExtendedOptions, ExtendedStorage>
+      | NodeConfig<ExtendedOptions, ExtendedStorage>
+      | MarkConfig<ExtendedOptions, ExtendedStorage>,
+  >(extendedConfig: Partial<ExtendedConfig> = {}): Extendable<ExtendedOptions, ExtendedStorage> {
+    const extension = new (this.constructor as any)({ ...this.config, ...extendedConfig })
+
+    extension.parent = this
+    this.child = extension
+    extension.name = 'name' in extendedConfig ? extendedConfig.name : extension.parent.name
+
+    return extension
+  }
+}
diff --git a/packages/core/src/Extension.ts b/packages/core/src/Extension.ts
new file mode 100644
index 0000000..03a4306
--- /dev/null
+++ b/packages/core/src/Extension.ts
@@ -0,0 +1,59 @@
+import type { Editor } from './Editor.js'
+import { type ExtendableConfig, Extendable } from './Extendable.js'
+
+// oxlint-disable-next-lineno-empty-object-type
+export interface ExtensionConfig<Options = any, Storage = any> extends ExtendableConfig<
+  Options,
+  Storage,
+  ExtensionConfig<Options, Storage>,
+  null
+> {}
+
+/**
+ * The Extension class is the base class for all extensions.
+ * @see https://tiptap.dev/api/extensions#create-a-new-extension
+ */
+export class Extension<Options = any, Storage = any> extends Extendable<
+  Options,
+  Storage,
+  ExtensionConfig<Options, Storage>
+> {
+  type = 'extension'
+
+  /**
+   * Create a new Extension instance
+   * @param config - Extension configuration object or a function that returns a configuration object
+   */
+  static create<O = any, S = any>(
+    config: Partial<ExtensionConfig<O, S>> | (() => Partial<ExtensionConfig<O, S>>) = {},
+  ) {
+    // If the config is a function, execute it to get the configuration object
+    const resolvedConfig = typeof config === 'function' ? config() : config
+    return new Extension<O, S>(resolvedConfig)
+  }
+
+  configure(options?: Partial<Options>) {
+    return super.configure(options) as Extension<Options, Storage>
+  }
+
+  extend<
+    ExtendedOptions = Options,
+    ExtendedStorage = Storage,
+    ExtendedConfig = ExtensionConfig<ExtendedOptions, ExtendedStorage>,
+  >(
+    extendedConfig?:
+      | (() => Partial<ExtendedConfig>)
+      | (Partial<ExtendedConfig> &
+          ThisType<{
+            name: string
+            options: ExtendedOptions
+            storage: ExtendedStorage
+            editor: Editor
+            type: null
+          }>),
+  ): Extension<ExtendedOptions, ExtendedStorage> {
+    // If the extended config is a function, execute it to get the configuration object
+    const resolvedConfig = typeof extendedConfig === 'function' ? extendedConfig() : extendedConfig
+    return super.extend(resolvedConfig) as Extension<ExtendedOptions, ExtendedStorage>
+  }
+}
diff --git a/packages/core/src/ExtensionManager.test.ts b/packages/core/src/ExtensionManager.test.ts
new file mode 100644
index 0000000..071a4e6
--- /dev/null
+++ b/packages/core/src/ExtensionManager.test.ts
@@ -0,0 +1,852 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { Editor } from './Editor.js'
+import { Extension } from './Extension.js'
+
+describe('dispatchTransaction', () => {
+  it('should call dispatchTransaction from an extension', () => {
+    const dispatchTransaction = vi.fn(({ transaction, next }) => next(transaction))
+    const CustomExtension = Extension.create({
+      name: 'custom',
+      dispatchTransaction,
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, CustomExtension],
+    })
+
+    editor.commands.insertContent('foo')
+
+    expect(dispatchTransaction).toHaveBeenCalled()
+
+    editor.destroy()
+  })
+
+  it('should call multiple dispatchTransaction hooks in priority order', () => {
+    const order: string[] = []
+    const Extension1 = Extension.create({
+      name: 'extension1',
+      priority: 10,
+      dispatchTransaction({ transaction, next }) {
+        order.push('extension1')
+        next(transaction)
+      },
+    })
+    const Extension2 = Extension.create({
+      name: 'extension2',
+      priority: 20,
+      dispatchTransaction({ transaction, next }) {
+        order.push('extension2')
+        next(transaction)
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, Extension1, Extension2],
+    })
+
+    editor.commands.insertContent('foo')
+
+    expect(order).toEqual(['extension2', 'extension1'])
+
+    editor.destroy()
+  })
+
+  it('should block transaction if next is not called', () => {
+    const Extension1 = Extension.create({
+      name: 'extension1',
+      dispatchTransaction() {
+        // do nothing
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, Extension1],
+    })
+
+    editor.commands.insertContent('foo')
+
+    expect(editor.getText()).toBe('')
+
+    editor.destroy()
+  })
+
+  it('should allow user-provided dispatchTransaction as base', () => {
+    const userDispatch = vi.fn(_tr => {
+      // In a real scenario, the user would update the view state here.
+      // For this test, we just want to see if it's called.
+    })
+
+    const Extension1 = Extension.create({
+      name: 'extension1',
+      dispatchTransaction({ transaction, next }) {
+        next(transaction)
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, Extension1],
+      editorProps: {
+        dispatchTransaction: userDispatch,
+      } as any,
+    })
+
+    editor.commands.insertContent('foo')
+
+    expect(userDispatch).toHaveBeenCalled()
+
+    editor.destroy()
+  })
+
+  it('should bypass extensions if enableExtensionDispatchTransaction is false', () => {
+    const dispatchTransaction = vi.fn(({ transaction, next }) => next(transaction))
+    const CustomExtension = Extension.create({
+      name: 'custom',
+      dispatchTransaction,
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, CustomExtension],
+      enableExtensionDispatchTransaction: false,
+    })
+
+    editor.commands.insertContent('foo')
+
+    expect(dispatchTransaction).not.toHaveBeenCalled()
+
+    editor.destroy()
+  })
+})
+
+describe('pluginOrder', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('runs keyboard shortcuts in correct priority order', () => {
+    const order: number[] = []
+
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Extension.create({
+          priority: 1000,
+          addKeyboardShortcuts() {
+            return {
+              a: () => {
+                order.push(1)
+                return false
+              },
+            }
+          },
+        }),
+        Extension.create({
+          addKeyboardShortcuts() {
+            return {
+              a: () => {
+                order.push(3)
+                return false
+              },
+            }
+          },
+        }),
+        Extension.create({
+          addKeyboardShortcuts() {
+            return {
+              a: () => {
+                order.push(2)
+                return false
+              },
+            }
+          },
+        }),
+      ],
+    })
+
+    editor.view.dom.dispatchEvent(new KeyboardEvent('keydown', { key: 'a' }))
+
+    expect(order).toEqual([1, 2, 3])
+  })
+})
+
+describe('transformPastedHTML', () => {
+  describe('priority ordering', () => {
+    it('should execute transforms in priority order (higher priority first)', () => {
+      const executionOrder: number[] = []
+
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'low-priority',
+            priority: 50,
+            transformPastedHTML(html) {
+              executionOrder.push(3)
+              return html
+            },
+          }),
+          Extension.create({
+            name: 'high-priority',
+            priority: 200,
+            transformPastedHTML(html) {
+              executionOrder.push(1)
+              return html
+            },
+          }),
+          Extension.create({
+            name: 'medium-priority',
+            priority: 100,
+            transformPastedHTML(html) {
+              executionOrder.push(2)
+              return html
+            },
+          }),
+        ],
+      })
+
+      editor.view.props.transformPastedHTML?.('<p>test</p>')
+
+      expect(executionOrder).toEqual([1, 2, 3])
+
+      editor.destroy()
+    })
+
+    it('should execute transforms in default priority order when priorities are equal', () => {
+      const executionOrder: string[] = []
+
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'first',
+            transformPastedHTML(html) {
+              executionOrder.push('first')
+              return html
+            },
+          }),
+          Extension.create({
+            name: 'second',
+            transformPastedHTML(html) {
+              executionOrder.push('second')
+              return html
+            },
+          }),
+        ],
+      })
+
+      editor.view.props.transformPastedHTML?.('<p>test</p>')
+
+      expect(executionOrder).toEqual(['first', 'second'])
+
+      editor.destroy()
+    })
+  })
+
+  describe('transform chaining', () => {
+    it('should chain transforms correctly', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'first-transform',
+            priority: 100,
+            transformPastedHTML(html) {
+              return html.replace(/foo/g, 'bar')
+            },
+          }),
+          Extension.create({
+            name: 'second-transform',
+            priority: 90,
+            transformPastedHTML(html) {
+              return html.replace(/bar/g, 'baz')
+            },
+          }),
+        ],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.('<p>foo</p>')
+
+      expect(result).toBe('<p>baz</p>')
+
+      editor.destroy()
+    })
+
+    it('should pass transformed HTML through entire chain', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'add-prefix',
+            priority: 100,
+            transformPastedHTML(html) {
+              return `PREFIX-${html}`
+            },
+          }),
+          Extension.create({
+            name: 'add-suffix',
+            priority: 90,
+            transformPastedHTML(html) {
+              return `${html}-SUFFIX`
+            },
+          }),
+          Extension.create({
+            name: 'add-wrapper',
+            priority: 80,
+            transformPastedHTML(html) {
+              return `[${html}]`
+            },
+          }),
+        ],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.('TEST')
+
+      expect(result).toBe('[PREFIX-TEST-SUFFIX]')
+
+      editor.destroy()
+    })
+  })
+
+  describe('baseTransform integration', () => {
+    it('should run baseTransform before extension transforms', () => {
+      const editor = new Editor({
+        editorProps: {
+          transformPastedHTML(html) {
+            return html.replace(/original/g, 'base')
+          },
+        },
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'extension-transform',
+            transformPastedHTML(html) {
+              return html.replace(/base/g, 'final')
+            },
+          }),
+        ],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.('<p>original</p>')
+
+      expect(result).toBe('<p>final</p>')
+
+      editor.destroy()
+    })
+
+    it('should work when baseTransform is undefined', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'extension-transform',
+            transformPastedHTML(html) {
+              return html.replace(/test/g, 'success')
+            },
+          }),
+        ],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.('<p>test</p>')
+
+      expect(result).toBe('<p>success</p>')
+
+      editor.destroy()
+    })
+  })
+
+  describe('extensions without transforms', () => {
+    it('should skip extensions without transformPastedHTML', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'no-transform',
+            // No transformPastedHTML defined
+          }),
+          Extension.create({
+            name: 'with-transform',
+            transformPastedHTML(html) {
+              return html.replace(/test/g, 'success')
+            },
+          }),
+          Extension.create({
+            name: 'another-no-transform',
+            // No transformPastedHTML defined
+          }),
+        ],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.('<p>test</p>')
+
+      expect(result).toBe('<p>success</p>')
+
+      editor.destroy()
+    })
+
+    it('should return original HTML when no transforms are defined', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'extension-1',
+          }),
+          Extension.create({
+            name: 'extension-2',
+          }),
+        ],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.('<p>unchanged</p>')
+
+      expect(result).toBe('<p>unchanged</p>')
+
+      editor.destroy()
+    })
+  })
+
+  describe('extension context', () => {
+    it('should provide correct context to transformPastedHTML', () => {
+      let capturedContext: any = null
+
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'test-extension',
+            addOptions() {
+              return {
+                customOption: 'value',
+              }
+            },
+            addStorage() {
+              return {
+                customStorage: 'stored',
+              }
+            },
+            transformPastedHTML(html) {
+              capturedContext = {
+                name: this.name,
+                options: this.options,
+                storage: this.storage,
+                editor: this.editor,
+              }
+              return html
+            },
+          }),
+        ],
+      })
+
+      editor.view.props.transformPastedHTML?.('<p>test</p>')
+
+      expect(capturedContext).toBeDefined()
+      expect(capturedContext.name).toBe('test-extension')
+      expect(capturedContext.options).toMatchObject({ customOption: 'value' })
+      expect(capturedContext.storage).toMatchObject({ customStorage: 'stored' })
+      expect(capturedContext.editor).toBe(editor)
+
+      editor.destroy()
+    })
+
+    it('should allow accessing editor state in transformPastedHTML', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'state-aware',
+            transformPastedHTML(html) {
+              const isEmpty = this.editor.isEmpty
+              return isEmpty ? `${html}<!-- empty -->` : html
+            },
+          }),
+        ],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.('<p>test</p>')
+
+      expect(result).toContain('<!-- empty -->')
+
+      editor.destroy()
+    })
+  })
+
+  describe('edge cases', () => {
+    it('should handle empty HTML string', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'transform',
+            transformPastedHTML(html) {
+              return html || '<p>default</p>'
+            },
+          }),
+        ],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.('')
+
+      expect(result).toBe('<p>default</p>')
+
+      editor.destroy()
+    })
+
+    it('should handle HTML with special characters', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'preserve-special',
+            transformPastedHTML(html) {
+              return html.replace(/&amp;/g, '&')
+            },
+          }),
+        ],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.('<p>&amp;test&amp;</p>')
+
+      expect(result).toBe('<p>&test&</p>')
+
+      editor.destroy()
+    })
+
+    it('should handle very long HTML strings', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'transform',
+            transformPastedHTML(html) {
+              return html.replace(/test/g, 'success')
+            },
+          }),
+        ],
+      })
+
+      const longHtml = `<p>${'test '.repeat(10000)}</p>`
+      const result = editor.view.props.transformPastedHTML?.(longHtml)
+
+      expect(result).toContain('success')
+      expect(result).not.toContain('test')
+
+      editor.destroy()
+    })
+
+    it('should handle malformed HTML gracefully', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'transform',
+            transformPastedHTML(html) {
+              return html.replace(/test/g, 'success')
+            },
+          }),
+        ],
+      })
+
+      const malformedHtml = '<p>test</span>'
+      const result = editor.view.props.transformPastedHTML?.(malformedHtml)
+
+      expect(result).toBe('<p>success</span>')
+
+      editor.destroy()
+    })
+  })
+
+  describe('view parameter', () => {
+    it('should pass view parameter to baseTransform', () => {
+      let viewReceived: any = null
+
+      const editor = new Editor({
+        editorProps: {
+          transformPastedHTML(html, view) {
+            viewReceived = view
+            return html
+          },
+        },
+        extensions: [Document, Paragraph, Text],
+      })
+
+      editor.view.props.transformPastedHTML?.('<p>test</p>', editor.view)
+
+      expect(viewReceived).toBe(editor.view)
+
+      editor.destroy()
+    })
+
+    it('should work when view parameter is undefined', () => {
+      const editor = new Editor({
+        editorProps: {
+          transformPastedHTML(html, view) {
+            return view ? html : `${html}<!-- no view -->`
+          },
+        },
+        extensions: [Document, Paragraph, Text],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.('<p>test</p>')
+
+      expect(result).toContain('<!-- no view -->')
+
+      editor.destroy()
+    })
+  })
+
+  describe('real-world scenarios', () => {
+    it('should remove inline styles and dangerous attributes', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'security',
+            priority: 100,
+            transformPastedHTML(html) {
+              return html.replace(/\s+style="[^"]*"/gi, '').replace(/\s+on\w+="[^"]*"/gi, '')
+            },
+          }),
+        ],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.(
+        '<p style="color: red;" onclick="alert(\'xss\')">test</p>',
+      )
+
+      expect(result).toBe('<p>test</p>')
+
+      editor.destroy()
+    })
+
+    it('should normalize whitespace from word processors', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'normalize-whitespace',
+            transformPastedHTML(html) {
+              return html
+                .replace(/\t/g, '  ')
+                .replace(/\u00a0/g, ' ')
+                .replace(/\s+/g, ' ')
+            },
+          }),
+        ],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.(
+        '<p>test\t\u00a0  multiple   spaces</p>',
+      )
+
+      expect(result).toBe('<p>test multiple spaces</p>')
+
+      editor.destroy()
+    })
+
+    it('should chain multiple practical transforms', () => {
+      const editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Extension.create({
+            name: 'remove-styles',
+            priority: 100,
+            transformPastedHTML(html) {
+              return html.replace(/\s+style="[^"]*"/gi, '')
+            },
+          }),
+          Extension.create({
+            name: 'normalize-tags',
+            priority: 90,
+            transformPastedHTML(html) {
+              return html.replace(/<b>/g, '<strong>').replace(/<\/b>/g, '</strong>')
+            },
+          }),
+          Extension.create({
+            name: 'add-classes',
+            priority: 80,
+            transformPastedHTML(html) {
+              return html.replace(/<p>/g, '<p class="editor-paragraph">')
+            },
+          }),
+        ],
+      })
+
+      const result = editor.view.props.transformPastedHTML?.(
+        '<p style="color: red;"><b>test</b></p>',
+      )
+
+      expect(result).toBe('<p class="editor-paragraph"><strong>test</strong></p>')
+
+      editor.destroy()
+    })
+  })
+
+  describe('performance', () => {
+    it('should handle many extensions efficiently', () => {
+      const extensions = [Document, Paragraph, Text]
+
+      // Add 50 extensions with transforms
+      for (let i = 0; i < 50; i += 1) {
+        extensions.push(
+          Extension.create({
+            name: `extension-${i}`,
+            priority: 1000 - i,
+            transformPastedHTML(html) {
+              return html // Pass through
+            },
+          }),
+        )
+      }
+
+      const editor = new Editor({ extensions })
+
+      const start = Date.now()
+      const result = editor.view.props.transformPastedHTML?.('<p>test</p>')
+      const duration = Date.now() - start
+
+      expect(result).toBe('<p>test</p>')
+      expect(duration).toBeLessThan(100) // Should complete quickly
+
+      editor.destroy()
+    })
+  })
+})
+
+describe('parent/child cleanup on destroy', () => {
+  it('should break parent/child chain when editor is destroyed (extend path)', () => {
+    const singleton = Extension.create({
+      name: 'testExtension',
+      addOptions() {
+        return { foo: 'bar' }
+      },
+    })
+
+    const childExtension = singleton.extend({
+      addOptions() {
+        return { ...this.parent?.(), foo: 'baz' }
+      },
+    })
+
+    expect(singleton.child).toBe(childExtension)
+    expect(childExtension.parent).toBe(singleton)
+
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text, childExtension],
+    })
+
+    editor.destroy()
+
+    expect(singleton.child).toBeNull()
+  })
+
+  it('should clear forward parent.child links on all extensions after editor.destroy()', () => {
+    const singletonA = Extension.create({
+      name: 'extA',
+      addOptions() {
+        return { value: 'a' }
+      },
+    })
+    const singletonB = Extension.create({
+      name: 'extB',
+      addOptions() {
+        return { value: 'b' }
+      },
+    })
+
+    const configuredA = singletonA.configure({ value: 'a-configured' })
+    const childB = singletonB.extend({ name: 'extB-child' })
+
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text, configuredA, childB],
+    })
+
+    const { extensions } = editor.extensionManager
+
+    editor.destroy()
+
+    extensions.forEach(ext => {
+      if (ext.parent?.child === ext) {
+        // This should never be true after destroy — the forward link is always broken
+        expect(ext.parent.child).toBeNull()
+      }
+    })
+  })
+
+  it('should break all ancestor child links in a multi-level extend chain after editor.destroy()', () => {
+    const root = Extension.create({
+      name: 'root',
+      addOptions() {
+        return { level: 0 }
+      },
+    })
+
+    const child = root.extend({
+      addOptions() {
+        return { ...this.parent?.(), level: 1 }
+      },
+    })
+
+    const grandchild = child.extend({
+      addOptions() {
+        return { ...this.parent?.(), level: 2 }
+      },
+    })
+
+    expect(root.child).toBe(child)
+    expect(child.child).toBe(grandchild)
+    expect(grandchild.parent).toBe(child)
+    expect(child.parent).toBe(root)
+
+    const editor = new Editor({
+      element: null,
+      extensions: [Document, Paragraph, Text, grandchild],
+    })
+
+    editor.destroy()
+
+    expect(root.child).toBeNull()
+    expect(child.child).toBeNull()
+  })
+})
diff --git a/packages/core/src/ExtensionManager.ts b/packages/core/src/ExtensionManager.ts
new file mode 100644
index 0000000..234bf6f
--- /dev/null
+++ b/packages/core/src/ExtensionManager.ts
@@ -0,0 +1,583 @@
+import { keymap } from '@tiptap/pm/keymap'
+import type { Schema } from '@tiptap/pm/model'
+import type { Plugin, Transaction } from '@tiptap/pm/state'
+import type { EditorView, MarkViewConstructor, NodeViewConstructor } from '@tiptap/pm/view'
+
+import type { Editor } from './Editor.js'
+import { DecorationManager, type DecorationManagerEntry } from './decorations/DecorationManager.js'
+import {
+  flattenExtensions,
+  getAttributesFromExtensions,
+  getExtensionField,
+  getMarkType,
+  getNodeType,
+  getRenderedAttributes,
+  getSchemaByResolvedExtensions,
+  getSchemaTypeByName,
+  isExtensionRulesEnabled,
+  resolveExtensions,
+  sortExtensions,
+  splitExtensions,
+} from './helpers/index.js'
+import { updateMarkViewAttributes } from './MarkView.js'
+import { inputRulesPlugin } from './InputRule.js'
+import { Mark, type MarkConfig } from './Mark.js'
+import { pasteRulesPlugin } from './PasteRule.js'
+import type { AnyConfig, Extensions, RawCommands, Storage } from './types.js'
+import { callOrReturn } from './utilities/callOrReturn.js'
+import { type NodeConfig } from './Node.js'
+
+export class ExtensionManager {
+  editor: Editor
+
+  schema: Schema
+
+  /**
+   * A flattened and sorted array of all extensions
+   */
+  extensions: Extensions
+
+  /**
+   * A non-flattened array of base extensions (no sub-extensions)
+   */
+  baseExtensions: Extensions
+
+  splittableMarks: string[] = []
+
+  nonClearableMarks: string[] = []
+
+  decorationManager: DecorationManager | null = null
+
+  constructor(extensions: Extensions, editor: Editor) {
+    this.editor = editor
+    this.baseExtensions = extensions
+    this.extensions = resolveExtensions(extensions)
+    this.schema = getSchemaByResolvedExtensions(this.extensions, editor)
+    this.setupExtensions()
+  }
+
+  static resolve = resolveExtensions
+
+  static sort = sortExtensions
+
+  static flatten = flattenExtensions
+
+  /**
+   * Get all commands from the extensions.
+   * @returns An object with all commands where the key is the command name and the value is the command function
+   */
+  get commands(): RawCommands {
+    return this.extensions.reduce((commands, extension) => {
+      const context = {
+        name: extension.name,
+        options: extension.options,
+        storage: this.editor.extensionStorage[extension.name as keyof Storage],
+        editor: this.editor,
+        type: getSchemaTypeByName(extension.name, this.schema),
+      }
+
+      const addCommands = getExtensionField<AnyConfig['addCommands']>(
+        extension,
+        'addCommands',
+        context,
+      )
+
+      if (!addCommands) {
+        return commands
+      }
+
+      return {
+        ...commands,
+        ...addCommands(),
+      }
+    }, {} as RawCommands)
+  }
+
+  /**
+   * Get all registered Prosemirror plugins from the extensions.
+   * @returns An array of Prosemirror plugins
+   */
+  get plugins(): Plugin[] {
+    const { editor } = this
+
+    // With ProseMirror, first plugins within an array are executed first.
+    // In Tiptap, we provide the ability to override plugins,
+    // so it feels more natural to run plugins at the end of an array first.
+    // That’s why we have to reverse the `extensions` array and sort again
+    // based on the `priority` option.
+    const extensions = sortExtensions([...this.extensions].reverse())
+
+    const allPlugins = extensions.flatMap(extension => {
+      const context = {
+        name: extension.name,
+        options: extension.options,
+        storage: this.editor.extensionStorage[extension.name as keyof Storage],
+        editor,
+        type: getSchemaTypeByName(extension.name, this.schema),
+      }
+
+      const plugins: Plugin[] = []
+
+      const addKeyboardShortcuts = getExtensionField<AnyConfig['addKeyboardShortcuts']>(
+        extension,
+        'addKeyboardShortcuts',
+        context,
+      )
+
+      let defaultBindings: Record<string, () => boolean> = {}
+
+      // bind exit handling
+      if (
+        extension.type === 'mark' &&
+        getExtensionField<MarkConfig['exitable']>(extension, 'exitable', context)
+      ) {
+        defaultBindings.ArrowRight = () => Mark.handleExit({ editor, mark: extension as Mark })
+      }
+
+      if (addKeyboardShortcuts) {
+        const bindings = Object.fromEntries(
+          Object.entries(addKeyboardShortcuts()).map(([shortcut, method]) => {
+            return [shortcut, () => method({ editor })]
+          }),
+        )
+
+        defaultBindings = { ...defaultBindings, ...bindings }
+      }
+
+      const keyMapPlugin = keymap(defaultBindings)
+
+      plugins.push(keyMapPlugin)
+
+      const addInputRules = getExtensionField<AnyConfig['addInputRules']>(
+        extension,
+        'addInputRules',
+        context,
+      )
+
+      if (isExtensionRulesEnabled(extension, editor.options.enableInputRules) && addInputRules) {
+        const rules = addInputRules()
+
+        if (rules && rules.length) {
+          const inputResult = inputRulesPlugin({
+            editor,
+            rules,
+          })
+
+          const inputPlugins = Array.isArray(inputResult) ? inputResult : [inputResult]
+
+          plugins.push(...inputPlugins)
+        }
+      }
+
+      const addPasteRules = getExtensionField<AnyConfig['addPasteRules']>(
+        extension,
+        'addPasteRules',
+        context,
+      )
+
+      if (isExtensionRulesEnabled(extension, editor.options.enablePasteRules) && addPasteRules) {
+        const rules = addPasteRules()
+
+        if (rules && rules.length) {
+          const pasteRules = pasteRulesPlugin({ editor, rules })
+
+          plugins.push(...pasteRules)
+        }
+      }
+
+      const addProseMirrorPlugins = getExtensionField<AnyConfig['addProseMirrorPlugins']>(
+        extension,
+        'addProseMirrorPlugins',
+        context,
+      )
+
+      if (addProseMirrorPlugins) {
+        const proseMirrorPlugins = addProseMirrorPlugins()
+
+        plugins.push(...proseMirrorPlugins)
+      }
+
+      return plugins
+    })
+
+    const decorationPlugin = this.createDecorationPlugin()
+
+    if (decorationPlugin) {
+      allPlugins.push(decorationPlugin)
+    }
+
+    return allPlugins
+  }
+
+  /**
+   * Aggregates decorations from extensions into a single plugin, or returns null
+   * if none exist. Destroys the previous manager to avoid orphaned listeners.
+   * @returns A ProseMirror plugin or `null`
+   * @example
+   * const plugin = editor.extensionManager.createDecorationPlugin()
+   */
+  createDecorationPlugin(): Plugin | null {
+    const { editor } = this
+
+    this.decorationManager?.destroy()
+
+    const entries: DecorationManagerEntry[] = []
+
+    this.extensions.forEach(extension => {
+      const context = {
+        name: extension.name,
+        options: extension.options,
+        storage: this.editor.extensionStorage[extension.name as keyof Storage],
+        editor,
+        type: getSchemaTypeByName(extension.name, this.schema),
+      }
+
+      const addDecorations = getExtensionField<AnyConfig['addDecorations']>(
+        extension,
+        'addDecorations',
+        context,
+      )
+
+      if (!addDecorations) {
+        return
+      }
+
+      entries.push({ name: extension.name, addDecorations })
+    })
+
+    this.decorationManager = new DecorationManager({ editor, entries })
+
+    return this.decorationManager.plugin
+  }
+
+  /**
+   * Get all attributes from the extensions.
+   * @returns An array of attributes
+   */
+  get attributes() {
+    return getAttributesFromExtensions(this.extensions)
+  }
+
+  /**
+   * Get all node views from the extensions.
+   * @returns An object with all node views where the key is the node name and the value is the node view function
+   */
+  get nodeViews(): Record<string, NodeViewConstructor> {
+    const { editor } = this
+    const { nodeExtensions } = splitExtensions(this.extensions)
+
+    return Object.fromEntries(
+      nodeExtensions
+        .filter(extension => !!getExtensionField(extension, 'addNodeView'))
+        .map(extension => {
+          const extensionAttributes = this.attributes.filter(
+            attribute => attribute.type === extension.name,
+          )
+          const context = {
+            name: extension.name,
+            options: extension.options,
+            storage: this.editor.extensionStorage[extension.name as keyof Storage],
+            editor,
+            type: getNodeType(extension.name, this.schema),
+          }
+          const addNodeView = getExtensionField<NodeConfig['addNodeView']>(
+            extension,
+            'addNodeView',
+            context,
+          )
+
+          if (!addNodeView) {
+            return []
+          }
+
+          const nodeViewResult = addNodeView()
+
+          if (!nodeViewResult) {
+            return []
+          }
+
+          const nodeview: NodeViewConstructor = (
+            node,
+            view,
+            getPos,
+            decorations,
+            innerDecorations,
+          ) => {
+            const HTMLAttributes = getRenderedAttributes(node, extensionAttributes)
+
+            return nodeViewResult({
+              // pass-through
+              node,
+              view,
+              getPos: getPos as () => number,
+              decorations,
+              innerDecorations,
+              // tiptap-specific
+              editor,
+              extension,
+              HTMLAttributes,
+            })
+          }
+
+          return [extension.name, nodeview]
+        }),
+    )
+  }
+
+  /**
+   * Get the composed dispatchTransaction function from all extensions.
+   * @param baseDispatch The base dispatch function (e.g. from the editor or user props)
+   * @returns A composed dispatch function
+   */
+  dispatchTransaction(baseDispatch: (tr: Transaction) => void): (tr: Transaction) => void {
+    const { editor } = this
+    const extensions = sortExtensions([...this.extensions].reverse())
+
+    return extensions.reduceRight((next, extension) => {
+      const context = {
+        name: extension.name,
+        options: extension.options,
+        storage: this.editor.extensionStorage[extension.name as keyof Storage],
+        editor,
+        type: getSchemaTypeByName(extension.name, this.schema),
+      }
+
+      const dispatchTransaction = getExtensionField<AnyConfig['dispatchTransaction']>(
+        extension,
+        'dispatchTransaction',
+        context,
+      )
+
+      if (!dispatchTransaction) {
+        return next
+      }
+
+      return (transaction: Transaction) => {
+        dispatchTransaction.call(context, { transaction, next })
+      }
+    }, baseDispatch)
+  }
+
+  /**
+   * Get the composed transformPastedHTML function from all extensions.
+   * @param baseTransform The base transform function (e.g. from the editor props)
+   * @returns A composed transform function that chains all extension transforms
+   */
+  transformPastedHTML(
+    baseTransform?: (html: string, view?: any) => string,
+  ): (html: string, view?: EditorView) => string {
+    const { editor } = this
+    const extensions = sortExtensions([...this.extensions])
+
+    return extensions.reduce(
+      (transform, extension) => {
+        const context = {
+          name: extension.name,
+          options: extension.options,
+          storage: this.editor.extensionStorage[extension.name as keyof Storage],
+          editor,
+          type: getSchemaTypeByName(extension.name, this.schema),
+        }
+
+        const extensionTransform = getExtensionField<AnyConfig['transformPastedHTML']>(
+          extension,
+          'transformPastedHTML',
+          context,
+        )
+
+        if (!extensionTransform) {
+          return transform
+        }
+
+        return (html: string, view?: any) => {
+          // Chain the transforms: pass the result of the previous transform to the next
+          const transformedHtml = transform(html, view)
+          return extensionTransform.call(context, transformedHtml)
+        }
+      },
+      baseTransform || ((html: string) => html),
+    )
+  }
+
+  get markViews(): Record<string, MarkViewConstructor> {
+    const { editor } = this
+    const { markExtensions } = splitExtensions(this.extensions)
+
+    return Object.fromEntries(
+      markExtensions
+        .filter(extension => !!getExtensionField(extension, 'addMarkView'))
+        .map(extension => {
+          const extensionAttributes = this.attributes.filter(
+            attribute => attribute.type === extension.name,
+          )
+          const context = {
+            name: extension.name,
+            options: extension.options,
+            storage: this.editor.extensionStorage[extension.name as keyof Storage],
+            editor,
+            type: getMarkType(extension.name, this.schema),
+          }
+          const addMarkView = getExtensionField<MarkConfig['addMarkView']>(
+            extension,
+            'addMarkView',
+            context,
+          )
+
+          if (!addMarkView) {
+            return []
+          }
+
+          const markView: MarkViewConstructor = (mark, view, inline) => {
+            const HTMLAttributes = getRenderedAttributes(mark, extensionAttributes)
+
+            return addMarkView()({
+              // pass-through
+              mark,
+              view,
+              inline,
+              // tiptap-specific
+              editor,
+              extension,
+              HTMLAttributes,
+              updateAttributes: (attrs: Record<string, any>) => {
+                updateMarkViewAttributes(mark, editor, attrs)
+              },
+            })
+          }
+
+          return [extension.name, markView]
+        }),
+    )
+  }
+
+  /**
+   * Destroy the extension manager and clean up all extension references
+   * to prevent memory leaks through parent/child extension chains.
+   *
+   * Walks each extension's full parent chain and nulls every forward
+   * `parent.child → current` link where the parent still points to the
+   * current node. This breaks the retention path from module-scope
+   * singleton roots through deep extend() chains.
+   *
+   * Only ancestor `.child` links matching the current chain are cleared.
+   * The `.parent` pointer on ancestors is never touched — extensions
+   * may be shared across live editors, so their own backward references
+   * and non-matching forward links must remain intact.
+   */
+  destroy() {
+    this.decorationManager?.destroy()
+
+    this.extensions.forEach(extension => {
+      let current: any = extension
+
+      while (current.parent) {
+        const parent = current.parent
+
+        if (parent.child === current) {
+          parent.child = null
+        }
+
+        current = parent
+      }
+    })
+
+    this.extensions = []
+    this.baseExtensions = []
+    this.decorationManager = null
+    this.schema = null as any
+    this.editor = null as any
+  }
+
+  /**
+   * Go through all extensions, create extension storages & setup marks
+   * & bind editor event listener.
+   */
+  private setupExtensions() {
+    const extensions = this.extensions
+    // re-initialize the extension storage object instance
+    this.editor.extensionStorage = Object.fromEntries(
+      extensions.map(extension => [extension.name, extension.storage]),
+    ) as unknown as Storage
+
+    extensions.forEach(extension => {
+      const context = {
+        name: extension.name,
+        options: extension.options,
+        storage: this.editor.extensionStorage[extension.name as keyof Storage],
+        editor: this.editor,
+        type: getSchemaTypeByName(extension.name, this.schema),
+      }
+
+      if (extension.type === 'mark') {
+        const keepOnSplit =
+          callOrReturn(getExtensionField(extension, 'keepOnSplit', context)) ?? true
+
+        if (keepOnSplit) {
+          this.splittableMarks.push(extension.name)
+        }
+
+        const clearable =
+          callOrReturn(
+            getExtensionField<MarkConfig['clearable']>(extension, 'clearable', context),
+          ) ?? true
+
+        if (!clearable) {
+          this.nonClearableMarks.push(extension.name)
+        }
+      }
+
+      const onBeforeCreate = getExtensionField<AnyConfig['onBeforeCreate']>(
+        extension,
+        'onBeforeCreate',
+        context,
+      )
+      const onCreate = getExtensionField<AnyConfig['onCreate']>(extension, 'onCreate', context)
+      const onUpdate = getExtensionField<AnyConfig['onUpdate']>(extension, 'onUpdate', context)
+      const onSelectionUpdate = getExtensionField<AnyConfig['onSelectionUpdate']>(
+        extension,
+        'onSelectionUpdate',
+        context,
+      )
+      const onTransaction = getExtensionField<AnyConfig['onTransaction']>(
+        extension,
+        'onTransaction',
+        context,
+      )
+      const onFocus = getExtensionField<AnyConfig['onFocus']>(extension, 'onFocus', context)
+      const onBlur = getExtensionField<AnyConfig['onBlur']>(extension, 'onBlur', context)
+      const onDestroy = getExtensionField<AnyConfig['onDestroy']>(extension, 'onDestroy', context)
+
+      if (onBeforeCreate) {
+        this.editor.on('beforeCreate', onBeforeCreate)
+      }
+
+      if (onCreate) {
+        this.editor.on('create', onCreate)
+      }
+
+      if (onUpdate) {
+        this.editor.on('update', onUpdate)
+      }
+
+      if (onSelectionUpdate) {
+        this.editor.on('selectionUpdate', onSelectionUpdate)
+      }
+
+      if (onTransaction) {
+        this.editor.on('transaction', onTransaction)
+      }
+
+      if (onFocus) {
+        this.editor.on('focus', onFocus)
+      }
+
+      if (onBlur) {
+        this.editor.on('blur', onBlur)
+      }
+
+      if (onDestroy) {
+        this.editor.on('destroy', onDestroy)
+      }
+    })
+  }
+}
diff --git a/packages/core/src/InputRule.test.ts b/packages/core/src/InputRule.test.ts
new file mode 100644
index 0000000..d698b94
--- /dev/null
+++ b/packages/core/src/InputRule.test.ts
@@ -0,0 +1,113 @@
+import Code from '@tiptap/extension-code'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from './Editor.js'
+import { Node } from './Node.js'
+
+// minimal stand-in for a mention-like node. inline atoms expand to %leaf% (6 chars)
+// in getTextContentFromNodes but only take up 1 position in the doc,
+// which used to break the input rule range math
+const InlineAtom = Node.create({
+  name: 'inlineAtom',
+  group: 'inline',
+  inline: true,
+  atom: true,
+  parseHTML: () => [{ tag: 'span[data-atom]' }],
+  renderHTML: () => ['span', { 'data-atom': '' }],
+})
+
+// same as above, but with a custom text representation instead of the %leaf% fallback
+const InlineAtomWithText = Node.create({
+  name: 'inlineAtomWithText',
+  group: 'inline',
+  inline: true,
+  atom: true,
+  parseHTML: () => [{ tag: 'span[data-atom-text]' }],
+  renderHTML: () => ['span', { 'data-atom-text': '' }],
+  renderText: () => '@mention',
+})
+
+const createEditor = (content: string) =>
+  new Editor({
+    extensions: [Document, Paragraph, Text, InlineAtom, InlineAtomWithText, Code],
+    content,
+  })
+
+const typeAtEndOfParagraph = (editor: Editor, char: string) => {
+  const pos = editor.state.doc.content.size - 1
+
+  editor.commands.setTextSelection(pos)
+
+  return editor.view.someProp('handleTextInput', f => f(editor.view, pos, pos, char))
+}
+
+describe('input rules with inline atom nodes', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('does not crash when the match spans an inline atom (#7933)', () => {
+    editor = createEditor('<p>`a<span data-atom></span></p>')
+
+    expect(() => typeAtEndOfParagraph(editor, '`')).not.toThrow()
+  })
+
+  it('does not apply the rule when the match spans an inline atom', () => {
+    editor = createEditor('<p>`a<span data-atom></span></p>')
+
+    const handled = typeAtEndOfParagraph(editor, '`')
+
+    // someProp returns undefined when the handler declines the input
+    expect(handled).toBeFalsy()
+    expect(editor.getHTML()).not.toContain('<code>')
+  })
+
+  it('does not crash with multiple atoms inside the match', () => {
+    editor = createEditor(
+      '<p>`a<span data-atom></span><span data-atom></span><span data-atom></span></p>',
+    )
+
+    expect(() => typeAtEndOfParagraph(editor, '`')).not.toThrow()
+  })
+
+  it('does not corrupt preceding text when the match spans an atom (#7833)', () => {
+    // with enough text before the backtick the miscalculated range stays positive,
+    // so instead of crashing it used to silently mark/replace the wrong content
+    editor = createEditor('<p>hello world `a<span data-atom></span></p>')
+
+    expect(() => typeAtEndOfParagraph(editor, '`')).not.toThrow()
+    expect(editor.getHTML()).toBe('<p>hello world `a<span data-atom=""></span></p>')
+  })
+
+  it('does not apply the rule when the match spans an atom with a custom text representation', () => {
+    editor = createEditor('<p>hello `a<span data-atom-text></span></p>')
+
+    const handled = typeAtEndOfParagraph(editor, '`')
+
+    expect(handled).toBeFalsy()
+    expect(editor.getHTML()).toBe('<p>hello `a<span data-atom-text=""></span></p>')
+  })
+
+  it('still applies input rules to plain text', () => {
+    editor = createEditor('<p>some `code</p>')
+
+    const handled = typeAtEndOfParagraph(editor, '`')
+
+    expect(handled).toBe(true)
+    expect(editor.getHTML()).toContain('<code>code</code>')
+  })
+
+  it('still applies input rules when an atom precedes the match', () => {
+    editor = createEditor('<p><span data-atom></span>x `code</p>')
+
+    const handled = typeAtEndOfParagraph(editor, '`')
+
+    expect(handled).toBe(true)
+    expect(editor.getHTML()).toContain('<code>code</code>')
+  })
+})
diff --git a/packages/core/src/InputRule.ts b/packages/core/src/InputRule.ts
new file mode 100644
index 0000000..c6b127a
--- /dev/null
+++ b/packages/core/src/InputRule.ts
@@ -0,0 +1,317 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Fragment } from '@tiptap/pm/model'
+import type { EditorState, TextSelection } from '@tiptap/pm/state'
+import { Plugin } from '@tiptap/pm/state'
+
+import { CommandManager } from './CommandManager.js'
+import type { Editor } from './Editor.js'
+import { createChainableState } from './helpers/createChainableState.js'
+import { getHTMLFromFragment } from './helpers/getHTMLFromFragment.js'
+import { getTextContentFromNodes } from './helpers/getTextContentFromNodes.js'
+import type {
+  CanCommands,
+  ChainedCommands,
+  ExtendedRegExpMatchArray,
+  Range,
+  SingleCommands,
+} from './types.js'
+import { isRegExp } from './utilities/isRegExp.js'
+
+export type InputRuleMatch = {
+  index: number
+  text: string
+  replaceWith?: string
+  match?: RegExpMatchArray
+  data?: Record<string, any>
+}
+
+export type InputRuleFinder = RegExp | ((text: string) => InputRuleMatch | null)
+
+export class InputRule {
+  find: InputRuleFinder
+
+  handler: (props: {
+    state: EditorState
+    range: Range
+    match: ExtendedRegExpMatchArray
+    commands: SingleCommands
+    chain: () => ChainedCommands
+    can: () => CanCommands
+  }) => void | null
+
+  undoable: boolean
+
+  constructor(config: {
+    find: InputRuleFinder
+    handler: (props: {
+      state: EditorState
+      range: Range
+      match: ExtendedRegExpMatchArray
+      commands: SingleCommands
+      chain: () => ChainedCommands
+      can: () => CanCommands
+    }) => void | null
+    undoable?: boolean
+  }) {
+    this.find = config.find
+    this.handler = config.handler
+    this.undoable = config.undoable ?? true
+  }
+}
+
+const inputRuleMatcherHandler = (
+  text: string,
+  find: InputRuleFinder,
+): ExtendedRegExpMatchArray | null => {
+  if (isRegExp(find)) {
+    return find.exec(text)
+  }
+
+  const inputRuleMatch = find(text)
+
+  if (!inputRuleMatch) {
+    return null
+  }
+
+  const result: ExtendedRegExpMatchArray = [inputRuleMatch.text]
+
+  result.index = inputRuleMatch.index
+  result.input = text
+  result.data = inputRuleMatch.data
+
+  if (inputRuleMatch.replaceWith) {
+    if (!inputRuleMatch.text.includes(inputRuleMatch.replaceWith)) {
+      console.warn(
+        '[tiptap warn]: "inputRuleMatch.replaceWith" must be part of "inputRuleMatch.text".',
+      )
+    }
+
+    result.push(inputRuleMatch.replaceWith)
+  }
+
+  return result
+}
+
+function run(config: {
+  editor: Editor
+  from: number
+  to: number
+  text: string
+  rules: InputRule[]
+  plugin: Plugin
+}): boolean {
+  const { editor, from, to, text, rules, plugin } = config
+  const { view } = editor
+
+  if (view.composing) {
+    return false
+  }
+
+  const $from = view.state.doc.resolve(from)
+
+  if (
+    // check for code node
+    $from.parent.type.spec.code ||
+    // check for code mark
+    !!($from.nodeBefore || $from.nodeAfter)?.marks.find(mark => mark.type.spec.code)
+  ) {
+    return false
+  }
+
+  let matched = false
+
+  const textBefore = getTextContentFromNodes($from) + text
+
+  rules.forEach(rule => {
+    if (matched) {
+      return
+    }
+
+    const match = inputRuleMatcherHandler(textBefore, rule.find)
+
+    if (!match) {
+      return
+    }
+
+    // Leaf nodes have a different length in text and the document.
+    // Skip matches across them to avoid wrong document positions.
+    const matchedDocLength = match[0].length - text.length
+
+    if (matchedDocLength > 0) {
+      const matchStartOffset = $from.parentOffset - matchedDocLength
+
+      if (
+        matchStartOffset < 0 ||
+        $from.parent.textBetween(matchStartOffset, $from.parentOffset) !==
+          match[0].slice(0, matchedDocLength)
+      ) {
+        return
+      }
+    }
+
+    const tr = view.state.tr
+    const state = createChainableState({
+      state: view.state,
+      transaction: tr,
+    })
+    const range = {
+      from: from - (match[0].length - text.length),
+      to,
+    }
+
+    const { commands, chain, can } = new CommandManager({
+      editor,
+      state,
+    })
+
+    const handler = rule.handler({
+      state,
+      range,
+      match,
+      commands,
+      chain,
+      can,
+    })
+
+    // stop if there are no changes
+    if (handler === null || !tr.steps.length) {
+      return
+    }
+
+    // store transform as meta data
+    // so we can undo input rules within the `undoInputRules` command
+    if (rule.undoable) {
+      tr.setMeta(plugin, {
+        transform: tr,
+        from,
+        to,
+        text,
+      })
+    }
+
+    view.dispatch(tr)
+    matched = true
+  })
+
+  return matched
+}
+
+/**
+ * Create an input rules plugin. When enabled, it will cause text
+ * input that matches any of the given rules to trigger the rule’s
+ * action.
+ */
+export function inputRulesPlugin(props: { editor: Editor; rules: InputRule[] }): Plugin {
+  const { editor, rules } = props
+  const plugin = new Plugin({
+    state: {
+      init() {
+        return null
+      },
+      apply(tr, prev, state) {
+        const stored = tr.getMeta(plugin)
+
+        if (stored) {
+          return stored
+        }
+
+        // if InputRule is triggered by insertContent()
+        const simulatedInputMeta = tr.getMeta('applyInputRules') as
+          | undefined
+          | {
+              from: number
+              text: string | PMNode | Fragment
+            }
+        const isSimulatedInput = !!simulatedInputMeta
+
+        if (isSimulatedInput) {
+          setTimeout(() => {
+            let { text } = simulatedInputMeta
+
+            if (typeof text === 'string') {
+              text = text as string
+            } else {
+              text = getHTMLFromFragment(Fragment.from(text), state.schema)
+            }
+
+            const { from } = simulatedInputMeta
+            const to = from + text.length
+
+            run({
+              editor,
+              from,
+              to,
+              text,
+              rules,
+              plugin,
+            })
+          })
+        }
+
+        return tr.selectionSet || tr.docChanged ? null : prev
+      },
+    },
+
+    props: {
+      handleTextInput(view, from, to, text) {
+        return run({
+          editor,
+          from,
+          to,
+          text,
+          rules,
+          plugin,
+        })
+      },
+
+      handleDOMEvents: {
+        compositionend: view => {
+          setTimeout(() => {
+            const { $cursor } = view.state.selection as TextSelection
+
+            if ($cursor) {
+              run({
+                editor,
+                from: $cursor.pos,
+                to: $cursor.pos,
+                text: '',
+                rules,
+                plugin,
+              })
+            }
+          })
+
+          return false
+        },
+      },
+
+      // add support for input rules to trigger on enter
+      // this is useful for example for code blocks
+      handleKeyDown(view, event) {
+        if (event.key !== 'Enter') {
+          return false
+        }
+
+        const { $cursor } = view.state.selection as TextSelection
+
+        if ($cursor) {
+          return run({
+            editor,
+            from: $cursor.pos,
+            to: $cursor.pos,
+            text: '\n',
+            rules,
+            plugin,
+          })
+        }
+
+        return false
+      },
+    },
+
+    // @ts-ignore
+    isInputRules: true,
+  }) as Plugin
+
+  return plugin
+}
diff --git a/packages/core/src/Mark.ts b/packages/core/src/Mark.ts
new file mode 100644
index 0000000..cf4a78f
--- /dev/null
+++ b/packages/core/src/Mark.ts
@@ -0,0 +1,231 @@
+import type { DOMOutputSpec, Mark as ProseMirrorMark, MarkSpec, MarkType } from '@tiptap/pm/model'
+
+import type { Editor } from './Editor.js'
+import type { ExtendableConfig } from './Extendable.js'
+import { Extendable } from './Extendable.js'
+import type { Attributes, MarkViewRenderer, ParentConfig } from './types.js'
+
+export interface MarkConfig<Options = any, Storage = any> extends ExtendableConfig<
+  Options,
+  Storage,
+  MarkConfig<Options, Storage>,
+  MarkType
+> {
+  /**
+   * Mark View
+   */
+  addMarkView?:
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        editor: Editor
+        type: MarkType
+        parent: ParentConfig<MarkConfig<Options, Storage>>['addMarkView']
+      }) => MarkViewRenderer)
+    | null
+
+  /**
+   * Keep mark after split node
+   */
+  keepOnSplit?: boolean | (() => boolean)
+
+  /**
+   * Whether this mark is removed by `unsetAllMarks`.
+   * Set to `false` for semantic marks (comments, suggestions) that should survive "clear formatting".
+   * @default true
+   */
+  clearable?: boolean | (() => boolean)
+
+  /**
+   * Inclusive
+   */
+  inclusive?:
+    | MarkSpec['inclusive']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<MarkConfig<Options, Storage>>['inclusive']
+        editor?: Editor
+      }) => MarkSpec['inclusive'])
+
+  /**
+   * Excludes
+   */
+  excludes?:
+    | MarkSpec['excludes']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<MarkConfig<Options, Storage>>['excludes']
+        editor?: Editor
+      }) => MarkSpec['excludes'])
+
+  /**
+   * Marks this Mark as exitable
+   */
+  exitable?: boolean | (() => boolean)
+
+  /**
+   * Group
+   */
+  group?:
+    | MarkSpec['group']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<MarkConfig<Options, Storage>>['group']
+        editor?: Editor
+      }) => MarkSpec['group'])
+
+  /**
+   * Spanning
+   */
+  spanning?:
+    | MarkSpec['spanning']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<MarkConfig<Options, Storage>>['spanning']
+        editor?: Editor
+      }) => MarkSpec['spanning'])
+
+  /**
+   * Code
+   */
+  code?:
+    | boolean
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<MarkConfig<Options, Storage>>['code']
+        editor?: Editor
+      }) => boolean)
+
+  /**
+   * Parse HTML
+   */
+  parseHTML?: (this: {
+    name: string
+    options: Options
+    storage: Storage
+    parent: ParentConfig<MarkConfig<Options, Storage>>['parseHTML']
+    editor?: Editor
+  }) => MarkSpec['parseDOM']
+
+  /**
+   * Render HTML
+   */
+  renderHTML?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          parent: ParentConfig<MarkConfig<Options, Storage>>['renderHTML']
+          editor?: Editor
+        },
+        props: {
+          mark: ProseMirrorMark
+          HTMLAttributes: Record<string, any>
+        },
+      ) => DOMOutputSpec)
+    | null
+
+  /**
+   * Attributes
+   */
+  addAttributes?: (this: {
+    name: string
+    options: Options
+    storage: Storage
+    parent: ParentConfig<MarkConfig<Options, Storage>>['addAttributes']
+    editor?: Editor
+    // oxlint-disable-next-lineno-empty-object-type
+  }) => Attributes | {}
+}
+
+/**
+ * The Mark class is used to create custom mark extensions.
+ * @see https://tiptap.dev/api/extensions#create-a-new-extension
+ */
+export class Mark<Options = any, Storage = any> extends Extendable<
+  Options,
+  Storage,
+  MarkConfig<Options, Storage>
+> {
+  type = 'mark'
+
+  /**
+   * Create a new Mark instance
+   * @param config - Mark configuration object or a function that returns a configuration object
+   */
+  static create<O = any, S = any>(
+    config: Partial<MarkConfig<O, S>> | (() => Partial<MarkConfig<O, S>>) = {},
+  ) {
+    // If the config is a function, execute it to get the configuration object
+    const resolvedConfig = typeof config === 'function' ? config() : config
+    return new Mark<O, S>(resolvedConfig)
+  }
+
+  static handleExit({ editor, mark }: { editor: Editor; mark: Mark }) {
+    const { tr } = editor.state
+    const currentPos = editor.state.selection.$from
+    const isAtEnd = currentPos.pos === currentPos.end()
+
+    if (isAtEnd) {
+      const currentMarks = currentPos.marks()
+      const isInMark = !!currentMarks.find(m => m?.type.name === mark.name)
+
+      if (!isInMark) {
+        return false
+      }
+
+      const removeMark = currentMarks.find(m => m?.type.name === mark.name)
+
+      if (removeMark) {
+        tr.removeStoredMark(removeMark)
+      }
+      tr.insertText(' ', currentPos.pos)
+
+      editor.view.dispatch(tr)
+
+      return true
+    }
+
+    return false
+  }
+
+  configure(options?: Partial<Options>) {
+    return super.configure(options) as Mark<Options, Storage>
+  }
+
+  extend<
+    ExtendedOptions = Options,
+    ExtendedStorage = Storage,
+    ExtendedConfig extends MarkConfig<ExtendedOptions, ExtendedStorage> = MarkConfig<
+      ExtendedOptions,
+      ExtendedStorage
+    >,
+  >(
+    extendedConfig?:
+      | (() => Partial<ExtendedConfig>)
+      | (Partial<ExtendedConfig> &
+          ThisType<{
+            name: string
+            options: ExtendedOptions
+            storage: ExtendedStorage
+            editor: Editor
+            type: MarkType
+          }>),
+  ): Mark<ExtendedOptions, ExtendedStorage> {
+    // If the extended config is a function, execute it to get the configuration object
+    const resolvedConfig = typeof extendedConfig === 'function' ? extendedConfig() : extendedConfig
+    return super.extend(resolvedConfig) as Mark<ExtendedOptions, ExtendedStorage>
+  }
+}
diff --git a/packages/core/src/MarkView.test.ts b/packages/core/src/MarkView.test.ts
new file mode 100644
index 0000000..f452ebf
--- /dev/null
+++ b/packages/core/src/MarkView.test.ts
@@ -0,0 +1,53 @@
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { createViewMutationTestContext } from '../tests/utils/createViewMutationTestContext.js'
+import { MarkView } from './MarkView.js'
+import type { MarkViewProps } from './types.js'
+
+function createMarkView() {
+  const context = createViewMutationTestContext()
+  const { wrapper, contentDOM } = context
+
+  class TestMarkView extends MarkView<null> {
+    get dom() {
+      return wrapper
+    }
+
+    get contentDOM() {
+      return contentDOM
+    }
+  }
+
+  const markView = new TestMarkView(null, {
+    editor: { isFocused: true },
+    mark: {},
+    HTMLAttributes: {},
+  } as unknown as MarkViewProps)
+
+  return { markView, ...context }
+}
+
+describe('MarkView ignoreMutation on iOS', () => {
+  afterEach(() => {
+    document.body.replaceChildren()
+    vi.unstubAllGlobals()
+  })
+
+  it('ignores framework chrome mounted inside dom outside contentDOM', () => {
+    const { markView, chrome, createEditableChild, childListMutation } = createMarkView()
+    const mounted = createEditableChild()
+
+    chrome.append(mounted)
+
+    expect(markView.ignoreMutation(childListMutation(chrome, [mounted]))).toBe(true)
+  })
+
+  it('lets ProseMirror handle childList mutations inside contentDOM', () => {
+    const { markView, contentDOM, createEditableChild, childListMutation } = createMarkView()
+    const edited = createEditableChild()
+
+    contentDOM.append(edited)
+
+    expect(markView.ignoreMutation(childListMutation(contentDOM, [edited]))).toBe(false)
+  })
+})
diff --git a/packages/core/src/MarkView.ts b/packages/core/src/MarkView.ts
new file mode 100644
index 0000000..de7d175
--- /dev/null
+++ b/packages/core/src/MarkView.ts
@@ -0,0 +1,132 @@
+import type { Mark } from '@tiptap/pm/model'
+import type { ViewMutationRecord } from '@tiptap/pm/view'
+
+import type { Editor } from './Editor.js'
+import type { MarkViewProps, MarkViewRendererOptions } from './types.js'
+import { isAndroid, isiOS } from './utilities/index.js'
+
+export function updateMarkViewAttributes(
+  checkMark: Mark,
+  editor: Editor,
+  attrs: Record<string, any> = {},
+): void {
+  const { state } = editor
+  const { doc, tr } = state
+  const thisMark = checkMark
+
+  doc.descendants((node, pos) => {
+    const from = tr.mapping.map(pos)
+    const to = tr.mapping.map(pos) + node.nodeSize
+    let foundMark: Mark | null = null
+
+    // find the mark on the current node
+    node.marks.forEach(mark => {
+      if (mark !== thisMark) {
+        return false
+      }
+
+      foundMark = mark
+    })
+
+    if (!foundMark) {
+      return
+    }
+
+    // check if we need to update given the attributes
+    let needsUpdate = false
+    Object.keys(attrs).forEach(k => {
+      if (attrs[k] !== foundMark!.attrs[k]) {
+        needsUpdate = true
+      }
+    })
+
+    if (needsUpdate) {
+      const updatedMark = checkMark.type.create({
+        ...checkMark.attrs,
+        ...attrs,
+      })
+
+      tr.removeMark(from, to, checkMark.type)
+      tr.addMark(from, to, updatedMark)
+    }
+  })
+
+  if (tr.docChanged) {
+    editor.view.dispatch(tr)
+  }
+}
+
+export class MarkView<
+  Component,
+  Options extends MarkViewRendererOptions = MarkViewRendererOptions,
+> {
+  component: Component
+  editor: Editor
+  options: Options
+  mark: MarkViewProps['mark']
+  HTMLAttributes: MarkViewProps['HTMLAttributes']
+
+  constructor(component: Component, props: MarkViewProps, options?: Partial<Options>) {
+    this.component = component
+    this.editor = props.editor
+    this.options = { ...options } as Options
+    this.mark = props.mark
+    this.HTMLAttributes = props.HTMLAttributes
+  }
+
+  get dom(): HTMLElement {
+    return this.editor.view.dom
+  }
+
+  get contentDOM(): HTMLElement | null {
+    return null
+  }
+
+  /**
+   * Update the attributes of the mark in the document.
+   * @param attrs The attributes to update.
+   */
+  updateAttributes(attrs: Record<string, any>, checkMark?: Mark): void {
+    updateMarkViewAttributes(checkMark || this.mark, this.editor, attrs)
+  }
+
+  ignoreMutation(mutation: ViewMutationRecord): boolean {
+    if (!this.dom || !this.contentDOM) {
+      return true
+    }
+
+    if (typeof this.options.ignoreMutation === 'function') {
+      return this.options.ignoreMutation({ mutation })
+    }
+
+    if (mutation.type === 'selection') {
+      return false
+    }
+
+    if (
+      this.contentDOM.contains(mutation.target) &&
+      mutation.type === 'childList' &&
+      (isiOS() || isAndroid()) &&
+      this.editor.isFocused
+    ) {
+      const changedNodes = [
+        ...Array.from(mutation.addedNodes),
+        ...Array.from(mutation.removedNodes),
+      ] as HTMLElement[]
+
+      if (changedNodes.every(node => node.isContentEditable)) {
+        return false
+      }
+    }
+
+    if (this.contentDOM === mutation.target && mutation.type === 'attributes') {
+      return true
+    }
+
+    if (this.contentDOM.contains(mutation.target)) {
+      return false
+    }
+
+    return true
+  }
+}
diff --git a/packages/core/src/Node.ts b/packages/core/src/Node.ts
new file mode 100644
index 0000000..2dbb772
--- /dev/null
+++ b/packages/core/src/Node.ts
@@ -0,0 +1,390 @@
+import type { DOMOutputSpec, Node as PMNode, NodeSpec, NodeType } from '@tiptap/pm/model'
+
+import type { Editor } from './Editor.js'
+import type { ExtendableConfig } from './Extendable.js'
+import { Extendable } from './Extendable.js'
+import type { Attributes, NodeViewRenderer, ParentConfig } from './types.js'
+
+export interface NodeConfig<Options = any, Storage = any> extends ExtendableConfig<
+  Options,
+  Storage,
+  NodeConfig<Options, Storage>,
+  NodeType
+> {
+  /**
+   * Node View
+   */
+  addNodeView?:
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        editor: Editor
+        type: NodeType
+        parent: ParentConfig<NodeConfig<Options, Storage>>['addNodeView']
+      }) => NodeViewRenderer | null)
+    | null
+
+  /**
+   * Defines if this node should be a top level node (doc)
+   * @default false
+   * @example true
+   */
+  topNode?: boolean
+
+  /**
+   * The content expression for this node, as described in the [schema
+   * guide](/docs/guide/#schema.content_expressions). When not given,
+   * the node does not allow any content.
+   *
+   * You can read more about it on the Prosemirror documentation here
+   * @see https://prosemirror.net/docs/guide/#schema.content_expressions
+   * @default undefined
+   * @example content: 'block+'
+   * @example content: 'headline paragraph block*'
+   */
+  content?:
+    | NodeSpec['content']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<NodeConfig<Options, Storage>>['content']
+        editor?: Editor
+      }) => NodeSpec['content'])
+
+  /**
+   * The marks that are allowed inside of this node. May be a
+   * space-separated string referring to mark names or groups, `"_"`
+   * to explicitly allow all marks, or `""` to disallow marks. When
+   * not given, nodes with inline content default to allowing all
+   * marks, other nodes default to not allowing marks.
+   *
+   * @example marks: 'strong em'
+   */
+  marks?:
+    | NodeSpec['marks']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<NodeConfig<Options, Storage>>['marks']
+        editor?: Editor
+      }) => NodeSpec['marks'])
+
+  /**
+   * The group or space-separated groups to which this node belongs,
+   * which can be referred to in the content expressions for the
+   * schema.
+   *
+   * By default Tiptap uses the groups 'block' and 'inline' for nodes. You
+   * can also use custom groups if you want to group specific nodes together
+   * and handle them in your schema.
+   * @example group: 'block'
+   * @example group: 'inline'
+   * @example group: 'customBlock' // this uses a custom group
+   */
+  group?:
+    | NodeSpec['group']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<NodeConfig<Options, Storage>>['group']
+        editor?: Editor
+      }) => NodeSpec['group'])
+
+  /**
+   * Should be set to true for inline nodes. (Implied for text nodes.)
+   */
+  inline?:
+    | NodeSpec['inline']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<NodeConfig<Options, Storage>>['inline']
+        editor?: Editor
+      }) => NodeSpec['inline'])
+
+  /**
+   * Can be set to true to indicate that, though this isn't a [leaf
+   * node](https://prosemirror.net/docs/ref/#model.NodeType.isLeaf), it doesn't have directly editable
+   * content and should be treated as a single unit in the view.
+   *
+   * @example atom: true
+   */
+  atom?:
+    | NodeSpec['atom']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<NodeConfig<Options, Storage>>['atom']
+        editor?: Editor
+      }) => NodeSpec['atom'])
+
+  /**
+   * Controls whether nodes of this type can be selected as a [node
+   * selection](https://prosemirror.net/docs/ref/#state.NodeSelection). Defaults to true for non-text
+   * nodes.
+   *
+   * @default true
+   * @example selectable: false
+   */
+  selectable?:
+    | NodeSpec['selectable']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<NodeConfig<Options, Storage>>['selectable']
+        editor?: Editor
+      }) => NodeSpec['selectable'])
+
+  /**
+   * Determines whether nodes of this type can be dragged without
+   * being selected. Defaults to false.
+   *
+   * @default: false
+   * @example: draggable: true
+   */
+  draggable?:
+    | NodeSpec['draggable']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<NodeConfig<Options, Storage>>['draggable']
+        editor?: Editor
+      }) => NodeSpec['draggable'])
+
+  /**
+   * Can be used to indicate that this node contains code, which
+   * causes some commands to behave differently.
+   */
+  code?:
+    | NodeSpec['code']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<NodeConfig<Options, Storage>>['code']
+        editor?: Editor
+      }) => NodeSpec['code'])
+
+  /**
+   * Controls way whitespace in this a node is parsed. The default is
+   * `"normal"`, which causes the [DOM parser](https://prosemirror.net/docs/ref/#model.DOMParser) to
+   * collapse whitespace in normal mode, and normalize it (replacing
+   * newlines and such with spaces) otherwise. `"pre"` causes the
+   * parser to preserve spaces inside the node. When this option isn't
+   * given, but [`code`](https://prosemirror.net/docs/ref/#model.NodeSpec.code) is true, `whitespace`
+   * will default to `"pre"`. Note that this option doesn't influence
+   * the way the node is rendered—that should be handled by `toDOM`
+   * and/or styling.
+   */
+  whitespace?:
+    | NodeSpec['whitespace']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<NodeConfig<Options, Storage>>['whitespace']
+        editor?: Editor
+      }) => NodeSpec['whitespace'])
+
+  /**
+   * Allows a **single** node to be set as linebreak equivalent (e.g. hardBreak).
+   * When converting between block types that have whitespace set to "pre"
+   * and don't support the linebreak node (e.g. codeBlock) and other block types
+   * that do support the linebreak node (e.g. paragraphs) - this node will be used
+   * as the linebreak instead of stripping the newline.
+   *
+   * See [linebreakReplacement](https://prosemirror.net/docs/ref/#model.NodeSpec.linebreakReplacement).
+   */
+  linebreakReplacement?:
+    | NodeSpec['linebreakReplacement']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<NodeConfig<Options, Storage>>['linebreakReplacement']
+        editor?: Editor
+      }) => NodeSpec['linebreakReplacement'])
+
+  /**
+   * When enabled, enables both
+   * [`definingAsContext`](https://prosemirror.net/docs/ref/#model.NodeSpec.definingAsContext) and
+   * [`definingForContent`](https://prosemirror.net/docs/ref/#model.NodeSpec.definingForContent).
+   *
+   * @default false
+   * @example isolating: true
+   */
+  defining?:
+    | NodeSpec['defining']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<NodeConfig<Options, Storage>>['defining']
+        editor?: Editor
+      }) => NodeSpec['defining'])
+
+  /**
+   * When enabled (default is false), the sides of nodes of this type
+   * count as boundaries that regular editing operations, like
+   * backspacing or lifting, won't cross. An example of a node that
+   * should probably have this enabled is a table cell.
+   */
+  isolating?:
+    | NodeSpec['isolating']
+    | ((this: {
+        name: string
+        options: Options
+        storage: Storage
+        parent: ParentConfig<NodeConfig<Options, Storage>>['isolating']
+        editor?: Editor
+      }) => NodeSpec['isolating'])
+
+  /**
+   * Associates DOM parser information with this node, which can be
+   * used by [`DOMParser.fromSchema`](https://prosemirror.net/docs/ref/#model.DOMParser^fromSchema) to
+   * automatically derive a parser. The `node` field in the rules is
+   * implied (the name of this node will be filled in automatically).
+   * If you supply your own parser, you do not need to also specify
+   * parsing rules in your schema.
+   *
+   * @example parseHTML: [{ tag: 'div', attrs: { 'data-id': 'my-block' } }]
+   */
+  parseHTML?: (this: {
+    name: string
+    options: Options
+    storage: Storage
+    parent: ParentConfig<NodeConfig<Options, Storage>>['parseHTML']
+    editor?: Editor
+  }) => NodeSpec['parseDOM']
+
+  /**
+   * A description of a DOM structure. Can be either a string, which is
+   * interpreted as a text node, a DOM node, which is interpreted as
+   * itself, a `{dom, contentDOM}` object, or an array.
+   *
+   * An array describes a DOM element. The first value in the array
+   * should be a string—the name of the DOM element, optionally prefixed
+   * by a namespace URL and a space. If the second element is plain
+   * object, it is interpreted as a set of attributes for the element.
+   * Any elements after that (including the 2nd if it's not an attribute
+   * object) are interpreted as children of the DOM elements, and must
+   * either be valid `DOMOutputSpec` values, or the number zero.
+   *
+   * The number zero (pronounced “hole”) is used to indicate the place
+   * where a node's child nodes should be inserted. If it occurs in an
+   * output spec, it should be the only child element in its parent
+   * node.
+   *
+   * @example toDOM: ['div[data-id="my-block"]', { class: 'my-block' }, 0]
+   */
+  renderHTML?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          parent: ParentConfig<NodeConfig<Options, Storage>>['renderHTML']
+          editor?: Editor
+        },
+        props: {
+          node: PMNode
+          HTMLAttributes: Record<string, any>
+        },
+      ) => DOMOutputSpec)
+    | null
+
+  /**
+   * renders the node as text
+   * @example renderText: () => 'foo
+   */
+  renderText?:
+    | ((
+        this: {
+          name: string
+          options: Options
+          storage: Storage
+          parent: ParentConfig<NodeConfig<Options, Storage>>['renderText']
+          editor?: Editor
+        },
+        props: {
+          node: PMNode
+          pos: number
+          parent: PMNode
+          index: number
+        },
+      ) => string)
+    | null
+
+  /**
+   * Add attributes to the node
+   * @example addAttributes: () => ({ class: 'foo' })
+   */
+  addAttributes?: (this: {
+    name: string
+    options: Options
+    storage: Storage
+    parent: ParentConfig<NodeConfig<Options, Storage>>['addAttributes']
+    editor?: Editor
+    // oxlint-disable-next-lineno-empty-object-type
+  }) => Attributes | {}
+}
+
+/**
+ * The Node class is used to create custom node extensions.
+ * @see https://tiptap.dev/api/extensions#create-a-new-extension
+ */
+export class Node<Options = any, Storage = any> extends Extendable<
+  Options,
+  Storage,
+  NodeConfig<Options, Storage>
+> {
+  type = 'node'
+
+  /**
+   * Create a new Node instance
+   * @param config - Node configuration object or a function that returns a configuration object
+   */
+  static create<O = any, S = any>(
+    config: Partial<NodeConfig<O, S>> | (() => Partial<NodeConfig<O, S>>) = {},
+  ) {
+    // If the config is a function, execute it to get the configuration object
+    const resolvedConfig = typeof config === 'function' ? config() : config
+    return new Node<O, S>(resolvedConfig)
+  }
+
+  configure(options?: Partial<Options>) {
+    return super.configure(options) as Node<Options, Storage>
+  }
+
+  extend<
+    ExtendedOptions = Options,
+    ExtendedStorage = Storage,
+    ExtendedConfig extends NodeConfig<ExtendedOptions, ExtendedStorage> = NodeConfig<
+      ExtendedOptions,
+      ExtendedStorage
+    >,
+  >(
+    extendedConfig?:
+      | (() => Partial<ExtendedConfig>)
+      | (Partial<ExtendedConfig> &
+          ThisType<{
+            name: string
+            options: ExtendedOptions
+            storage: ExtendedStorage
+            editor: Editor
+            type: NodeType
+          }>),
+  ): Node<ExtendedOptions, ExtendedStorage> {
+    // If the extended config is a function, execute it to get the configuration object
+    const resolvedConfig = typeof extendedConfig === 'function' ? extendedConfig() : extendedConfig
+    return super.extend(resolvedConfig) as Node<ExtendedOptions, ExtendedStorage>
+  }
+}
diff --git a/packages/core/src/NodePos.test.ts b/packages/core/src/NodePos.test.ts
new file mode 100644
index 0000000..85831bc
--- /dev/null
+++ b/packages/core/src/NodePos.test.ts
@@ -0,0 +1,722 @@
+import Blockquote from '@tiptap/extension-blockquote'
+import BulletList from '@tiptap/extension-bullet-list'
+import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
+import HorizontalRule from '@tiptap/extension-horizontal-rule'
+import { ListItem } from '@tiptap/extension-list'
+import OrderedList from '@tiptap/extension-ordered-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import { Table, TableCell, TableHeader, TableRow } from '@tiptap/extension-table'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from './Editor.js'
+import { Node } from './Node.js'
+
+// Simple inline node for testing (similar to mention)
+const CustomInlineNode = Node.create({
+  name: 'customInline',
+  group: 'inline',
+  inline: true,
+  atom: true,
+
+  addAttributes() {
+    return {
+      id: {
+        default: null,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'span[data-type="custom-inline"]',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['span', { 'data-type': 'custom-inline', ...HTMLAttributes }, 0]
+  },
+})
+
+const CustomBlockAtomNode = Node.create({
+  name: 'customBlockAtom',
+  group: 'block',
+  atom: true,
+
+  addAttributes() {
+    return {
+      id: {
+        default: null,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="custom-block-atom"]',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['div', { 'data-type': 'custom-block-atom', ...HTMLAttributes }]
+  },
+})
+
+describe('NodePos', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  describe('$nodes', () => {
+    it('should return text nodes', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>Hello World</p>',
+      })
+
+      const textNodes = editor.$nodes('text')
+
+      expect(textNodes).not.toBeNull()
+      expect(textNodes!.length).toBe(1)
+      expect(textNodes![0].textContent).toBe('Hello World')
+    })
+
+    it('should return multiple text nodes across paragraphs', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>First</p><p>Second</p><p>Third</p>',
+      })
+
+      const textNodes = editor.$nodes('text')
+
+      expect(textNodes).not.toBeNull()
+      expect(textNodes!.length).toBe(3)
+      expect(textNodes![0].textContent).toBe('First')
+      expect(textNodes![1].textContent).toBe('Second')
+      expect(textNodes![2].textContent).toBe('Third')
+    })
+
+    it('should return inline atom nodes', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content: '<p>Hello <span data-type="custom-inline" id="1"></span> World</p>',
+      })
+
+      const inlineNodes = editor.$nodes('customInline')
+
+      expect(inlineNodes).not.toBeNull()
+      expect(inlineNodes!.length).toBe(1)
+      expect(inlineNodes![0].node.type.name).toBe('customInline')
+    })
+
+    it('should return multiple inline nodes', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content:
+          '<p>Hello <span data-type="custom-inline" id="1"></span> and <span data-type="custom-inline" id="2"></span> World</p>',
+      })
+
+      const inlineNodes = editor.$nodes('customInline')
+
+      expect(inlineNodes).not.toBeNull()
+      expect(inlineNodes!.length).toBe(2)
+    })
+
+    it('should return inline nodes with attribute filtering', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content:
+          '<p>Hello <span data-type="custom-inline" id="1"></span> and <span data-type="custom-inline" id="2"></span> World</p>',
+      })
+
+      // Note: HTML attribute parsing converts numeric strings to numbers
+      const inlineNodes = editor.$nodes('customInline', { id: 1 })
+
+      expect(inlineNodes).not.toBeNull()
+      expect(inlineNodes!.length).toBe(1)
+      expect(inlineNodes![0].node.attrs.id).toBe(1)
+    })
+
+    it('should return paragraph nodes', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>First</p><p>Second</p>',
+      })
+
+      const paragraphNodes = editor.$nodes('paragraph')
+
+      expect(paragraphNodes).not.toBeNull()
+      expect(paragraphNodes!.length).toBe(2)
+    })
+
+    it('should return inline nodes nested in multiple paragraphs', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content:
+          '<p>Para 1 <span data-type="custom-inline" id="1"></span></p><p>Para 2 <span data-type="custom-inline" id="2"></span></p>',
+      })
+
+      const inlineNodes = editor.$nodes('customInline')
+
+      expect(inlineNodes).not.toBeNull()
+      expect(inlineNodes!.length).toBe(2)
+      // Note: HTML attribute parsing converts numeric strings to numbers
+      expect(inlineNodes![0].node.attrs.id).toBe(1)
+      expect(inlineNodes![1].node.attrs.id).toBe(2)
+    })
+
+    it('should find paragraphs inside blockquotes', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, Blockquote],
+        content: '<blockquote><p>Quoted text</p></blockquote>',
+      })
+
+      const paragraphs = editor.$nodes('paragraph')
+
+      expect(paragraphs).not.toBeNull()
+      expect(paragraphs!.length).toBe(1)
+      expect(paragraphs![0].textContent).toBe('Quoted text')
+    })
+
+    it('should find blockquote nodes', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, Blockquote],
+        content:
+          '<blockquote><p>First quote</p></blockquote><p>Normal</p><blockquote><p>Second quote</p></blockquote>',
+      })
+
+      const blockquotes = editor.$nodes('blockquote')
+
+      expect(blockquotes).not.toBeNull()
+      expect(blockquotes!.length).toBe(2)
+    })
+
+    it('should find text nodes inside nested block structures', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, Blockquote],
+        content: '<blockquote><p>Quoted</p></blockquote><p>Normal</p>',
+      })
+
+      const textNodes = editor.$nodes('text')
+
+      expect(textNodes).not.toBeNull()
+      expect(textNodes!.length).toBe(2)
+      expect(textNodes![0].textContent).toBe('Quoted')
+      expect(textNodes![1].textContent).toBe('Normal')
+    })
+
+    it('should find list items in bullet lists', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, BulletList, ListItem],
+        content: '<ul><li><p>Item 1</p></li><li><p>Item 2</p></li></ul>',
+      })
+
+      const listItems = editor.$nodes('listItem')
+
+      expect(listItems).not.toBeNull()
+      expect(listItems!.length).toBe(2)
+    })
+
+    it('should find text nodes inside list items', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, BulletList, ListItem],
+        content: '<ul><li><p>Item 1</p></li><li><p>Item 2</p></li></ul>',
+      })
+
+      const textNodes = editor.$nodes('text')
+
+      expect(textNodes).not.toBeNull()
+      expect(textNodes!.length).toBe(2)
+      expect(textNodes![0].textContent).toBe('Item 1')
+      expect(textNodes![1].textContent).toBe('Item 2')
+    })
+
+    it('should find inline nodes inside list items', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, BulletList, ListItem, CustomInlineNode],
+        content:
+          '<ul><li><p>Item <span data-type="custom-inline" id="1"></span></p></li><li><p>Item <span data-type="custom-inline" id="2"></span></p></li></ul>',
+      })
+
+      const inlineNodes = editor.$nodes('customInline')
+
+      expect(inlineNodes).not.toBeNull()
+      expect(inlineNodes!.length).toBe(2)
+    })
+
+    it('should handle empty paragraphs', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p></p><p>Content</p><p></p>',
+      })
+
+      const paragraphs = editor.$nodes('paragraph')
+
+      expect(paragraphs).not.toBeNull()
+      expect(paragraphs!.length).toBe(3)
+    })
+
+    it('should return empty array for text nodes when paragraph is empty', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p></p>',
+      })
+
+      const textNodes = editor.$nodes('text')
+
+      expect(textNodes).not.toBeNull()
+      expect(textNodes!.length).toBe(0)
+    })
+
+    it('should find all node types in mixed content', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, Blockquote, CustomInlineNode],
+        content:
+          '<p>Normal <span data-type="custom-inline" id="1"></span></p><blockquote><p>Quoted <span data-type="custom-inline" id="2"></span></p></blockquote>',
+      })
+
+      const paragraphs = editor.$nodes('paragraph')
+      const blockquotes = editor.$nodes('blockquote')
+      const textNodes = editor.$nodes('text')
+      const inlineNodes = editor.$nodes('customInline')
+
+      expect(paragraphs!.length).toBe(2)
+      expect(blockquotes!.length).toBe(1)
+      expect(textNodes!.length).toBe(2)
+      expect(inlineNodes!.length).toBe(2)
+    })
+  })
+
+  describe('$node', () => {
+    it('should find a single text node', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>Hello</p>',
+      })
+
+      const textNode = editor.$node('text')
+
+      expect(textNode).not.toBeNull()
+      expect(textNode!.textContent).toBe('Hello')
+    })
+
+    it('should find a single inline node', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content: '<p><span data-type="custom-inline" id="found"></span></p>',
+      })
+
+      const inlineNode = editor.$node('customInline')
+
+      expect(inlineNode).not.toBeNull()
+      expect(inlineNode!.node.attrs.id).toBe('found')
+    })
+  })
+
+  describe('children', () => {
+    it('should include text nodes as children of paragraph', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>Hello World</p>',
+      })
+
+      const paragraph = editor.$node('paragraph')
+
+      expect(paragraph).not.toBeNull()
+
+      const children = paragraph!.children
+
+      expect(children.length).toBe(1)
+      expect(children[0].node.type.name).toBe('text')
+      expect(children[0].textContent).toBe('Hello World')
+    })
+
+    it('should include inline atom nodes as children of paragraph', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content: '<p>Hello <span data-type="custom-inline" id="test"></span> World</p>',
+      })
+
+      const paragraph = editor.$node('paragraph')
+
+      expect(paragraph).not.toBeNull()
+
+      const children = paragraph!.children
+
+      // Should have: "Hello ", customInline, " World"
+      expect(children.length).toBe(3)
+      expect(children[0].node.type.name).toBe('text')
+      expect(children[0].textContent).toBe('Hello ')
+      expect(children[1].node.type.name).toBe('customInline')
+      expect(children[2].node.type.name).toBe('text')
+      expect(children[2].textContent).toBe(' World')
+    })
+
+    it('should return correct node reference for inline nodes', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content: '<p><span data-type="custom-inline" id="test-id"></span></p>',
+      })
+
+      const inlineNodes = editor.$nodes('customInline')
+
+      expect(inlineNodes).not.toBeNull()
+      expect(inlineNodes!.length).toBe(1)
+      expect(inlineNodes![0].node.attrs.id).toBe('test-id')
+    })
+  })
+
+  describe('querySelector', () => {
+    it('should return first matching node', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content:
+          '<p><span data-type="custom-inline" id="1"></span><span data-type="custom-inline" id="2"></span></p>',
+      })
+
+      const paragraph = editor.$node('paragraph')
+      const firstInline = paragraph!.querySelector('customInline')
+
+      expect(firstInline).not.toBeNull()
+      expect(firstInline!.node.attrs.id).toBe(1)
+    })
+
+    it('should return all matching nodes with querySelectorAll', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content:
+          '<p><span data-type="custom-inline" id="1"></span><span data-type="custom-inline" id="2"></span></p>',
+      })
+
+      const paragraph = editor.$node('paragraph')
+      const allInlines = paragraph!.querySelectorAll('customInline')
+
+      expect(allInlines.length).toBe(2)
+    })
+
+    it('should filter correctly with attributes', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content:
+          '<p><span data-type="custom-inline" id="1"></span><span data-type="custom-inline" id="2"></span></p>',
+      })
+
+      const paragraph = editor.$node('paragraph')
+      const specific = paragraph!.querySelector('customInline', { id: 2 })
+
+      expect(specific).not.toBeNull()
+      expect(specific!.node.attrs.id).toBe(2)
+    })
+  })
+
+  describe('node position properties', () => {
+    it('should return correct from/to positions for inline nodes', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content: '<p>Hi <span data-type="custom-inline" id="1"></span> there</p>',
+      })
+
+      const inlineNode = editor.$node('customInline')
+
+      expect(inlineNode).not.toBeNull()
+      expect(inlineNode!.from).toBeLessThan(inlineNode!.to)
+      expect(inlineNode!.size).toBeGreaterThan(0)
+    })
+
+    it('should return correct from/to positions for text nodes', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>Hello</p>',
+      })
+
+      const textNode = editor.$node('text')
+
+      expect(textNode).not.toBeNull()
+      expect(textNode!.from).toBeLessThan(textNode!.to)
+      expect(textNode!.size).toBe(5) // "Hello" is 5 characters
+    })
+
+    it('should return correct range for nodes', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>Hello</p>',
+      })
+
+      const paragraph = editor.$node('paragraph')
+
+      expect(paragraph).not.toBeNull()
+      expect(paragraph!.range.from).toBe(paragraph!.from)
+      expect(paragraph!.range.to).toBe(paragraph!.to)
+    })
+  })
+
+  describe('firstChild and lastChild', () => {
+    it('should return correct firstChild for paragraph with text', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>Hello World</p>',
+      })
+
+      const paragraph = editor.$node('paragraph')
+      const firstChild = paragraph!.firstChild
+
+      expect(firstChild).not.toBeNull()
+      expect(firstChild!.node.type.name).toBe('text')
+      expect(firstChild!.textContent).toBe('Hello World')
+    })
+
+    it('should return correct lastChild for paragraph with mixed content', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content: '<p>Hello <span data-type="custom-inline" id="1"></span></p>',
+      })
+
+      const paragraph = editor.$node('paragraph')
+      const lastChild = paragraph!.lastChild
+
+      expect(lastChild).not.toBeNull()
+      expect(lastChild!.node.type.name).toBe('customInline')
+    })
+
+    it('should return null for firstChild/lastChild on empty paragraph', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p></p>',
+      })
+
+      const paragraph = editor.$node('paragraph')
+
+      expect(paragraph!.firstChild).toBeNull()
+      expect(paragraph!.lastChild).toBeNull()
+    })
+  })
+
+  describe('parent', () => {
+    it('should return parent for paragraph node', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>Hello</p>',
+      })
+
+      const paragraph = editor.$node('paragraph')
+      const parent = paragraph!.parent
+
+      expect(parent).not.toBeNull()
+      expect(parent!.node.type.name).toBe('doc')
+    })
+
+    it('should return parent for blockquote node', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, Blockquote],
+        content: '<blockquote><p>Quoted</p></blockquote>',
+      })
+
+      const blockquote = editor.$node('blockquote')
+      const parent = blockquote!.parent
+
+      expect(parent).not.toBeNull()
+      expect(parent!.node.type.name).toBe('doc')
+    })
+
+    it('should return parent for nested paragraph in blockquote', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, Blockquote],
+        content: '<blockquote><p>Quoted</p></blockquote>',
+      })
+
+      const paragraph = editor.$node('paragraph')
+      const parent = paragraph!.parent
+
+      expect(parent).not.toBeNull()
+      expect(parent!.node.type.name).toBe('blockquote')
+    })
+  })
+
+  describe('$pos', () => {
+    it('should return the correct node when pointing at a non-text atom node', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomInlineNode],
+        content: '<p><span data-type="custom-inline" id="atom"></span></p>',
+      })
+
+      const inlineNode = editor.$node('customInline')
+
+      expect(inlineNode).not.toBeNull()
+
+      const nodeAtPos = editor.$pos(inlineNode!.pos)
+
+      expect(nodeAtPos.node.type.name).toBe('customInline')
+      expect(nodeAtPos.node.type.name).not.toBe('doc')
+    })
+
+    it('should return doc node when resolving pos 0', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>Hello</p>',
+      })
+
+      const docPos = editor.$pos(0)
+
+      expect(docPos.node.type.name).toBe('doc')
+    })
+
+    it('should return the top-level block atom node for positions before non-text block atoms', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomBlockAtomNode],
+        content: '<p>Before</p><div data-type="custom-block-atom" id="top"></div>',
+      })
+
+      const blockAtom = editor.$node('customBlockAtom')
+
+      expect(blockAtom).not.toBeNull()
+
+      const nodeAtPos = editor.$pos(blockAtom!.pos)
+
+      expect(nodeAtPos.node.type.name).toBe('customBlockAtom')
+      expect(nodeAtPos.node.type.name).not.toBe('doc')
+    })
+
+    it('should return the containing node for positions inside containers, not the child after them', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, OrderedList, ListItem, Blockquote],
+        content: '<ol><li><p>Hello</p></li></ol><blockquote><p>World</p></blockquote>',
+      })
+
+      // pos 1 sits before the list item, pos 12 before the inner paragraph
+      expect(editor.$pos(1).node.type.name).toBe('orderedList')
+      expect(editor.$pos(12).node.type.name).toBe('blockquote')
+    })
+
+    it('should still resolve text positions to the containing node', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>Hello</p>',
+      })
+
+      expect(editor.$pos(3).node.type.name).toBe('paragraph')
+    })
+
+    it('should return the list for the boundary between two list items', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, OrderedList, ListItem],
+        content: '<ol><li><p>a</p></li><li><p>b</p></li></ol>',
+      })
+
+      expect(editor.$pos(6).node.type.name).toBe('orderedList')
+    })
+
+    it('should resolve positions in nested lists to the containing node', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, BulletList, OrderedList, ListItem],
+        content: '<ul><li><p>a</p><ol><li><p>b</p></li></ol></li></ul>',
+      })
+
+      expect(editor.$pos(5).node.type.name).toBe('listItem')
+      expect(editor.$pos(6).node.type.name).toBe('orderedList')
+      expect(editor.$pos(7).node.type.name).toBe('listItem')
+    })
+
+    it('should resolve positions in tables to the containing node', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, Table, TableRow, TableCell, TableHeader],
+        content: '<table><tr><td><p>a</p></td><td><p>b</p></td></tr></table>',
+      })
+
+      expect(editor.$pos(1).node.type.name).toBe('table')
+      expect(editor.$pos(2).node.type.name).toBe('tableRow')
+      expect(editor.$pos(3).node.type.name).toBe('tableCell')
+    })
+
+    it('should return leaf nodes like hard breaks when pointing directly at them', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, HardBreak],
+        content: '<p>Hello<br>World</p>',
+      })
+
+      expect(editor.$pos(6).node.type.name).toBe('hardBreak')
+      expect(editor.$pos(3).node.type.name).toBe('paragraph')
+    })
+
+    it('should return leaf nodes like horizontal rules when pointing directly at them', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, HorizontalRule],
+        content: '<p>a</p><hr><p>b</p>',
+      })
+
+      expect(editor.$pos(3).node.type.name).toBe('horizontalRule')
+      expect(editor.$pos(4).node.type.name).toBe('doc')
+    })
+
+    it('should return the doc for the position at the very end of the document', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>Hi</p>',
+      })
+
+      expect(editor.$pos(editor.state.doc.content.size).node.type.name).toBe('doc')
+    })
+
+    it('should return the following atom for the boundary between two block atoms', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, CustomBlockAtomNode],
+        content:
+          '<p>a</p><div data-type="custom-block-atom"></div><div data-type="custom-block-atom"></div>',
+      })
+
+      expect(editor.$pos(4).node.type.name).toBe('customBlockAtom')
+    })
+
+    it('should return inline atoms nested inside list items', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, BulletList, ListItem, CustomInlineNode],
+        content: '<ul><li><p>x<span data-type="custom-inline"></span></p></li></ul>',
+      })
+
+      expect(editor.$pos(4).node.type.name).toBe('customInline')
+    })
+  })
+
+  describe('$doc', () => {
+    it('should correctly traverse $doc children', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>First</p><p>Second</p>',
+      })
+
+      const doc = editor.$doc
+
+      expect(doc).not.toBeNull()
+      expect(doc!.children.length).toBe(2)
+      expect(doc!.children[0].node.type.name).toBe('paragraph')
+      expect(doc!.children[1].node.type.name).toBe('paragraph')
+    })
+
+    it('should handle deeply nested structures', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, Blockquote, CustomInlineNode],
+        content:
+          '<blockquote><p>Quote with <span data-type="custom-inline" id="deep"></span></p></blockquote>',
+      })
+
+      const inlineNode = editor.$node('customInline')
+
+      expect(inlineNode).not.toBeNull()
+      expect(inlineNode!.node.attrs.id).toBe('deep')
+
+      // Verify the structure
+      const blockquote = editor.$node('blockquote')
+      const paragraph = editor.$node('paragraph')
+
+      expect(blockquote).not.toBeNull()
+      expect(paragraph).not.toBeNull()
+      expect(paragraph!.parent!.node.type.name).toBe('blockquote')
+    })
+  })
+})
diff --git a/packages/core/src/NodePos.ts b/packages/core/src/NodePos.ts
new file mode 100644
index 0000000..b3e5575
--- /dev/null
+++ b/packages/core/src/NodePos.ts
@@ -0,0 +1,270 @@
+import type { Fragment, Node as PMNode, ResolvedPos } from '@tiptap/pm/model'
+
+import type { Editor } from './Editor.js'
+import type { Content, Range } from './types.js'
+
+export class NodePos {
+  private resolvedPos: ResolvedPos
+
+  private isBlock: boolean
+
+  private editor: Editor
+
+  private get name(): string {
+    return this.node.type.name
+  }
+
+  constructor(pos: ResolvedPos, editor: Editor, isBlock = false, node: PMNode | null = null) {
+    this.isBlock = isBlock
+    this.resolvedPos = pos
+    this.editor = editor
+    this.currentNode = node
+  }
+
+  private currentNode: PMNode | null = null
+
+  get node(): PMNode {
+    return this.currentNode || this.resolvedPos.node()
+  }
+
+  get element(): HTMLElement {
+    return this.editor.view.domAtPos(this.pos).node as HTMLElement
+  }
+
+  public actualDepth: number | null = null
+
+  get depth(): number {
+    return this.actualDepth ?? this.resolvedPos.depth
+  }
+
+  get pos(): number {
+    return this.resolvedPos.pos
+  }
+
+  get content(): Fragment {
+    return this.node.content
+  }
+
+  set content(content: Content) {
+    let from = this.from
+    let to = this.to
+
+    if (this.isBlock) {
+      if (this.content.size === 0) {
+        console.error(
+          `You can’t set content on a block node. Tried to set content on ${this.name} at ${this.pos}`,
+        )
+        return
+      }
+
+      from = this.from + 1
+      to = this.to - 1
+    }
+
+    this.editor.commands.insertContentAt({ from, to }, content)
+  }
+
+  get attributes(): { [key: string]: any } {
+    return this.node.attrs
+  }
+
+  get textContent(): string {
+    return this.node.textContent
+  }
+
+  get size(): number {
+    return this.node.nodeSize
+  }
+
+  get from(): number {
+    if (this.isBlock) {
+      return this.pos
+    }
+
+    return this.resolvedPos.start(this.resolvedPos.depth)
+  }
+
+  get range(): Range {
+    return {
+      from: this.from,
+      to: this.to,
+    }
+  }
+
+  get to(): number {
+    if (this.isBlock) {
+      return this.pos + this.size
+    }
+
+    return this.resolvedPos.end(this.resolvedPos.depth) + (this.node.isText ? 0 : 1)
+  }
+
+  get parent(): NodePos | null {
+    if (this.depth === 0) {
+      return null
+    }
+
+    const parentPos = this.resolvedPos.start(this.resolvedPos.depth - 1)
+    const $pos = this.resolvedPos.doc.resolve(parentPos)
+
+    return new NodePos($pos, this.editor)
+  }
+
+  get before(): NodePos | null {
+    let $pos = this.resolvedPos.doc.resolve(this.from - (this.isBlock ? 1 : 2))
+
+    if ($pos.depth !== this.depth) {
+      $pos = this.resolvedPos.doc.resolve(this.from - 3)
+    }
+
+    return new NodePos($pos, this.editor)
+  }
+
+  get after(): NodePos | null {
+    let $pos = this.resolvedPos.doc.resolve(this.to + (this.isBlock ? 2 : 1))
+
+    if ($pos.depth !== this.depth) {
+      $pos = this.resolvedPos.doc.resolve(this.to + 3)
+    }
+
+    return new NodePos($pos, this.editor)
+  }
+
+  get children(): NodePos[] {
+    const children: NodePos[] = []
+
+    this.node.content.forEach((node, offset) => {
+      const isBlock = node.isBlock && !node.isTextblock
+      const isNonTextAtom = node.isAtom && !node.isText
+      const isInline = node.isInline
+
+      const targetPos = this.pos + offset + (isNonTextAtom ? 0 : 1)
+
+      // Check if targetPos is within valid document range
+      if (targetPos < 0 || targetPos > this.resolvedPos.doc.nodeSize - 2) {
+        return
+      }
+
+      const $pos = this.resolvedPos.doc.resolve(targetPos)
+
+      // Only apply depth check for non-block, non-inline nodes (i.e., textblocks)
+      // Inline nodes should always be included as children since we're iterating
+      // over direct children via this.node.content
+      if (!isBlock && !isInline && $pos.depth <= this.depth) {
+        return
+      }
+
+      // Pass the node for both block and inline nodes to ensure correct node reference
+      const childNodePos = new NodePos(
+        $pos,
+        this.editor,
+        isBlock,
+        isBlock || isInline ? node : null,
+      )
+
+      if (isBlock) {
+        childNodePos.actualDepth = this.depth + 1
+      }
+
+      children.push(childNodePos)
+    })
+
+    return children
+  }
+
+  get firstChild(): NodePos | null {
+    return this.children[0] || null
+  }
+
+  get lastChild(): NodePos | null {
+    const children = this.children
+
+    return children[children.length - 1] || null
+  }
+
+  closest(selector: string, attributes: { [key: string]: any } = {}): NodePos | null {
+    let node: NodePos | null = null
+    let currentNode = this.parent
+
+    while (currentNode && !node) {
+      if (currentNode.node.type.name === selector) {
+        if (Object.keys(attributes).length > 0) {
+          const nodeAttributes = currentNode.node.attrs
+          const attrKeys = Object.keys(attributes)
+
+          for (let index = 0; index < attrKeys.length; index += 1) {
+            const key = attrKeys[index]
+
+            if (nodeAttributes[key] !== attributes[key]) {
+              break
+            }
+          }
+        } else {
+          node = currentNode
+        }
+      }
+
+      currentNode = currentNode.parent
+    }
+
+    return node
+  }
+
+  querySelector(selector: string, attributes: { [key: string]: any } = {}): NodePos | null {
+    return this.querySelectorAll(selector, attributes, true)[0] || null
+  }
+
+  querySelectorAll(
+    selector: string,
+    attributes: { [key: string]: any } = {},
+    firstItemOnly = false,
+  ): NodePos[] {
+    let nodes: NodePos[] = []
+
+    if (!this.children || this.children.length === 0) {
+      return nodes
+    }
+    const attrKeys = Object.keys(attributes)
+
+    /**
+     * Finds all children recursively that match the selector and attributes
+     * If firstItemOnly is true, it will return the first item found
+     */
+    this.children.forEach(childPos => {
+      // If we already found a node and we only want the first item, we dont need to keep going
+      if (firstItemOnly && nodes.length > 0) {
+        return
+      }
+
+      if (childPos.node.type.name === selector) {
+        const doesAllAttributesMatch = attrKeys.every(
+          key => attributes[key] === childPos.node.attrs[key],
+        )
+
+        if (doesAllAttributesMatch) {
+          nodes.push(childPos)
+        }
+      }
+
+      // If we already found a node and we only want the first item, we can stop here and skip the recursion
+      if (firstItemOnly && nodes.length > 0) {
+        return
+      }
+
+      nodes = nodes.concat(childPos.querySelectorAll(selector, attributes, firstItemOnly))
+    })
+
+    return nodes
+  }
+
+  setAttribute(attributes: { [key: string]: any }) {
+    const { tr } = this.editor.state
+
+    tr.setNodeMarkup(this.from, undefined, {
+      ...this.node.attrs,
+      ...attributes,
+    })
+
+    this.editor.view.dispatch(tr)
+  }
+}
diff --git a/packages/core/src/NodeView.test.ts b/packages/core/src/NodeView.test.ts
new file mode 100644
index 0000000..397f452
--- /dev/null
+++ b/packages/core/src/NodeView.test.ts
@@ -0,0 +1,104 @@
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { createViewMutationTestContext } from '../tests/utils/createViewMutationTestContext.js'
+import { NodeView } from './NodeView.js'
+import type { NodeViewRendererProps } from './types.js'
+
+const createProps = (getPos: () => number | undefined) => {
+  return {
+    editor: {},
+    extension: {},
+    node: {},
+    decorations: [],
+    innerDecorations: {},
+    view: {},
+    HTMLAttributes: {},
+    getPos,
+  } as unknown as NodeViewRendererProps
+}
+
+describe('NodeView getPos', () => {
+  it('returns the position from prosemirror', () => {
+    const nodeView = new NodeView(
+      null,
+      createProps(() => 7),
+    )
+
+    expect(nodeView.getPos()).toBe(7)
+  })
+
+  it('returns undefined instead of throwing while the view tree is mid-update', () => {
+    // prosemirror-view's posBeforeChild throws a TypeError when the node
+    // view desc is not attached to its parent yet.
+    const nodeView = new NodeView(
+      null,
+      createProps(() => {
+        throw new TypeError("Cannot read properties of undefined (reading 'size')")
+      }),
+    )
+
+    expect(nodeView.getPos()).toBeUndefined()
+  })
+})
+
+function createNodeView() {
+  const context = createViewMutationTestContext()
+  const { wrapper, contentDOM } = context
+
+  class TestNodeView extends NodeView<null> {
+    get dom() {
+      return wrapper
+    }
+
+    get contentDOM() {
+      return contentDOM
+    }
+  }
+
+  const nodeView = new TestNodeView(null, {
+    editor: { isFocused: true },
+    extension: {},
+    node: { isLeaf: false, isAtom: false },
+    decorations: [],
+    innerDecorations: {},
+    view: {},
+    HTMLAttributes: {},
+    getPos: () => 0,
+  } as unknown as NodeViewRendererProps)
+
+  return { nodeView, ...context }
+}
+
+describe('NodeView ignoreMutation on iOS', () => {
+  afterEach(() => {
+    document.body.replaceChildren()
+    vi.unstubAllGlobals()
+  })
+
+  it('ignores framework chrome mounted inside dom outside contentDOM', () => {
+    const { nodeView, chrome, createEditableChild, childListMutation } = createNodeView()
+    const mounted = createEditableChild()
+
+    chrome.append(mounted)
+
+    expect(nodeView.ignoreMutation(childListMutation(chrome, [mounted]))).toBe(true)
+  })
+
+  it('ignores a childList mutation whose target is dom itself', () => {
+    const { nodeView, wrapper, createEditableChild, childListMutation } = createNodeView()
+    const mounted = createEditableChild()
+
+    wrapper.append(mounted)
+
+    expect(nodeView.ignoreMutation(childListMutation(wrapper, [mounted]))).toBe(true)
+  })
+
+  it('lets ProseMirror handle childList mutations inside contentDOM', () => {
+    const { nodeView, contentDOM, createEditableChild, childListMutation } = createNodeView()
+    const edited = createEditableChild()
+
+    contentDOM.append(edited)
+
+    expect(nodeView.ignoreMutation(childListMutation(contentDOM, [edited]))).toBe(false)
+  })
+})
diff --git a/packages/core/src/NodeView.ts b/packages/core/src/NodeView.ts
new file mode 100644
index 0000000..d63444b
--- /dev/null
+++ b/packages/core/src/NodeView.ts
@@ -0,0 +1,361 @@
+import { NodeSelection } from '@tiptap/pm/state'
+import type { NodeView as ProseMirrorNodeView, ViewMutationRecord } from '@tiptap/pm/view'
+
+import type { Editor as CoreEditor } from './Editor.js'
+import type { DecorationWithType, NodeViewRendererOptions, NodeViewRendererProps } from './types.js'
+import { isAndroid } from './utilities/isAndroid.js'
+import { isiOS } from './utilities/isiOS.js'
+
+/**
+ * Node views are used to customize the rendered DOM structure of a node.
+ * @see https://tiptap.dev/guide/node-views
+ */
+export class NodeView<
+  Component,
+  NodeEditor extends CoreEditor = CoreEditor,
+  Options extends NodeViewRendererOptions = NodeViewRendererOptions,
+> implements ProseMirrorNodeView {
+  component: Component
+
+  editor: NodeEditor
+
+  options: Options
+
+  extension: NodeViewRendererProps['extension']
+
+  node: NodeViewRendererProps['node']
+
+  decorations: NodeViewRendererProps['decorations']
+
+  innerDecorations: NodeViewRendererProps['innerDecorations']
+
+  view: NodeViewRendererProps['view']
+
+  getPos: NodeViewRendererProps['getPos']
+
+  HTMLAttributes: NodeViewRendererProps['HTMLAttributes']
+
+  isDragging = false
+
+  constructor(component: Component, props: NodeViewRendererProps, options?: Partial<Options>) {
+    this.component = component
+    this.editor = props.editor as NodeEditor
+    this.options = {
+      stopEvent: null,
+      ignoreMutation: null,
+      ...options,
+    } as Options
+    this.extension = props.extension
+    this.node = props.node
+    this.decorations = props.decorations as DecorationWithType[]
+    this.innerDecorations = props.innerDecorations
+    this.view = props.view
+    this.HTMLAttributes = props.HTMLAttributes
+    this.getPos = () => {
+      // ProseMirror throws while this node view is not attached to its parent yet.
+      try {
+        return props.getPos()
+      } catch {
+        return undefined
+      }
+    }
+    this.mount()
+  }
+
+  mount() {
+    // oxlint-disable-next-line
+    return
+  }
+
+  get dom(): HTMLElement {
+    return this.editor.view.dom as HTMLElement
+  }
+
+  get contentDOM(): HTMLElement | null {
+    return null
+  }
+
+  onDragStart(event: DragEvent) {
+    const { view } = this.editor
+    const target = event.target as HTMLElement
+
+    // get the drag handle element
+    // `closest` is not available for text nodes so we may have to use its parent
+    const dragHandle =
+      target.nodeType === 3
+        ? target.parentElement?.closest('[data-drag-handle]')
+        : target.closest('[data-drag-handle]')
+
+    if (!this.dom || this.contentDOM?.contains(target) || !dragHandle) {
+      return
+    }
+
+    let x = 0
+    let y = 0
+
+    // calculate offset for drag element if we use a different drag handle element
+    if (this.dom !== dragHandle) {
+      const domBox = this.dom.getBoundingClientRect()
+      const handleBox = dragHandle.getBoundingClientRect()
+
+      // In React, we have to go through nativeEvent to reach offsetX/offsetY.
+      const offsetX = event.offsetX ?? (event as any).nativeEvent?.offsetX
+      const offsetY = event.offsetY ?? (event as any).nativeEvent?.offsetY
+
+      x = handleBox.x - domBox.x + offsetX
+      y = handleBox.y - domBox.y + offsetY
+    }
+
+    const clonedNode = this.dom.cloneNode(true) as HTMLElement
+
+    // Preserve the visual size of the original when using the clone as
+    // the drag image.
+    try {
+      const domBox = this.dom.getBoundingClientRect()
+      clonedNode.style.width = `${Math.round(domBox.width)}px`
+      clonedNode.style.height = `${Math.round(domBox.height)}px`
+      clonedNode.style.boxSizing = 'border-box'
+      // Ensure the clone doesn't capture pointer events while offscreen
+      clonedNode.style.pointerEvents = 'none'
+    } catch {
+      // ignore measurement errors (e.g. if element not in DOM)
+    }
+
+    // Some browsers (notably Safari) require the element passed to
+    // setDragImage to be present in the DOM. Using a detached node can
+    // cause the drag to immediately end.
+    let dragImageWrapper: HTMLElement | null = null
+
+    try {
+      dragImageWrapper = document.createElement('div')
+      dragImageWrapper.style.position = 'absolute'
+      dragImageWrapper.style.top = '-9999px'
+      dragImageWrapper.style.left = '-9999px'
+      dragImageWrapper.style.pointerEvents = 'none'
+      dragImageWrapper.appendChild(clonedNode)
+      document.body.appendChild(dragImageWrapper)
+
+      event.dataTransfer?.setDragImage(clonedNode, x, y)
+    } finally {
+      // Remove the wrapper on the next tick so the browser can use the
+      // element as the drag image. A 0ms timeout is enough in practice.
+      if (dragImageWrapper) {
+        setTimeout(() => {
+          try {
+            dragImageWrapper?.remove()
+          } catch {
+            // ignore removal errors
+          }
+        }, 0)
+      }
+    }
+
+    const pos = this.getPos()
+
+    if (typeof pos !== 'number') {
+      return
+    }
+    // we need to tell ProseMirror that we want to move the whole node
+    // so we create a NodeSelection
+    const selection = NodeSelection.create(view.state.doc, pos)
+    const transaction = view.state.tr.setSelection(selection)
+
+    view.dispatch(transaction)
+  }
+
+  stopEvent(event: Event) {
+    if (!this.dom) {
+      return false
+    }
+
+    if (typeof this.options.stopEvent === 'function') {
+      return this.options.stopEvent({ event })
+    }
+
+    const target = event.target as HTMLElement
+    const isInElement = this.dom.contains(target) && !this.contentDOM?.contains(target)
+
+    // any event from child nodes should be handled by ProseMirror
+    if (!isInElement) {
+      return false
+    }
+
+    const isDragEvent = event.type.startsWith('drag')
+    const isDragOverEnterEvent = event.type === 'dragover' || event.type === 'dragenter'
+    const isDropEvent = event.type === 'drop'
+    const isInput =
+      ['INPUT', 'BUTTON', 'SELECT', 'TEXTAREA'].includes(target.tagName) || target.isContentEditable
+
+    // any input event within node views should be ignored by ProseMirror
+    if (isInput && !isDropEvent && !isDragEvent) {
+      return true
+    }
+
+    const { isEditable } = this.editor
+    const { isDragging } = this
+    const isDraggable = !!this.node.type.spec.draggable
+    const isSelectable = NodeSelection.isSelectable(this.node)
+    const isCopyEvent = event.type === 'copy'
+    const isPasteEvent = event.type === 'paste'
+    const isCutEvent = event.type === 'cut'
+    const isClickEvent = event.type === 'mousedown'
+
+    // ProseMirror tries to drag selectable nodes
+    // even if `draggable` is set to `false`
+    // this fix prevents that
+    if (!isDraggable && isSelectable && isDragEvent && event.target === this.dom) {
+      event.preventDefault()
+    }
+
+    if (isDraggable && isDragEvent && !isDragging && event.target === this.dom) {
+      event.preventDefault()
+      return false
+    }
+
+    // we have to store that dragging started
+    if (isDraggable && isEditable && !isDragging && isClickEvent) {
+      const dragHandle = target.closest('[data-drag-handle]')
+      const isValidDragHandle =
+        dragHandle && (this.dom === dragHandle || this.dom.contains(dragHandle))
+
+      if (isValidDragHandle) {
+        this.isDragging = true
+
+        document.addEventListener(
+          'dragend',
+          () => {
+            this.isDragging = false
+          },
+          { once: true },
+        )
+
+        document.addEventListener(
+          'drop',
+          () => {
+            this.isDragging = false
+          },
+          { once: true },
+        )
+
+        document.addEventListener(
+          'mouseup',
+          () => {
+            this.isDragging = false
+          },
+          { once: true },
+        )
+      }
+    }
+
+    // these events are handled by prosemirror
+    if (
+      isDragging ||
+      isDragOverEnterEvent ||
+      isDropEvent ||
+      isCopyEvent ||
+      isPasteEvent ||
+      isCutEvent ||
+      (isClickEvent && isSelectable)
+    ) {
+      return false
+    }
+
+    return true
+  }
+
+  /**
+   * Called when a DOM [mutation](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver) or a selection change happens within the view.
+   * @return `false` if the editor should re-read the selection or re-parse the range around the mutation
+   * @return `true` if it can safely be ignored.
+   */
+  ignoreMutation(mutation: ViewMutationRecord) {
+    if (!this.dom || !this.contentDOM) {
+      return true
+    }
+
+    if (typeof this.options.ignoreMutation === 'function') {
+      return this.options.ignoreMutation({ mutation })
+    }
+
+    // a leaf/atom node is like a black box for ProseMirror
+    // and should be fully handled by the node view
+    if (this.node.isLeaf || this.node.isAtom) {
+      return true
+    }
+
+    // ProseMirror should handle any selections
+    if (mutation.type === 'selection') {
+      return false
+    }
+
+    // try to prevent a bug on iOS and Android that will break node views on enter
+    // this is because ProseMirror can’t preventDispatch on enter
+    // this will lead to a re-render of the node view on enter
+    // see: https://github.com/ueberdosis/tiptap/issues/1214
+    // see: https://github.com/ueberdosis/tiptap/issues/2534
+    if (
+      this.contentDOM.contains(mutation.target) &&
+      mutation.type === 'childList' &&
+      (isiOS() || isAndroid()) &&
+      this.editor.isFocused
+    ) {
+      const changedNodes = [
+        ...Array.from(mutation.addedNodes),
+        ...Array.from(mutation.removedNodes),
+      ] as HTMLElement[]
+
+      // we’ll check if every changed node is contentEditable
+      // to make sure it’s probably mutated by ProseMirror
+      if (changedNodes.every(node => node.isContentEditable)) {
+        return false
+      }
+    }
+
+    // we will allow mutation contentDOM with attributes
+    // so we can for example adding classes within our node view
+    if (this.contentDOM === mutation.target && mutation.type === 'attributes') {
+      return true
+    }
+
+    // ProseMirror should handle any changes within contentDOM
+    if (this.contentDOM.contains(mutation.target)) {
+      return false
+    }
+
+    return true
+  }
+
+  /**
+   * Update the attributes of the prosemirror node.
+   */
+  updateAttributes(attributes: Record<string, any>): void {
+    this.editor.commands.command(({ tr }) => {
+      const pos = this.getPos()
+
+      if (typeof pos !== 'number') {
+        return false
+      }
+
+      tr.setNodeMarkup(pos, undefined, {
+        ...this.node.attrs,
+        ...attributes,
+      })
+
+      return true
+    })
+  }
+
+  /**
+   * Delete the node.
+   */
+  deleteNode(): void {
+    const from = this.getPos()
+
+    if (typeof from !== 'number') {
+      return
+    }
+    const to = from + this.node.nodeSize
+
+    this.editor.commands.deleteRange({ from, to })
+  }
+}
diff --git a/packages/core/src/PasteRule.ts b/packages/core/src/PasteRule.ts
new file mode 100644
index 0000000..b993c3e
--- /dev/null
+++ b/packages/core/src/PasteRule.ts
@@ -0,0 +1,386 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Fragment } from '@tiptap/pm/model'
+import type { EditorState } from '@tiptap/pm/state'
+import { Plugin } from '@tiptap/pm/state'
+
+import { CommandManager } from './CommandManager.js'
+import type { Editor } from './Editor.js'
+import { createChainableState } from './helpers/createChainableState.js'
+import { getHTMLFromFragment } from './helpers/getHTMLFromFragment.js'
+import type {
+  CanCommands,
+  ChainedCommands,
+  ExtendedRegExpMatchArray,
+  Range,
+  SingleCommands,
+} from './types.js'
+import { isNumber } from './utilities/isNumber.js'
+import { isRegExp } from './utilities/isRegExp.js'
+
+export type PasteRuleMatch = {
+  index: number
+  text: string
+  replaceWith?: string
+  match?: RegExpMatchArray
+  data?: Record<string, any>
+}
+
+export type PasteRuleFinder =
+  | RegExp
+  | ((text: string, event?: ClipboardEvent | null) => PasteRuleMatch[] | null | undefined)
+
+/**
+ * Paste rules are used to react to pasted content.
+ * @see https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing#paste-rules
+ */
+export class PasteRule {
+  find: PasteRuleFinder
+
+  handler: (props: {
+    state: EditorState
+    range: Range
+    match: ExtendedRegExpMatchArray
+    commands: SingleCommands
+    chain: () => ChainedCommands
+    can: () => CanCommands
+    pasteEvent: ClipboardEvent | null
+    dropEvent: DragEvent | null
+  }) => void | null
+
+  constructor(config: {
+    find: PasteRuleFinder
+    handler: (props: {
+      can: () => CanCommands
+      chain: () => ChainedCommands
+      commands: SingleCommands
+      dropEvent: DragEvent | null
+      match: ExtendedRegExpMatchArray
+      pasteEvent: ClipboardEvent | null
+      range: Range
+      state: EditorState
+    }) => void | null
+  }) {
+    this.find = config.find
+    this.handler = config.handler
+  }
+}
+
+const pasteRuleMatcherHandler = (
+  text: string,
+  find: PasteRuleFinder,
+  event?: ClipboardEvent | null,
+): ExtendedRegExpMatchArray[] => {
+  if (isRegExp(find)) {
+    return [...text.matchAll(find)]
+  }
+
+  const matches = find(text, event)
+
+  if (!matches) {
+    return []
+  }
+
+  return matches.map(pasteRuleMatch => {
+    const result: ExtendedRegExpMatchArray = [pasteRuleMatch.text]
+
+    result.index = pasteRuleMatch.index
+    result.input = text
+    result.data = pasteRuleMatch.data
+
+    if (pasteRuleMatch.replaceWith) {
+      if (!pasteRuleMatch.text.includes(pasteRuleMatch.replaceWith)) {
+        console.warn(
+          '[tiptap warn]: "pasteRuleMatch.replaceWith" must be part of "pasteRuleMatch.text".',
+        )
+      }
+
+      result.push(pasteRuleMatch.replaceWith)
+    }
+
+    return result
+  })
+}
+
+function run(config: {
+  editor: Editor
+  state: EditorState
+  from: number
+  to: number
+  rule: PasteRule
+  pasteEvent: ClipboardEvent | null
+  dropEvent: DragEvent | null
+}): boolean {
+  const { editor, state, from, to, rule, pasteEvent, dropEvent } = config
+
+  const { commands, chain, can } = new CommandManager({
+    editor,
+    state,
+  })
+
+  const handlers: (void | null)[] = []
+
+  state.doc.nodesBetween(from, to, (node, pos) => {
+    // Skip code blocks and non-textual nodes.
+    // Be defensive: `node` may be a Fragment without a `type`. Only text,
+    // inline, or textblock nodes are processed by paste rules.
+    if (node.type?.spec?.code || !(node.isText || node.isTextblock || node.isInline)) {
+      return
+    }
+
+    // For textblock and inline/text nodes, compute the range relative to the node.
+    // Prefer `node.nodeSize` when available (some Node shapes expose this),
+    // otherwise fall back to `node.content?.size`. Default to 0 if neither exists.
+    const contentSize = node.content?.size ?? node.nodeSize ?? 0
+    const resolvedFrom = Math.max(from, pos)
+    const resolvedTo = Math.min(to, pos + contentSize)
+
+    // If the resolved range is empty or invalid for this node, skip it. This
+    // avoids calling `textBetween` with start > end which can cause internal
+    // Fragment/Node traversal to access undefined `nodeSize` values.
+    if (resolvedFrom >= resolvedTo) {
+      return
+    }
+
+    const textToMatch = node.isText
+      ? node.text || ''
+      : node.textBetween(resolvedFrom - pos, resolvedTo - pos, undefined, '\ufffc')
+
+    const matches = pasteRuleMatcherHandler(textToMatch, rule.find, pasteEvent)
+
+    matches.forEach(match => {
+      if (match.index === undefined) {
+        return
+      }
+
+      const start = resolvedFrom + match.index + 1
+      const end = start + match[0].length
+      const range = {
+        from: state.tr.mapping.map(start),
+        to: state.tr.mapping.map(end),
+      }
+
+      const handler = rule.handler({
+        state,
+        range,
+        match,
+        commands,
+        chain,
+        can,
+        pasteEvent,
+        dropEvent,
+      })
+
+      handlers.push(handler)
+    })
+  })
+
+  const success = handlers.every(handler => handler !== null)
+
+  return success
+}
+
+// When dragging across editors, must get another editor instance to delete selection content.
+let tiptapDragFromOtherEditor: Editor | null = null
+
+const createClipboardPasteEvent = (text: string) => {
+  const event = new ClipboardEvent('paste', {
+    clipboardData: new DataTransfer(),
+  })
+
+  event.clipboardData?.setData('text/html', text)
+
+  return event
+}
+
+/**
+ * Create an paste rules plugin. When enabled, it will cause pasted
+ * text that matches any of the given rules to trigger the rule’s
+ * action.
+ */
+export function pasteRulesPlugin(props: { editor: Editor; rules: PasteRule[] }): Plugin[] {
+  const { editor, rules } = props
+  let dragSourceElement: Element | null = null
+  let isPastedFromProseMirror = false
+  let isDroppedFromProseMirror = false
+  let pasteEvent = typeof ClipboardEvent !== 'undefined' ? new ClipboardEvent('paste') : null
+  let dropEvent: DragEvent | null
+
+  try {
+    dropEvent = typeof DragEvent !== 'undefined' ? new DragEvent('drop') : null
+  } catch {
+    dropEvent = null
+  }
+
+  const processEvent = ({
+    state,
+    from,
+    to,
+    rule,
+    pasteEvt,
+  }: {
+    state: EditorState
+    from: number
+    to: { b: number }
+    rule: PasteRule
+    pasteEvt: ClipboardEvent | null
+  }) => {
+    const tr = state.tr
+    const chainableState = createChainableState({
+      state,
+      transaction: tr,
+    })
+
+    const handler = run({
+      editor,
+      state: chainableState,
+      from: Math.max(from - 1, 0),
+      to: to.b - 1,
+      rule,
+      pasteEvent: pasteEvt,
+      dropEvent,
+    })
+
+    if (!handler || !tr.steps.length) {
+      return
+    }
+
+    try {
+      dropEvent = typeof DragEvent !== 'undefined' ? new DragEvent('drop') : null
+    } catch {
+      dropEvent = null
+    }
+    pasteEvent = typeof ClipboardEvent !== 'undefined' ? new ClipboardEvent('paste') : null
+
+    return tr
+  }
+
+  const plugins = rules.map(rule => {
+    return new Plugin({
+      // we register a global drag handler to track the current drag source element
+      view(view) {
+        const handleDragstart = (event: DragEvent) => {
+          dragSourceElement = view.dom.parentElement?.contains(event.target as Element)
+            ? view.dom.parentElement
+            : null
+
+          if (dragSourceElement) {
+            tiptapDragFromOtherEditor = editor
+          }
+        }
+
+        const handleDragend = () => {
+          if (tiptapDragFromOtherEditor) {
+            tiptapDragFromOtherEditor = null
+          }
+        }
+
+        window.addEventListener('dragstart', handleDragstart)
+        window.addEventListener('dragend', handleDragend)
+
+        return {
+          destroy() {
+            window.removeEventListener('dragstart', handleDragstart)
+            window.removeEventListener('dragend', handleDragend)
+          },
+        }
+      },
+
+      props: {
+        handleDOMEvents: {
+          drop: (view, event: Event) => {
+            isDroppedFromProseMirror = dragSourceElement === view.dom.parentElement
+            dropEvent = event as DragEvent
+
+            if (!isDroppedFromProseMirror) {
+              const dragFromOtherEditor = tiptapDragFromOtherEditor
+
+              if (dragFromOtherEditor?.isEditable) {
+                // setTimeout to avoid the wrong content after drop, timeout arg can't be empty or 0
+                setTimeout(() => {
+                  const selection = dragFromOtherEditor.state.selection
+
+                  if (selection) {
+                    dragFromOtherEditor.commands.deleteRange({
+                      from: selection.from,
+                      to: selection.to,
+                    })
+                  }
+                }, 10)
+              }
+            }
+            return false
+          },
+
+          paste: (_view, event: Event) => {
+            const html = (event as ClipboardEvent).clipboardData?.getData('text/html')
+
+            pasteEvent = event as ClipboardEvent
+
+            isPastedFromProseMirror = !!html?.includes('data-pm-slice')
+
+            return false
+          },
+        },
+      },
+
+      appendTransaction: (transactions, oldState, state) => {
+        const transaction = transactions[0]
+        const isPaste = transaction.getMeta('uiEvent') === 'paste' && !isPastedFromProseMirror
+        const isDrop = transaction.getMeta('uiEvent') === 'drop' && !isDroppedFromProseMirror
+
+        // if PasteRule is triggered by insertContent()
+        const simulatedPasteMeta = transaction.getMeta('applyPasteRules') as
+          | undefined
+          | { from: number; text: string | PMNode | Fragment }
+        const isSimulatedPaste = !!simulatedPasteMeta
+
+        if (!isPaste && !isDrop && !isSimulatedPaste) {
+          return
+        }
+
+        // Handle simulated paste
+        if (isSimulatedPaste) {
+          let { text } = simulatedPasteMeta
+
+          if (typeof text === 'string') {
+            text = text as string
+          } else {
+            text = getHTMLFromFragment(Fragment.from(text), state.schema)
+          }
+
+          const { from } = simulatedPasteMeta
+          const to = from + text.length
+
+          const pasteEvt = createClipboardPasteEvent(text)
+
+          return processEvent({
+            rule,
+            state,
+            from,
+            to: { b: to },
+            pasteEvt,
+          })
+        }
+
+        // handle actual paste/drop
+        const from = oldState.doc.content.findDiffStart(state.doc.content)
+        const to = oldState.doc.content.findDiffEnd(state.doc.content)
+
+        // stop if there is no changed range
+        if (!isNumber(from) || !to || from === to.b) {
+          return
+        }
+
+        return processEvent({
+          rule,
+          state,
+          from,
+          to,
+          pasteEvt: pasteEvent,
+        })
+      },
+    })
+  })
+
+  return plugins
+}
diff --git a/packages/core/src/Tracker.ts b/packages/core/src/Tracker.ts
new file mode 100644
index 0000000..81e1801
--- /dev/null
+++ b/packages/core/src/Tracker.ts
@@ -0,0 +1,38 @@
+import type { Transaction } from '@tiptap/pm/state'
+
+export interface TrackerResult {
+  position: number
+  deleted: boolean
+}
+
+export class Tracker {
+  transaction: Transaction
+
+  currentStep: number
+
+  constructor(transaction: Transaction) {
+    this.transaction = transaction
+    this.currentStep = this.transaction.steps.length
+  }
+
+  map(position: number): TrackerResult {
+    let deleted = false
+
+    const mappedPosition = this.transaction.steps
+      .slice(this.currentStep)
+      .reduce((newPosition, step) => {
+        const mapResult = step.getMap().mapResult(newPosition)
+
+        if (mapResult.deleted) {
+          deleted = true
+        }
+
+        return mapResult.pos
+      }, position)
+
+    return {
+      position: mappedPosition,
+      deleted,
+    }
+  }
+}
diff --git a/packages/core/src/commands/blur.ts b/packages/core/src/commands/blur.ts
new file mode 100644
index 0000000..14e8baf
--- /dev/null
+++ b/packages/core/src/commands/blur.ts
@@ -0,0 +1,29 @@
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    blur: {
+      /**
+       * Removes focus from the editor.
+       * @example editor.commands.blur()
+       */
+      blur: () => ReturnType
+    }
+  }
+}
+
+export const blur: RawCommands['blur'] =
+  () =>
+  ({ editor, view }) => {
+    requestAnimationFrame(() => {
+      if (!editor.isDestroyed) {
+        ;(view.dom as HTMLElement).blur()
+
+        // Browsers should remove the caret on blur but safari does not.
+        // See: https://github.com/ueberdosis/tiptap/issues/2405
+        window?.getSelection()?.removeAllRanges()
+      }
+    })
+
+    return true
+  }
diff --git a/packages/core/src/commands/clearContent.ts b/packages/core/src/commands/clearContent.ts
new file mode 100644
index 0000000..792a3d6
--- /dev/null
+++ b/packages/core/src/commands/clearContent.ts
@@ -0,0 +1,25 @@
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    clearContent: {
+      /**
+       * Clear the whole document.
+       * @example editor.commands.clearContent()
+       */
+      clearContent: (
+        /**
+         * Whether to emit an update event.
+         * @default true
+         */
+        emitUpdate?: boolean,
+      ) => ReturnType
+    }
+  }
+}
+
+export const clearContent: RawCommands['clearContent'] =
+  (emitUpdate = true) =>
+  ({ commands }) => {
+    return commands.setContent('', { emitUpdate })
+  }
diff --git a/packages/core/src/commands/clearNodes.ts b/packages/core/src/commands/clearNodes.ts
new file mode 100644
index 0000000..b765084
--- /dev/null
+++ b/packages/core/src/commands/clearNodes.ts
@@ -0,0 +1,57 @@
+import { liftTarget } from '@tiptap/pm/transform'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    clearNodes: {
+      /**
+       * Normalize nodes to a simple paragraph.
+       * @example editor.commands.clearNodes()
+       */
+      clearNodes: () => ReturnType
+    }
+  }
+}
+
+export const clearNodes: RawCommands['clearNodes'] =
+  () =>
+  ({ state, tr, dispatch }) => {
+    const { selection } = tr
+    const { ranges } = selection
+
+    if (!dispatch) {
+      return true
+    }
+
+    ranges.forEach(({ $from, $to }) => {
+      state.doc.nodesBetween($from.pos, $to.pos, (node, pos) => {
+        if (node.type.isText) {
+          return
+        }
+
+        const { doc, mapping } = tr
+        const $mappedFrom = doc.resolve(mapping.map(pos))
+        const $mappedTo = doc.resolve(mapping.map(pos + node.nodeSize))
+        const nodeRange = $mappedFrom.blockRange($mappedTo)
+
+        if (!nodeRange) {
+          return
+        }
+
+        const targetLiftDepth = liftTarget(nodeRange)
+
+        if (node.type.isTextblock) {
+          const { defaultType } = $mappedFrom.parent.contentMatchAt($mappedFrom.index())
+
+          tr.setNodeMarkup(nodeRange.start, defaultType)
+        }
+
+        if (targetLiftDepth || targetLiftDepth === 0) {
+          tr.lift(nodeRange, targetLiftDepth)
+        }
+      })
+    })
+
+    return true
+  }
diff --git a/packages/core/src/commands/command.ts b/packages/core/src/commands/command.ts
new file mode 100644
index 0000000..6ae5e4e
--- /dev/null
+++ b/packages/core/src/commands/command.ts
@@ -0,0 +1,22 @@
+import type { Command, RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    command: {
+      /**
+       * Define a command inline.
+       * @param fn The command function.
+       * @example
+       * editor.commands.command(({ tr, state }) => {
+       *   ...
+       *   return true
+       * })
+       */
+      command: (fn: (props: Parameters<Command>[0]) => boolean) => ReturnType
+    }
+  }
+}
+
+export const command: RawCommands['command'] = fn => props => {
+  return fn(props)
+}
diff --git a/packages/core/src/commands/createParagraphNear.ts b/packages/core/src/commands/createParagraphNear.ts
new file mode 100644
index 0000000..015b760
--- /dev/null
+++ b/packages/core/src/commands/createParagraphNear.ts
@@ -0,0 +1,21 @@
+import { createParagraphNear as originalCreateParagraphNear } from '@tiptap/pm/commands'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    createParagraphNear: {
+      /**
+       * Create a paragraph nearby.
+       * @example editor.commands.createParagraphNear()
+       */
+      createParagraphNear: () => ReturnType
+    }
+  }
+}
+
+export const createParagraphNear: RawCommands['createParagraphNear'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalCreateParagraphNear(state, dispatch)
+  }
diff --git a/packages/core/src/commands/cut.test.ts b/packages/core/src/commands/cut.test.ts
new file mode 100644
index 0000000..e416940
--- /dev/null
+++ b/packages/core/src/commands/cut.test.ts
@@ -0,0 +1,38 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+
+describe('cut command', () => {
+  const createEditor = () => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    return new Editor({
+      element,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello world</p>',
+    })
+  }
+
+  it('cuts content to start of document', () => {
+    const editor = createEditor()
+
+    editor.commands.cut({ from: 7, to: 12 }, 1)
+
+    expect(editor.getHTML()).toBe('<p>worldHello </p>')
+
+    editor.destroy()
+  })
+
+  it('cuts content to end of document', () => {
+    const editor = createEditor()
+
+    editor.commands.cut({ from: 1, to: 6 }, editor.state.doc.nodeSize - 2)
+
+    expect(editor.getHTML()).toBe('<p> world</p><p>Hello</p>')
+
+    editor.destroy()
+  })
+})
diff --git a/packages/core/src/commands/cut.ts b/packages/core/src/commands/cut.ts
new file mode 100644
index 0000000..33008b5
--- /dev/null
+++ b/packages/core/src/commands/cut.ts
@@ -0,0 +1,36 @@
+import { TextSelection } from '@tiptap/pm/state'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    cut: {
+      /**
+       * Cuts content from a range and inserts it at a given position.
+       * @param range The range to cut.
+       * @param range.from The start position of the range.
+       * @param range.to The end position of the range.
+       * @param targetPos The position to insert the content at.
+       * @example editor.commands.cut({ from: 1, to: 3 }, 5)
+       */
+      cut: ({ from, to }: { from: number; to: number }, targetPos: number) => ReturnType
+    }
+  }
+}
+
+export const cut: RawCommands['cut'] =
+  (originRange, targetPos) =>
+  ({ editor, tr }) => {
+    const { state } = editor
+
+    const contentSlice = state.doc.slice(originRange.from, originRange.to)
+
+    tr.deleteRange(originRange.from, originRange.to)
+    const newPos = tr.mapping.map(targetPos)
+
+    tr.insert(newPos, contentSlice.content)
+
+    tr.setSelection(new TextSelection(tr.doc.resolve(Math.max(newPos - 1, 0))))
+
+    return true
+  }
diff --git a/packages/core/src/commands/deleteCurrentNode.ts b/packages/core/src/commands/deleteCurrentNode.ts
new file mode 100644
index 0000000..d933b46
--- /dev/null
+++ b/packages/core/src/commands/deleteCurrentNode.ts
@@ -0,0 +1,44 @@
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    deleteCurrentNode: {
+      /**
+       * Delete the node that currently has the selection anchor.
+       * @example editor.commands.deleteCurrentNode()
+       */
+      deleteCurrentNode: () => ReturnType
+    }
+  }
+}
+
+export const deleteCurrentNode: RawCommands['deleteCurrentNode'] =
+  () =>
+  ({ tr, dispatch }) => {
+    const { selection } = tr
+    const currentNode = selection.$anchor.node()
+
+    // if there is content inside the current node, break out of this command
+    if (currentNode.content.size > 0) {
+      return false
+    }
+
+    const $pos = tr.selection.$anchor
+
+    for (let depth = $pos.depth; depth > 0; depth -= 1) {
+      const node = $pos.node(depth)
+
+      if (node.type === currentNode.type) {
+        if (dispatch) {
+          const from = $pos.before(depth)
+          const to = $pos.after(depth)
+
+          tr.delete(from, to).scrollIntoView()
+        }
+
+        return true
+      }
+    }
+
+    return false
+  }
diff --git a/packages/core/src/commands/deleteNode.ts b/packages/core/src/commands/deleteNode.ts
new file mode 100644
index 0000000..f935e25
--- /dev/null
+++ b/packages/core/src/commands/deleteNode.ts
@@ -0,0 +1,41 @@
+import type { NodeType } from '@tiptap/pm/model'
+
+import { getNodeType } from '../helpers/getNodeType.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    deleteNode: {
+      /**
+       * Delete a node with a given type or name.
+       * @param typeOrName The type or name of the node.
+       * @example editor.commands.deleteNode('paragraph')
+       */
+      deleteNode: (typeOrName: string | NodeType) => ReturnType
+    }
+  }
+}
+
+export const deleteNode: RawCommands['deleteNode'] =
+  typeOrName =>
+  ({ tr, state, dispatch }) => {
+    const type = getNodeType(typeOrName, state.schema)
+    const $pos = tr.selection.$anchor
+
+    for (let depth = $pos.depth; depth > 0; depth -= 1) {
+      const node = $pos.node(depth)
+
+      if (node.type === type) {
+        if (dispatch) {
+          const from = $pos.before(depth)
+          const to = $pos.after(depth)
+
+          tr.delete(from, to).scrollIntoView()
+        }
+
+        return true
+      }
+    }
+
+    return false
+  }
diff --git a/packages/core/src/commands/deleteRange.ts b/packages/core/src/commands/deleteRange.ts
new file mode 100644
index 0000000..6d7859c
--- /dev/null
+++ b/packages/core/src/commands/deleteRange.ts
@@ -0,0 +1,26 @@
+import type { Range, RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    deleteRange: {
+      /**
+       * Delete a given range.
+       * @param range The range to delete.
+       * @example editor.commands.deleteRange({ from: 1, to: 3 })
+       */
+      deleteRange: (range: Range) => ReturnType
+    }
+  }
+}
+
+export const deleteRange: RawCommands['deleteRange'] =
+  range =>
+  ({ tr, dispatch }) => {
+    const { from, to } = range
+
+    if (dispatch) {
+      tr.delete(from, to)
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/deleteSelection.test.ts b/packages/core/src/commands/deleteSelection.test.ts
new file mode 100644
index 0000000..92ab7a5
--- /dev/null
+++ b/packages/core/src/commands/deleteSelection.test.ts
@@ -0,0 +1,125 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { AllSelection } from '@tiptap/pm/state'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+import { Node } from '../Node.js'
+
+const TestInlineNode = Node.create({
+  name: 'testInlineNode',
+  group: 'inline',
+  inline: true,
+  content: 'text*',
+  renderHTML() {
+    return ['span', { 'data-test-node': '' }, 0]
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'span[data-test-node]',
+      },
+    ]
+  },
+  addNodeView() {
+    return () => {
+      const dom = document.createElement('span')
+      dom.dataset.testNode = 'true'
+      const contentDOM = document.createElement('span')
+      dom.appendChild(contentDOM)
+      return { dom, contentDOM }
+    }
+  },
+})
+
+describe('deleteSelection', () => {
+  it('should return false for empty selection', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      content: '<p>hello</p>',
+    })
+
+    editor.commands.setTextSelection({ from: 1, to: 1 })
+
+    const result = editor.commands.deleteSelection()
+    expect(result).toBe(false)
+
+    editor.destroy()
+  })
+
+  it('should delete selected text', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      content: '<p>hello world</p>',
+    })
+
+    editor.chain().setTextSelection({ from: 1, to: 7 }).deleteSelection().run()
+
+    expect(editor.getHTML()).toBe('<p>world</p>')
+    editor.destroy()
+  })
+
+  it('should delete selection across two paragraphs', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      content: '<p>one</p><p>two</p>',
+    })
+
+    editor.chain().setTextSelection({ from: 2, to: 7 }).deleteSelection().run()
+
+    expect(editor.getHTML()).toBe('<p>owo</p>')
+    editor.destroy()
+  })
+
+  it('should delete entire inline node with text* when selecting inside it', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, TestInlineNode],
+      content: '<p>before <span data-test-node>test</span> after</p>',
+    })
+
+    editor.chain().setTextSelection({ from: 9, to: 13 }).deleteSelection().run()
+
+    expect(editor.getHTML()).toBe('<p>before  after</p>')
+    editor.destroy()
+  })
+
+  it('should keep inline node when selecting only half of its text content', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, TestInlineNode],
+      content: '<p>before <span data-test-node>test</span> after</p>',
+    })
+
+    editor.chain().setTextSelection({ from: 9, to: 11 }).deleteSelection().run()
+
+    expect(editor.getHTML()).toBe('<p>before <span data-test-node="">st</span> after</p>')
+    editor.destroy()
+  })
+
+  it('collapses the selection to a cursor after deleting an AllSelection', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      content: '<p>hello world</p>',
+    })
+
+    editor.chain().selectAll().deleteSelection().run()
+
+    expect(editor.getHTML()).toBe('<p></p>')
+    expect(editor.state.selection.empty).toBe(true)
+    expect(editor.state.selection instanceof AllSelection).toBe(false)
+
+    editor.destroy()
+  })
+
+  it('should delete selection spanning around entire inline node', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, TestInlineNode],
+      content: '<p>before <span data-test-node>test</span> after</p>',
+    })
+
+    editor.chain().setTextSelection({ from: 4, to: 17 }).deleteSelection().run()
+
+    expect(editor.getHTML()).toBe('<p>befter</p>')
+    editor.destroy()
+  })
+})
diff --git a/packages/core/src/commands/deleteSelection.ts b/packages/core/src/commands/deleteSelection.ts
new file mode 100644
index 0000000..c65e474
--- /dev/null
+++ b/packages/core/src/commands/deleteSelection.ts
@@ -0,0 +1,109 @@
+import type { ResolvedPos, Schema } from '@tiptap/pm/model'
+import { TextSelection } from '@tiptap/pm/state'
+
+import type { RawCommands } from '../types.js'
+
+/**
+ * Check if a node has text content based on its content specification.
+ * Returns true if the node's content spec matches text* or text+ patterns.
+ */
+const hasTextContent = (nodeSpec: { content?: string }): boolean => {
+  if (!nodeSpec.content) {
+    return false
+  }
+  const textRegex = /^text(\*|\+)/
+  return textRegex.test(nodeSpec.content)
+}
+
+/**
+ * Expand selection position for a specific side (left or right) to handle inline text nodes.
+ * This function checks if the position is within an inline node with text content and
+ * expands it to include the entire node boundaries for proper deletion.
+ * @param $pos - The resolved position to expand
+ * @param schema - The ProseMirror schema
+ * @param side - Which side to expand ('left' or 'right')
+ * @returns The expanded position for deletion
+ */
+const expandSelectionForSide = (
+  $pos: ResolvedPos,
+  schema: Schema,
+  side: 'left' | 'right',
+): number => {
+  if (!$pos.parent.isInline) {
+    return $pos.pos
+  }
+
+  if ((side === 'left' && $pos.pos > $pos.start()) || (side === 'right' && $pos.pos < $pos.end())) {
+    return $pos.pos
+  }
+
+  const parentContent = schema.nodes[$pos.parent.type.name].spec
+  if (!hasTextContent(parentContent)) {
+    return $pos.pos
+  }
+
+  return side === 'left' ? $pos.start() - 1 : $pos.end() + 1
+}
+
+/**
+ * Expand selection range to properly handle deletion of inline text nodes.
+ * Inline text nodes don't collapse correctly when text inside is deleted,
+ * so we need to expand the selection to include the entire node.
+ * See: https://code.haverbeke.berlin/prosemirror/prosemirror/issues/1365
+ */
+const expandSelectionForInlineText = (
+  $from: ResolvedPos,
+  $to: ResolvedPos,
+  schema: Schema,
+): { from: number; to: number } => {
+  const from = expandSelectionForSide($from, schema, 'left')
+  const to = expandSelectionForSide($to, schema, 'right')
+
+  return { from, to }
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    deleteSelection: {
+      /**
+       * Delete the selection, if there is one.
+       * @example editor.commands.deleteSelection()
+       */
+      deleteSelection: () => ReturnType
+    }
+  }
+}
+
+export const deleteSelection: RawCommands['deleteSelection'] =
+  () =>
+  ({ state, dispatch }) => {
+    if (state.selection.empty) {
+      return false
+    }
+
+    if (dispatch) {
+      const tr = state.tr
+      const { ranges } = state.selection
+      const mapFrom = tr.steps.length
+
+      ranges.forEach(range => {
+        const mapping = tr.mapping.slice(mapFrom)
+        const $from = tr.doc.resolve(mapping.map(range.$from.pos))
+        const $to = tr.doc.resolve(mapping.map(range.$to.pos))
+        const { from, to } = expandSelectionForInlineText($from, $to, state.schema)
+        tr.deleteRange(from, to)
+      })
+
+      // after deleting the selection we restore a text selection
+      // near the from position to avoid having confusing selections
+      // after the deletion (for example after deleting via Ctrl/Cmd+A)
+      if (!tr.selection.empty) {
+        tr.setSelection(TextSelection.near(tr.doc.resolve(tr.selection.from)))
+      }
+
+      tr.scrollIntoView()
+      dispatch(tr)
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/enter.ts b/packages/core/src/commands/enter.ts
new file mode 100644
index 0000000..fd13a16
--- /dev/null
+++ b/packages/core/src/commands/enter.ts
@@ -0,0 +1,19 @@
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    enter: {
+      /**
+       * Trigger enter.
+       * @example editor.commands.enter()
+       */
+      enter: () => ReturnType
+    }
+  }
+}
+
+export const enter: RawCommands['enter'] =
+  () =>
+  ({ commands }) => {
+    return commands.keyboardShortcut('Enter')
+  }
diff --git a/packages/core/src/commands/exitCode.ts b/packages/core/src/commands/exitCode.ts
new file mode 100644
index 0000000..748578a
--- /dev/null
+++ b/packages/core/src/commands/exitCode.ts
@@ -0,0 +1,21 @@
+import { exitCode as originalExitCode } from '@tiptap/pm/commands'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    exitCode: {
+      /**
+       * Exit from a code block.
+       * @example editor.commands.exitCode()
+       */
+      exitCode: () => ReturnType
+    }
+  }
+}
+
+export const exitCode: RawCommands['exitCode'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalExitCode(state, dispatch)
+  }
diff --git a/packages/core/src/commands/extendMarkRange.test.ts b/packages/core/src/commands/extendMarkRange.test.ts
new file mode 100644
index 0000000..c8015e1
--- /dev/null
+++ b/packages/core/src/commands/extendMarkRange.test.ts
@@ -0,0 +1,455 @@
+import Document from '@tiptap/extension-document'
+import Highlight from '@tiptap/extension-highlight'
+import Link from '@tiptap/extension-link'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+
+describe('extendMarkRange', () => {
+  it('should extend full mark', () => {
+    const content = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'text',
+            },
+            {
+              type: 'text',
+              text: 'text',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'foo',
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const editor = new Editor({
+      content,
+      extensions: [Document, Paragraph, Text, Link],
+    })
+
+    // debug
+    // console.log(getDebugJSON(editor.state.doc))
+
+    // set cursor in middle of first mark
+    editor.chain().setTextSelection({ from: 7, to: 7 }).extendMarkRange('link').run()
+
+    const { from, to } = editor.state.selection
+
+    const expectedSelection = {
+      from: 5,
+      to: 9,
+    }
+
+    expect({ from, to }).toEqual(expectedSelection)
+
+    editor.destroy()
+  })
+
+  it('should extend to mark with specific attributes', () => {
+    const content = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'text',
+            },
+            {
+              type: 'text',
+              text: 'text',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'foo',
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'text',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'bar',
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const editor = new Editor({
+      content,
+      extensions: [Document, Paragraph, Text, Link],
+    })
+
+    // debug
+    // console.log(getDebugJSON(editor.state.doc))
+
+    // set cursor in middle of first mark
+    editor
+      .chain()
+      .setTextSelection({ from: 7, to: 7 })
+      .extendMarkRange('link', {
+        href: 'foo',
+      })
+      .run()
+
+    const { from, to } = editor.state.selection
+
+    const expectedSelection = {
+      from: 5,
+      to: 9,
+    }
+
+    expect({ from, to }).toEqual(expectedSelection)
+
+    editor.destroy()
+  })
+
+  it('should not extend at all if selection contains no mark', () => {
+    const content = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'text',
+            },
+            {
+              type: 'text',
+              text: 'text',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'foo',
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'text',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'bar',
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const editor = new Editor({
+      content,
+      extensions: [Document, Paragraph, Text, Link],
+    })
+
+    // debug
+    // console.log(getDebugJSON(editor.state.doc))
+
+    // set cursor before any mark
+    editor.chain().setTextSelection({ from: 2, to: 2 }).extendMarkRange('link').run()
+
+    const { from, to } = editor.state.selection
+
+    const expectedSelection = {
+      from: 2,
+      to: 2,
+    }
+
+    expect({ from, to }).toEqual(expectedSelection)
+
+    editor.destroy()
+  })
+
+  it('should not extend at all if selection contains any non-matching mark', () => {
+    const content = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'text',
+            },
+            {
+              type: 'text',
+              text: 'text',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'foo',
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'text',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'bar',
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const editor = new Editor({
+      content,
+      extensions: [Document, Paragraph, Text, Link],
+    })
+
+    // debug
+    // console.log(getDebugJSON(editor.state.doc))
+
+    // set cursor before across non-matching marks
+    editor
+      .chain()
+      .setTextSelection({ from: 7, to: 11 })
+      .extendMarkRange('link', {
+        href: 'foo',
+      })
+      .run()
+
+    const { from, to } = editor.state.selection
+
+    const expectedSelection = {
+      from: 7,
+      to: 11,
+    }
+
+    expect({ from, to }).toEqual(expectedSelection)
+
+    editor.destroy()
+  })
+
+  it('should not extend across adjacent marks with different attributes when attributes is omitted', () => {
+    const content = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'text',
+            },
+            {
+              type: 'text',
+              text: 'text',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'foo',
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'text',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'bar',
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const editor = new Editor({
+      content,
+      extensions: [Document, Paragraph, Text, Link],
+    })
+
+    // set cursor in middle of first link mark
+    editor.chain().setTextSelection({ from: 7, to: 7 }).extendMarkRange('link').run()
+
+    const { from, to } = editor.state.selection
+
+    // should only extend to cover the link with href='foo', not the adjacent link with href='bar'
+    const expectedSelection = {
+      from: 5,
+      to: 9,
+    }
+
+    expect({ from, to }).toEqual(expectedSelection)
+
+    editor.destroy()
+  })
+
+  it('should default to attributes of the first mark of the given type', () => {
+    const content = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Highlighted ',
+              marks: [
+                { type: 'highlight', attrs: { color: 'red' } },
+                { type: 'link', attrs: { href: 'https://tiptap.dev' } },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'link.',
+              marks: [{ type: 'link', attrs: { href: 'https://tiptap.dev' } }],
+            },
+            {
+              type: 'text',
+              text: 'another link',
+              marks: [{ type: 'link', attrs: { href: 'https://tiptap.dev/invalid' } }],
+            },
+          ],
+        },
+      ],
+    }
+
+    const editor = new Editor({
+      content,
+      extensions: [Document, Paragraph, Text, Highlight.configure({ multicolor: true }), Link],
+    })
+
+    // set cursor inside 'Highlighted ' — should extend to cover 'Highlighted link.'
+    // but not 'another link' (different href), and should not be confused by the
+    // highlight mark sharing the first text node even though that is the first mark
+    editor.chain().setTextSelection({ from: 5, to: 5 }).extendMarkRange('link').run()
+
+    const { from, to } = editor.state.selection
+
+    expect({ from, to }).toEqual({ from: 1, to: 18 })
+
+    editor.destroy()
+  })
+
+  it('should extend across adjacent marks with different attributes when attributes is {}', () => {
+    const content = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'text',
+            },
+            {
+              type: 'text',
+              text: 'text',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'foo',
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'text',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'bar',
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const editor = new Editor({
+      content,
+      extensions: [Document, Paragraph, Text, Link],
+    })
+
+    // set cursor in middle of first mark
+    editor.chain().setTextSelection({ from: 7, to: 7 }).extendMarkRange('link', {}).run()
+
+    const { from, to } = editor.state.selection
+
+    // should extend to cover both links
+    const expectedSelection = {
+      from: 5,
+      to: 13,
+    }
+
+    expect({ from, to }).toEqual(expectedSelection)
+
+    editor.destroy()
+  })
+})
diff --git a/packages/core/src/commands/extendMarkRange.ts b/packages/core/src/commands/extendMarkRange.ts
new file mode 100644
index 0000000..5e1f58d
--- /dev/null
+++ b/packages/core/src/commands/extendMarkRange.ts
@@ -0,0 +1,52 @@
+import type { MarkType } from '@tiptap/pm/model'
+import { TextSelection } from '@tiptap/pm/state'
+
+import { getMarkRange } from '../helpers/getMarkRange.js'
+import { getMarkType } from '../helpers/getMarkType.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    extendMarkRange: {
+      /**
+       * Extends the text selection to the current mark by type or name.
+       * @param typeOrName The type or name of the mark.
+       * @param attributes The attributes to match against.
+       * If not provided, only the first mark at the position will be matched.
+       * @example editor.commands.extendMarkRange('bold')
+       * @example editor.commands.extendMarkRange('mention', { userId: "1" })
+       */
+      extendMarkRange: (
+        /**
+         * The type or name of the mark.
+         */
+        typeOrName: string | MarkType,
+
+        /**
+         * The attributes of the mark.
+         */
+        attributes?: Record<string, any>,
+      ) => ReturnType
+    }
+  }
+}
+
+export const extendMarkRange: RawCommands['extendMarkRange'] =
+  (typeOrName, attributes) =>
+  ({ tr, state, dispatch }) => {
+    const type = getMarkType(typeOrName, state.schema)
+    const { doc, selection } = tr
+    const { $from, from, to } = selection
+
+    if (dispatch) {
+      const range = getMarkRange($from, type, attributes)
+
+      if (range && range.from <= from && range.to >= to) {
+        const newSelection = TextSelection.create(doc, range.from, range.to)
+
+        tr.setSelection(newSelection)
+      }
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/first.ts b/packages/core/src/commands/first.ts
new file mode 100644
index 0000000..9c23186
--- /dev/null
+++ b/packages/core/src/commands/first.ts
@@ -0,0 +1,26 @@
+import type { Command, CommandProps, RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    first: {
+      /**
+       * Runs one command after the other and stops at the first which returns true.
+       * @param commands The commands to run.
+       * @example editor.commands.first([command1, command2])
+       */
+      first: (commands: Command[] | ((props: CommandProps) => Command[])) => ReturnType
+    }
+  }
+}
+
+export const first: RawCommands['first'] = commands => props => {
+  const items = typeof commands === 'function' ? commands(props) : commands
+
+  for (let i = 0; i < items.length; i += 1) {
+    if (items[i](props)) {
+      return true
+    }
+  }
+
+  return false
+}
diff --git a/packages/core/src/commands/focus.ts b/packages/core/src/commands/focus.ts
new file mode 100644
index 0000000..61201b5
--- /dev/null
+++ b/packages/core/src/commands/focus.ts
@@ -0,0 +1,108 @@
+import { isTextSelection } from '../helpers/isTextSelection.js'
+import { resolveFocusPosition } from '../helpers/resolveFocusPosition.js'
+import type { FocusPosition, RawCommands } from '../types.js'
+import { isAndroid } from '../utilities/isAndroid.js'
+import { isiOS } from '../utilities/isiOS.js'
+import { isSafari } from '../utilities/isSafari.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    focus: {
+      /**
+       * Focus the editor at the given position.
+       * @param position The position to focus at.
+       * @param options.scrollIntoView Scroll the focused position into view after focusing
+       * @example editor.commands.focus()
+       * @example editor.commands.focus(32, { scrollIntoView: false })
+       */
+      focus: (
+        /**
+         * The position to focus at.
+         */
+        position?: FocusPosition,
+
+        /**
+         * Optional options
+         * @default { scrollIntoView: true }
+         */
+        options?: {
+          scrollIntoView?: boolean
+        },
+      ) => ReturnType
+    }
+  }
+}
+
+export const focus: RawCommands['focus'] =
+  (position = null, options = {}) =>
+  ({ editor, view, tr, dispatch }) => {
+    options = {
+      scrollIntoView: true,
+      ...options,
+    }
+
+    const delayedFocus = () => {
+      // focus within `requestAnimationFrame` breaks focus on iOS and Android
+      // so we have to call this
+      if (isiOS() || isAndroid()) {
+        ;(view.dom as HTMLElement).focus()
+      }
+
+      // Safari requires preventScroll to avoid the browser scrolling to the
+      // top of the editor when focus is called before the selection is set.
+      // We exclude iOS and Android since they are already handled above.
+      // see: https://github.com/ueberdosis/tiptap/issues/7318
+      if (isSafari() && !isiOS() && !isAndroid()) {
+        ;(view.dom as HTMLElement).focus({ preventScroll: true })
+      }
+
+      // For React we have to focus asynchronously. Otherwise wild things happen.
+      // see: https://github.com/ueberdosis/tiptap/issues/1520
+      requestAnimationFrame(() => {
+        if (!editor.isDestroyed) {
+          view.focus()
+
+          if (options?.scrollIntoView) {
+            editor.commands.scrollIntoView()
+          }
+        }
+      })
+    }
+
+    try {
+      if ((view.hasFocus() && position === null) || position === false) {
+        return true
+      }
+    } catch {
+      // if view.hasFocus fails (view not mounted yet)
+      // we will return false because there's nothing to focus
+      return false
+    }
+
+    // we don’t try to resolve a NodeSelection or CellSelection
+    if (dispatch && position === null && !isTextSelection(editor.state.selection)) {
+      delayedFocus()
+      return true
+    }
+
+    // pass through tr.doc instead of editor.state.doc
+    // since transactions could change the editors state before this command has been run
+    const selection = resolveFocusPosition(tr.doc, position) || editor.state.selection
+    const isSameSelection = editor.state.selection.eq(selection)
+
+    if (dispatch) {
+      if (!isSameSelection) {
+        tr.setSelection(selection)
+      }
+
+      // `tr.setSelection` resets the stored marks
+      // so we’ll restore them if the selection is the same as before
+      if (isSameSelection && tr.storedMarks) {
+        tr.setStoredMarks(tr.storedMarks)
+      }
+
+      delayedFocus()
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/forEach.ts b/packages/core/src/commands/forEach.ts
new file mode 100644
index 0000000..f5ba3df
--- /dev/null
+++ b/packages/core/src/commands/forEach.ts
@@ -0,0 +1,24 @@
+import type { CommandProps, RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    forEach: {
+      /**
+       * Loop through an array of items.
+       */
+      forEach: <T>(
+        items: T[],
+        fn: (
+          item: T,
+          props: CommandProps & {
+            index: number
+          },
+        ) => boolean,
+      ) => ReturnType
+    }
+  }
+}
+
+export const forEach: RawCommands['forEach'] = (items, fn) => props => {
+  return items.every((item, index) => fn(item, { ...props, index }))
+}
diff --git a/packages/core/src/commands/index.ts b/packages/core/src/commands/index.ts
new file mode 100644
index 0000000..421e6eb
--- /dev/null
+++ b/packages/core/src/commands/index.ts
@@ -0,0 +1,59 @@
+export * from './blur.js'
+export * from './clearContent.js'
+export * from './clearNodes.js'
+export * from './command.js'
+export * from './createParagraphNear.js'
+export * from './cut.js'
+export * from './deleteCurrentNode.js'
+export * from './deleteNode.js'
+export * from './deleteRange.js'
+export * from './deleteSelection.js'
+export * from './enter.js'
+export * from './exitCode.js'
+export * from './extendMarkRange.js'
+export * from './first.js'
+export * from './focus.js'
+export * from './forEach.js'
+export * from './insertContent.js'
+export * from './insertContentAt.js'
+export * from './insertDefaultBlock.js'
+export * from './join.js'
+export * from './joinItemBackward.js'
+export * from './joinItemForward.js'
+export * from './joinTextblockBackward.js'
+export * from './joinTextblockForward.js'
+export * from './keyboardShortcut.js'
+export * from './lift.js'
+export * from './liftEmptyBlock.js'
+export * from './liftListItem.js'
+export * from './newlineInCode.js'
+export * from './resetAttributes.js'
+export * from './scrollIntoView.js'
+export * from './selectAll.js'
+export * from './selectNodeBackward.js'
+export * from './selectNodeForward.js'
+export * from './selectParentNode.js'
+export * from './selectTextblockEnd.js'
+export * from './selectTextblockStart.js'
+export * from './setContent.js'
+export * from './setMark.js'
+export * from './setMeta.js'
+export * from './setNode.js'
+export * from './setNodeSelection.js'
+export * from './setTextDirection.js'
+export * from './setTextSelection.js'
+export * from './sinkListItem.js'
+export * from './splitBlock.js'
+export * from './splitListItem.js'
+export * from './toggleList.js'
+export * from './toggleMark.js'
+export * from './toggleNode.js'
+export * from './toggleWrap.js'
+export * from './undoInputRule.js'
+export * from './unsetAllMarks.js'
+export * from './unsetMark.js'
+export * from './unsetTextDirection.js'
+export * from './updateAttributes.js'
+export * from './updateDecorations.js'
+export * from './wrapIn.js'
+export * from './wrapInList.js'
diff --git a/packages/core/src/commands/insertContent.test.ts b/packages/core/src/commands/insertContent.test.ts
new file mode 100644
index 0000000..84f9a8a
--- /dev/null
+++ b/packages/core/src/commands/insertContent.test.ts
@@ -0,0 +1,197 @@
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Link from '@tiptap/extension-link'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Color, TextStyle } from '@tiptap/extension-text-style'
+import StarterKit from '@tiptap/starter-kit'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+
+describe('insertContent', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('inserts plain text object {type: "text", text: "world"}', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      content: '<p>hello</p>',
+    })
+
+    // Place cursor at the end of "hello" (position 6)
+    editor.commands.setTextSelection(6)
+
+    const result = editor.commands.insertContent({ type: 'text', text: 'world' })
+
+    expect(result).toBe(true)
+    expect(editor.getHTML()).toBe('<p>helloworld</p>')
+  })
+})
+
+describe('insertContent command', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Image, Color, TextStyle, Link, StarterKit],
+      content: '',
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('inserts html content correctly', () => {
+    editor.commands.insertContent(
+      '<h1><a href="https://tiptap.dev/">Tiptap</a></h1><p><strong>Hello World</strong></p><p>This is a paragraph<br />with a break.</p><p>And this is some additional string content.</p>',
+    )
+
+    expect(editor.getHTML()).toContain(
+      '<h1><a target="_blank" rel="noopener noreferrer nofollow" href="https://tiptap.dev/">Tiptap</a></h1><p><strong>Hello World</strong></p><p>This is a paragraph<br>with a break.</p><p>And this is some additional string content.</p>',
+    )
+  })
+
+  it('keeps spaces inbetween tags in html content', () => {
+    editor.commands.insertContent('<p><b>Hello</b> <i>World</i></p>')
+    expect(editor.getHTML()).toContain('<p><strong>Hello</strong> <em>World</em></p>')
+  })
+
+  it('keeps empty spaces', () => {
+    editor.commands.insertContent('  ')
+    expect(editor.getHTML()).toContain('<p>  </p>')
+  })
+
+  it('inserts text content correctly', () => {
+    editor.commands.insertContent(`Hello World
+This is content with a new line. Is this working?
+
+Lets see if multiple new lines are inserted correctly
+
+And more lines`)
+
+    expect(editor.getText()).toContain(
+      'Hello World\nThis is content with a new line. Is this working?\n\nLets see if multiple new lines are inserted correctly',
+    )
+  })
+
+  it('keeps newlines in pre tag', () => {
+    editor.commands.insertContent('<pre><code>foo\nbar</code></pre>')
+    expect(editor.getHTML()).toContain('<pre><code>foo\nbar</code></pre>')
+  })
+
+  it('keeps newlines and tabs', () => {
+    editor.commands.insertContent('<p>Hello\n\tworld\n\t\thow\n\t\t\tnice.\ntest\tOK</p>')
+    expect(editor.getHTML()).toContain('<p>Hello\n\tworld\n\t\thow\n\t\t\tnice.\ntest\tOK</p>')
+  })
+
+  it('keeps newlines and tabs between html fragments', () => {
+    editor.commands.insertContent('<h1>Tiptap</h1>\n<p><strong>Hello World</strong></p>')
+    expect(editor.getHTML()).toContain('<h1>Tiptap</h1><p><strong>Hello World</strong></p>')
+  })
+
+  it('allows inserting nothing', () => {
+    editor.commands.insertContent('')
+    expect(editor.getHTML()).toBeDefined()
+  })
+
+  it('allows inserting a partial HTML tag', () => {
+    editor.commands.insertContent('<p>foo')
+    expect(editor.getHTML()).toContain('<p>foo</p>')
+  })
+
+  it('allows inserting an incomplete HTML tag', () => {
+    editor.commands.insertContent('foo<p')
+    expect(editor.getHTML()).toContain('<p>foo&lt;p</p>')
+  })
+
+  it('allows inserting a list', () => {
+    editor.commands.insertContent('<ul><li>ABC</li><li>123</li></ul>')
+    expect(editor.getHTML()).toContain('<ul><li><p>ABC</p></li><li><p>123</p></li></ul>')
+  })
+
+  it('removes newlines and tabs when parseOptions.preserveWhitespace=false', () => {
+    editor.commands.insertContent('\n<h1>Tiptap</h1><p><strong>Hello\n World</strong>\n</p>\n', {
+      parseOptions: { preserveWhitespace: false },
+    })
+    expect(editor.getHTML()).toContain('<h1>Tiptap</h1><p><strong>Hello World</strong></p>')
+  })
+
+  it('splits content when image is inserted inbetween text', () => {
+    editor.commands.insertContent('<p>HelloWorld</p>')
+    editor.commands.setTextSelection(6)
+    editor.commands.insertContent('<img src="https://example.image/1" alt="This is an example" />')
+
+    expect(editor.getHTML()).toContain(
+      '<p>Hello</p><img src="https://example.image/1" alt="This is an example"><p>World</p>',
+    )
+  })
+
+  it('does not split content when image is inserted at beginning of text', () => {
+    editor.commands.insertContent('<p>HelloWorld</p>')
+    editor.commands.setTextSelection(1)
+    editor.commands.insertContent('<img src="https://example.image/1" alt="This is an example" />')
+
+    expect(editor.getHTML()).toContain(
+      '<img src="https://example.image/1" alt="This is an example"><p>HelloWorld</p>',
+    )
+  })
+
+  it('respects editor.options.parseOptions if defined to be `false`', () => {
+    editor.options.parseOptions = { preserveWhitespace: false }
+    editor.commands.insertContent('\n<h1>Tiptap</h1><p><strong>Hello\n World</strong>\n</p>\n')
+    expect(editor.getHTML()).toContain('<h1>Tiptap</h1><p><strong>Hello World</strong></p>')
+  })
+
+  it('respects editor.options.parseOptions if defined to be `full`', () => {
+    editor.options.parseOptions = { preserveWhitespace: 'full' }
+    editor.commands.insertContent('\n<h1>Tiptap</h1><p><strong>Hello\n World</strong>\n</p>\n')
+    expect(editor.getHTML()).toContain('<h1>Tiptap</h1><p><strong>Hello\n World</strong></p>')
+  })
+
+  it('respects editor.options.parseOptions if defined to be `true`', () => {
+    editor.options.parseOptions = { preserveWhitespace: true }
+    editor.commands.insertContent('<h1>Tiptap</h1><p><strong>Hello\n World</strong>\n</p>')
+    expect(editor.getHTML()).toContain('<h1>Tiptap</h1><p><strong>Hello<br> World</strong></p>')
+  })
+})
+
+describe('insertContent command — applying rules', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [StarterKit],
+      content: '',
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('applies list InputRule', async () => {
+    editor.commands.insertContent('-', { applyInputRules: true })
+    editor.commands.insertContent(' ', { applyInputRules: true })
+    // applyInputRules schedules rule evaluation via setTimeout(0)
+    await new Promise(resolve => {
+      setTimeout(resolve, 0)
+    })
+    expect(editor.getHTML()).toContain('<ul><li><p></p></li></ul>')
+  })
+
+  it('applies markdown using a PasteRule', () => {
+    editor.commands.insertContentAt(1, '*This is an italic text*', { applyPasteRules: true })
+    expect(editor.getHTML()).toContain('<p><em>This is an italic text</em></p>')
+  })
+})
diff --git a/packages/core/src/commands/insertContent.ts b/packages/core/src/commands/insertContent.ts
new file mode 100644
index 0000000..bccd094
--- /dev/null
+++ b/packages/core/src/commands/insertContent.ts
@@ -0,0 +1,50 @@
+import type { Fragment, Node as PMNode, ParseOptions } from '@tiptap/pm/model'
+
+import type { Content, RawCommands } from '../types.js'
+
+export interface InsertContentOptions {
+  /**
+   * Options for parsing the content.
+   */
+  parseOptions?: ParseOptions
+
+  /**
+   * Whether to update the selection after inserting the content.
+   */
+  updateSelection?: boolean
+  applyInputRules?: boolean
+  applyPasteRules?: boolean
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    insertContent: {
+      /**
+       * Insert a node or string of HTML at the current position.
+       * @example editor.commands.insertContent('<h1>Example</h1>')
+       * @example editor.commands.insertContent('<h1>Example</h1>', { updateSelection: false })
+       */
+      insertContent: (
+        /**
+         * The ProseMirror content to insert.
+         */
+        value: Content | PMNode | Fragment,
+
+        /**
+         * Optional options
+         */
+        options?: InsertContentOptions,
+      ) => ReturnType
+    }
+  }
+}
+
+export const insertContent: RawCommands['insertContent'] =
+  (value, options) =>
+  ({ tr, commands }) => {
+    return commands.insertContentAt(
+      { from: tr.selection.from, to: tr.selection.to },
+      value,
+      options,
+    )
+  }
diff --git a/packages/core/src/commands/insertContentAt.test.ts b/packages/core/src/commands/insertContentAt.test.ts
new file mode 100644
index 0000000..d569fb0
--- /dev/null
+++ b/packages/core/src/commands/insertContentAt.test.ts
@@ -0,0 +1,133 @@
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+
+describe('insertContentAt', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  describe('from position adjustment', () => {
+    it('should not adjust the from position for inline content with marks at parentOffset 0', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, Bold],
+        content: '<p>first</p><p>second</p>',
+      })
+
+      let stepFrom: number | undefined
+      const origDispatch = editor.view.dispatch.bind(editor.view)
+
+      editor.view.dispatch = (tr: any) => {
+        if (tr.steps.length > 0) {
+          stepFrom = tr.steps[0].from
+        }
+        return origDispatch(tr)
+      }
+
+      // Position 8 is at parentOffset 0 inside the second paragraph
+      editor.commands.insertContentAt(8, [
+        { type: 'text', text: 'hello', marks: [{ type: 'bold' }] },
+      ])
+
+      // The from position should NOT be adjusted (should remain 8, not 7)
+      expect(stepFrom).toBe(8)
+    })
+
+    it('should adjust the from position for block content at parentOffset 0', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, Bold],
+        content: '<p>first</p><p>second</p>',
+      })
+
+      let stepFrom: number | undefined
+      const origDispatch = editor.view.dispatch.bind(editor.view)
+
+      editor.view.dispatch = (tr: any) => {
+        if (tr.steps.length > 0) {
+          stepFrom = tr.steps[0].from
+        }
+        return origDispatch(tr)
+      }
+
+      // Inserting block content at parentOffset 0 should use from-1
+      editor.commands.insertContentAt(8, [
+        { type: 'paragraph', content: [{ type: 'text', text: 'new' }] },
+      ])
+
+      // The from position SHOULD be adjusted (8 -> 7)
+      expect(stepFrom).toBe(7)
+    })
+  })
+
+  describe('content correctness', () => {
+    it('inserts marked inline content at the start of a paragraph', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, Bold],
+        content: '<p>existing text</p>',
+      })
+
+      editor.commands.insertContentAt(1, [
+        { type: 'text', text: 'hello', marks: [{ type: 'bold' }] },
+      ])
+
+      const json = editor.getJSON()
+
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              { type: 'text', marks: [{ type: 'bold' }], text: 'hello' },
+              { type: 'text', text: 'existing text' },
+            ],
+          },
+        ],
+      })
+    })
+
+    it('inserts block content before a non-empty paragraph', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, Bold],
+        content: '<p>existing text</p>',
+      })
+
+      editor.commands.insertContentAt(1, [
+        { type: 'paragraph', content: [{ type: 'text', text: 'new paragraph' }] },
+      ])
+
+      const json = editor.getJSON()
+
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'new paragraph' }],
+          },
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'existing text' }],
+          },
+        ],
+      })
+    })
+
+    it('inserts plain text at the start of a paragraph', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text],
+        content: '<p>existing text</p>',
+      })
+
+      editor.commands.insertContentAt(1, 'hello')
+
+      expect(editor.getHTML()).toContain('helloexisting text')
+    })
+  })
+})
diff --git a/packages/core/src/commands/insertContentAt.ts b/packages/core/src/commands/insertContentAt.ts
new file mode 100644
index 0000000..74fd3b2
--- /dev/null
+++ b/packages/core/src/commands/insertContentAt.ts
@@ -0,0 +1,208 @@
+import type { Node as PMNode, ParseOptions } from '@tiptap/pm/model'
+import { Fragment } from '@tiptap/pm/model'
+
+import { createNodeFromContent } from '../helpers/createNodeFromContent.js'
+import { isFragment } from '../helpers/isFragment.js'
+import { isProseMirrorContent } from '../helpers/isProseMirrorContent.js'
+import { selectionToInsertionEnd } from '../helpers/selectionToInsertionEnd.js'
+import type { Content, Range, RawCommands } from '../types.js'
+
+export interface InsertContentAtOptions {
+  /**
+   * Options for parsing the content.
+   */
+  parseOptions?: ParseOptions
+
+  /**
+   * Whether to update the selection after inserting the content.
+   */
+  updateSelection?: boolean
+
+  /**
+   * Whether to apply input rules after inserting the content.
+   */
+  applyInputRules?: boolean
+
+  /**
+   * Whether to apply paste rules after inserting the content.
+   */
+  applyPasteRules?: boolean
+
+  /**
+   * Whether to throw an error if the content is invalid.
+   */
+  errorOnInvalidContent?: boolean
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    insertContentAt: {
+      /**
+       * Insert a node or string of HTML at a specific position.
+       * @example editor.commands.insertContentAt(0, '<h1>Example</h1>')
+       */
+      insertContentAt: (
+        /**
+         * The position to insert the content at.
+         */
+        position: number | Range,
+
+        /**
+         * The ProseMirror content to insert.
+         */
+        value: Content | PMNode | Fragment,
+
+        /**
+         * Optional options
+         */
+        options?: InsertContentAtOptions,
+      ) => ReturnType
+    }
+  }
+}
+
+export const insertContentAt: RawCommands['insertContentAt'] =
+  (position, value, options) =>
+  ({ tr, dispatch, editor }) => {
+    if (dispatch) {
+      options = {
+        parseOptions: editor.options.parseOptions,
+        updateSelection: true,
+        applyInputRules: false,
+        applyPasteRules: false,
+        ...options,
+      }
+
+      let content: Fragment | PMNode
+
+      const emitContentError = (error: Error) => {
+        editor.emit('contentError', {
+          editor,
+          error,
+          disableCollaboration: () => {
+            if (
+              'collaboration' in editor.storage &&
+              typeof editor.storage.collaboration === 'object' &&
+              editor.storage.collaboration
+            ) {
+              ;(editor.storage.collaboration as any).isDisabled = true
+            }
+          },
+        })
+      }
+
+      const parseOptions: ParseOptions = {
+        preserveWhitespace: 'full',
+        ...options.parseOptions,
+      }
+
+      // If `emitContentError` is enabled, we want to check the content for errors
+      // but ignore them (do not remove the invalid content from the document)
+      if (
+        !options.errorOnInvalidContent &&
+        !editor.options.enableContentCheck &&
+        editor.options.emitContentError
+      ) {
+        try {
+          createNodeFromContent(value, editor.schema, {
+            parseOptions,
+            errorOnInvalidContent: true,
+          })
+        } catch (e) {
+          emitContentError(e as Error)
+        }
+      }
+
+      try {
+        content = createNodeFromContent(value, editor.schema, {
+          parseOptions,
+          errorOnInvalidContent: options.errorOnInvalidContent ?? editor.options.enableContentCheck,
+        })
+      } catch (e) {
+        emitContentError(e as Error)
+        return false
+      }
+
+      let { from, to } =
+        typeof position === 'number'
+          ? { from: position, to: position }
+          : { from: position.from, to: position.to }
+
+      let isOnlyTextContent = true
+      let isOnlyBlockContent = true
+      const nodes: readonly PMNode[] = isFragment(content) ? content.content : [content]
+
+      nodes.forEach(node => {
+        // check if added node is valid
+        node.check()
+
+        isOnlyTextContent = isOnlyTextContent ? node.isText && node.marks.length === 0 : false
+
+        isOnlyBlockContent = isOnlyBlockContent ? node.isBlock : false
+      })
+
+      // check if we can replace the wrapping node by
+      // the newly inserted content
+      // example:
+      // replace an empty paragraph by an inserted image
+      // instead of inserting the image below the paragraph
+      if (from === to && isOnlyBlockContent) {
+        const { parent } = tr.doc.resolve(from)
+        const isEmptyTextBlock = parent.isTextblock && !parent.type.spec.code && !parent.childCount
+
+        if (isEmptyTextBlock) {
+          from -= 1
+          to += 1
+        }
+      }
+
+      let newContent
+
+      // if there is only plain text we have to use `insertText`
+      // because this will keep the current marks
+      if (isOnlyTextContent) {
+        // if value is string, we can use it directly
+        // otherwise if it is an array, we have to join it
+        if (Array.isArray(value)) {
+          newContent = value.map(item => item.text || '').join('')
+        } else if (isProseMirrorContent(value)) {
+          newContent = nodes.map(node => node.text ?? '').join('')
+        } else if (typeof value === 'object' && !!value && !!value.text) {
+          newContent = value.text
+        } else {
+          newContent = value as string
+        }
+
+        tr.insertText(newContent, from, to)
+      } else {
+        newContent = Fragment.from(nodes)
+
+        const $from = tr.doc.resolve(from)
+        const $fromNode = $from.node()
+        const fromSelectionAtStart = $from.parentOffset === 0
+        const isTextSelection = $fromNode.isText || $fromNode.isTextblock
+        const hasContent = $fromNode.content.size > 0
+
+        if (fromSelectionAtStart && isTextSelection && hasContent && isOnlyBlockContent) {
+          from = Math.max(0, from - 1)
+        }
+
+        tr.replaceWith(from, to, nodes)
+      }
+
+      // set cursor at end of inserted content
+      if (options.updateSelection) {
+        selectionToInsertionEnd(tr, tr.steps.length - 1, -1)
+      }
+
+      if (options.applyInputRules) {
+        tr.setMeta('applyInputRules', { from, text: newContent })
+      }
+
+      if (options.applyPasteRules) {
+        tr.setMeta('applyPasteRules', { from, text: newContent })
+      }
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/insertDefaultBlock.test.ts b/packages/core/src/commands/insertDefaultBlock.test.ts
new file mode 100644
index 0000000..7780cb8
--- /dev/null
+++ b/packages/core/src/commands/insertDefaultBlock.test.ts
@@ -0,0 +1,178 @@
+import Blockquote from '@tiptap/extension-blockquote'
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { NodeSelection } from '@tiptap/pm/state'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+
+describe('insertDefaultBlock', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, Bold, Blockquote, Heading],
+      content: '<p>hello world</p>',
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  describe('position handling', () => {
+    it('uses the current selection position when no pos is provided', () => {
+      editor.view.dispatch(editor.state.tr.setSelection(NodeSelection.create(editor.state.doc, 0)))
+
+      expect(editor.commands.insertDefaultBlock()).toBe(true)
+      expect(editor.getHTML()).toBe('<p></p><p>hello world</p>')
+    })
+
+    it('inserts at a numeric position', () => {
+      editor.commands.insertDefaultBlock({ pos: 0 })
+      const json = editor.getJSON()
+      expect(json.content[0].type).toBe('paragraph')
+      expect(json.content[0].content).toBeUndefined()
+      expect(json.content[1].type).toBe('paragraph')
+    })
+
+    it('inserts at a resolved position', () => {
+      const $pos = editor.state.doc.resolve(0)
+      editor.commands.insertDefaultBlock({ pos: $pos })
+      const json = editor.getJSON()
+      expect(json.content[0].type).toBe('paragraph')
+      expect(json.content[0].content).toBeUndefined()
+    })
+
+    it('returns false when the current caret is inside a textblock', () => {
+      editor.commands.setTextSelection(2)
+
+      expect(editor.commands.insertDefaultBlock()).toBe(false)
+      expect(editor.getHTML()).toBe('<p>hello world</p>')
+    })
+  })
+
+  describe('block type determination', () => {
+    it('inserts a paragraph inside document node', () => {
+      editor.commands.insertDefaultBlock({ pos: 0 })
+      const json = editor.getJSON()
+      expect(json.content[0].type).toBe('paragraph')
+      expect(json.content[0].content).toBeUndefined()
+    })
+
+    it('inserts a paragraph inside a blockquote', () => {
+      editor.commands.setContent('<blockquote><p>quote</p></blockquote>')
+      editor.commands.insertDefaultBlock({ pos: 1 })
+      const bq = editor.state.doc.firstChild
+      expect(bq?.childCount).toBe(2)
+      expect(bq?.firstChild?.type.name).toBe('paragraph')
+      expect(bq?.firstChild?.textContent).toBe('')
+    })
+
+    it('does not escape a blockquote when the position is inside its paragraph', () => {
+      editor.commands.setContent('<blockquote><p>quote</p></blockquote>')
+
+      expect(editor.commands.insertDefaultBlock({ pos: 2 })).toBe(false)
+      expect(editor.getHTML()).toBe('<blockquote><p>quote</p></blockquote>')
+    })
+
+    it('inserts at the end of the document', () => {
+      editor.commands.insertDefaultBlock({ pos: editor.state.doc.content.size })
+      const json = editor.getJSON()
+      expect(json.content).toHaveLength(2)
+      expect(json.content[0].type).toBe('paragraph')
+      expect(json.content[0].content).toBeDefined()
+      expect(json.content[1].type).toBe('paragraph')
+      expect(json.content[1].content).toBeUndefined()
+    })
+
+    it('inserts default block inside a blockquote', () => {
+      editor.commands.setContent('<blockquote><p>existing</p></blockquote>')
+      editor.commands.insertDefaultBlock({ pos: 1, content: 'new content' })
+      const bq = editor.state.doc.firstChild
+      expect(bq?.type.name).toBe('blockquote')
+      expect(bq?.childCount).toBe(2)
+      expect(bq?.firstChild?.textContent).toBe('new content')
+      expect(bq?.lastChild?.textContent).toBe('existing')
+    })
+  })
+
+  describe('content', () => {
+    it('inserts block with text content', () => {
+      editor.commands.insertDefaultBlock({ pos: 0, content: 'Hello' })
+      expect(editor.getHTML()).toBe('<p>Hello</p><p>hello world</p>')
+    })
+
+    it('inserts block with HTML content', () => {
+      editor.commands.insertDefaultBlock({ pos: 0, content: '<strong>bold</strong>' })
+      expect(editor.getHTML()).toBe('<p><strong>bold</strong></p><p>hello world</p>')
+    })
+
+    it('inserts empty block when no content provided', () => {
+      editor.commands.insertDefaultBlock({ pos: 0 })
+      const json = editor.getJSON()
+      const firstBlock = json.content[0]
+      expect(firstBlock.type).toBe('paragraph')
+      expect(firstBlock.content).toBeUndefined()
+    })
+  })
+
+  describe('attributes', () => {
+    it('applies valid attributes to a non-paragraph default block', () => {
+      editor.destroy()
+
+      const element = document.createElement('div')
+      document.body.appendChild(element)
+      editor = new Editor({
+        element,
+        extensions: [Document.extend({ content: 'heading+' }), Heading, Text],
+        content: '<h1>existing</h1>',
+      })
+
+      editor.commands.insertDefaultBlock({ pos: 0, attrs: { level: 2 }, content: 'new' })
+
+      expect(editor.getJSON()).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'heading',
+            attrs: { level: 2 },
+            content: [{ type: 'text', text: 'new' }],
+          },
+          {
+            type: 'heading',
+            attrs: { level: 1 },
+            content: [{ type: 'text', text: 'existing' }],
+          },
+        ],
+      })
+
+      expect(editor.commands.insertDefaultBlock({ pos: 0, attrs: { level: 3, foo: 'bar' } })).toBe(
+        true,
+      )
+      expect(editor.state.doc.firstChild?.attrs).toEqual({ level: 3 })
+    })
+  })
+
+  describe('selection', () => {
+    it('updates selection by default', () => {
+      editor.commands.insertDefaultBlock({ pos: 0, content: 'Hello' })
+      const selection = editor.state.selection
+      expect(selection.$from.parent.type.name).toBe('paragraph')
+      expect(selection.$from.parent.textContent).toBe('Hello')
+    })
+
+    it('does not update selection when updateSelection is false', () => {
+      editor.commands.setTextSelection(0)
+      editor.commands.insertDefaultBlock({ pos: 0, updateSelection: false })
+      // Selection is mapped through the transaction, so position shifts
+      expect(editor.state.selection.from).toBe(3)
+    })
+  })
+})
diff --git a/packages/core/src/commands/insertDefaultBlock.ts b/packages/core/src/commands/insertDefaultBlock.ts
new file mode 100644
index 0000000..4dc6a75
--- /dev/null
+++ b/packages/core/src/commands/insertDefaultBlock.ts
@@ -0,0 +1,97 @@
+import type { Node as PMNode, Fragment, ResolvedPos } from '@tiptap/pm/model'
+
+import { createNodeFromContent } from '../helpers/createNodeFromContent.js'
+import { defaultBlockAt } from '../helpers/defaultBlockAt.js'
+import { selectionToInsertionEnd } from '../helpers/selectionToInsertionEnd.js'
+import type { Content, RawCommands } from '../types.js'
+
+export interface InsertDefaultBlockOptions {
+  /**
+   * The position to insert the block at.
+   * Accepts a number or a resolved ProseMirror position.
+   * Defaults to the current caret position.
+   */
+  pos?: number | ResolvedPos
+
+  /**
+   * Attributes to apply to the inserted node.
+   * Only attributes that match the node's schema will be applied.
+   */
+  attrs?: Record<string, any>
+
+  /**
+   * Content to insert into the block.
+   * Accepts string (plain text or HTML), ProseMirror node, or Fragment.
+   */
+  content?: Content | PMNode | Fragment
+
+  /**
+   * Whether to update the selection after inserting the content.
+   * @default true
+   */
+  updateSelection?: boolean
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    insertDefaultBlock: {
+      /**
+       * Insert a default content block at the given position.
+       * Returns false when the default block can't be inserted at that position.
+       * @example editor.commands.insertDefaultBlock()
+       * @example editor.commands.insertDefaultBlock({ pos: 5, content: 'Hello' })
+       */
+      insertDefaultBlock: (options?: InsertDefaultBlockOptions) => ReturnType
+    }
+  }
+}
+
+export const insertDefaultBlock: RawCommands['insertDefaultBlock'] =
+  (options = {}) =>
+  ({ tr, dispatch, editor }) => {
+    const { pos, attrs, content, updateSelection = true } = options
+
+    let $pos: ResolvedPos
+
+    if (typeof pos === 'number') {
+      $pos = tr.doc.resolve(pos)
+    } else if (pos) {
+      $pos = pos
+    } else {
+      $pos = tr.selection.$from
+    }
+
+    const defaultType = defaultBlockAt($pos.parent.contentMatchAt($pos.index()))
+
+    if (!defaultType) {
+      return false
+    }
+
+    const validAttrKeys = Object.keys(defaultType.spec.attrs || {})
+    const filteredAttrs = attrs
+      ? Object.fromEntries(Object.entries(attrs).filter(([key]) => validAttrKeys.includes(key)))
+      : {}
+
+    let node: PMNode | null | undefined
+
+    if (content) {
+      const parsed = createNodeFromContent(content, editor.schema)
+      node = defaultType.createAndFill(filteredAttrs, parsed)
+    } else {
+      node = defaultType.createAndFill(filteredAttrs)
+    }
+
+    if (!node) {
+      return false
+    }
+
+    if (dispatch) {
+      tr.insert($pos.pos, node)
+
+      if (updateSelection) {
+        selectionToInsertionEnd(tr, tr.steps.length - 1, -1)
+      }
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/join.ts b/packages/core/src/commands/join.ts
new file mode 100644
index 0000000..ec64ab5
--- /dev/null
+++ b/packages/core/src/commands/join.ts
@@ -0,0 +1,69 @@
+import {
+  joinBackward as originalJoinBackward,
+  joinDown as originalJoinDown,
+  joinForward as originalJoinForward,
+  joinUp as originalJoinUp,
+} from '@tiptap/pm/commands'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    joinUp: {
+      /**
+       * Join the selected block or, if there is a text selection, the closest ancestor block of the selection that can be joined, with the sibling above it.
+       * @example editor.commands.joinUp()
+       */
+      joinUp: () => ReturnType
+    }
+    joinDown: {
+      /**
+       * Join the selected block, or the closest ancestor of the selection that can be joined, with the sibling after it.
+       * @example editor.commands.joinDown()
+       */
+      joinDown: () => ReturnType
+    }
+    joinBackward: {
+      /**
+       * If the selection is empty and at the start of a textblock, try to reduce the distance between that block and the one before it—if there's a block directly before it that can be joined, join them.
+       * If not, try to move the selected block closer to the next one in the document structure by lifting it out of its
+       * parent or moving it into a parent of the previous block. Will use the view for accurate (bidi-aware) start-of-textblock detection if given.
+       * @example editor.commands.joinBackward()
+       */
+      joinBackward: () => ReturnType
+    }
+    joinForward: {
+      /**
+       * If the selection is empty and the cursor is at the end of a textblock, try to reduce or remove the boundary between that block and the one after it,
+       * either by joining them or by moving the other block closer to this one in the tree structure.
+       * Will use the view for accurate start-of-textblock detection if given.
+       * @example editor.commands.joinForward()
+       */
+      joinForward: () => ReturnType
+    }
+  }
+}
+
+export const joinUp: RawCommands['joinUp'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalJoinUp(state, dispatch)
+  }
+
+export const joinDown: RawCommands['joinDown'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalJoinDown(state, dispatch)
+  }
+
+export const joinBackward: RawCommands['joinBackward'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalJoinBackward(state, dispatch)
+  }
+
+export const joinForward: RawCommands['joinForward'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalJoinForward(state, dispatch)
+  }
diff --git a/packages/core/src/commands/joinItemBackward.ts b/packages/core/src/commands/joinItemBackward.ts
new file mode 100644
index 0000000..45b69f5
--- /dev/null
+++ b/packages/core/src/commands/joinItemBackward.ts
@@ -0,0 +1,37 @@
+import { joinPoint } from '@tiptap/pm/transform'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    joinItemBackward: {
+      /**
+       * Join two items backward.
+       * @example editor.commands.joinItemBackward()
+       */
+      joinItemBackward: () => ReturnType
+    }
+  }
+}
+
+export const joinItemBackward: RawCommands['joinItemBackward'] =
+  () =>
+  ({ state, dispatch, tr }) => {
+    try {
+      const point = joinPoint(state.doc, state.selection.$from.pos, -1)
+
+      if (point === null || point === undefined) {
+        return false
+      }
+
+      tr.join(point, 2)
+
+      if (dispatch) {
+        dispatch(tr)
+      }
+
+      return true
+    } catch {
+      return false
+    }
+  }
diff --git a/packages/core/src/commands/joinItemForward.ts b/packages/core/src/commands/joinItemForward.ts
new file mode 100644
index 0000000..e292959
--- /dev/null
+++ b/packages/core/src/commands/joinItemForward.ts
@@ -0,0 +1,37 @@
+import { joinPoint } from '@tiptap/pm/transform'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    joinItemForward: {
+      /**
+       * Join two items Forwards.
+       * @example editor.commands.joinItemForward()
+       */
+      joinItemForward: () => ReturnType
+    }
+  }
+}
+
+export const joinItemForward: RawCommands['joinItemForward'] =
+  () =>
+  ({ state, dispatch, tr }) => {
+    try {
+      const point = joinPoint(state.doc, state.selection.$from.pos, +1)
+
+      if (point === null || point === undefined) {
+        return false
+      }
+
+      tr.join(point, 2)
+
+      if (dispatch) {
+        dispatch(tr)
+      }
+
+      return true
+    } catch {
+      return false
+    }
+  }
diff --git a/packages/core/src/commands/joinTextblockBackward.ts b/packages/core/src/commands/joinTextblockBackward.ts
new file mode 100644
index 0000000..40add29
--- /dev/null
+++ b/packages/core/src/commands/joinTextblockBackward.ts
@@ -0,0 +1,20 @@
+import { joinTextblockBackward as originalCommand } from '@tiptap/pm/commands'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    joinTextblockBackward: {
+      /**
+       * A more limited form of joinBackward that only tries to join the current textblock to the one before it, if the cursor is at the start of a textblock.
+       */
+      joinTextblockBackward: () => ReturnType
+    }
+  }
+}
+
+export const joinTextblockBackward: RawCommands['joinTextblockBackward'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalCommand(state, dispatch)
+  }
diff --git a/packages/core/src/commands/joinTextblockForward.ts b/packages/core/src/commands/joinTextblockForward.ts
new file mode 100644
index 0000000..23d8338
--- /dev/null
+++ b/packages/core/src/commands/joinTextblockForward.ts
@@ -0,0 +1,20 @@
+import { joinTextblockForward as originalCommand } from '@tiptap/pm/commands'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    joinTextblockForward: {
+      /**
+       * A more limited form of joinForward that only tries to join the current textblock to the one after it, if the cursor is at the end of a textblock.
+       */
+      joinTextblockForward: () => ReturnType
+    }
+  }
+}
+
+export const joinTextblockForward: RawCommands['joinTextblockForward'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalCommand(state, dispatch)
+  }
diff --git a/packages/core/src/commands/keyboardShortcut.ts b/packages/core/src/commands/keyboardShortcut.ts
new file mode 100644
index 0000000..3dfd26f
--- /dev/null
+++ b/packages/core/src/commands/keyboardShortcut.ts
@@ -0,0 +1,100 @@
+import type { RawCommands } from '../types.js'
+import { isiOS } from '../utilities/isiOS.js'
+import { isMacOS } from '../utilities/isMacOS.js'
+
+function normalizeKeyName(name: string) {
+  const parts = name.split(/-(?!$)/)
+  let result = parts[parts.length - 1]
+
+  if (result === 'Space') {
+    result = ' '
+  }
+
+  let alt
+  let ctrl
+  let shift
+  let meta
+
+  for (let i = 0; i < parts.length - 1; i += 1) {
+    const mod = parts[i]
+
+    if (/^(cmd|meta|m)$/i.test(mod)) {
+      meta = true
+    } else if (/^a(lt)?$/i.test(mod)) {
+      alt = true
+    } else if (/^(c|ctrl|control)$/i.test(mod)) {
+      ctrl = true
+    } else if (/^s(hift)?$/i.test(mod)) {
+      shift = true
+    } else if (/^mod$/i.test(mod)) {
+      if (isiOS() || isMacOS()) {
+        meta = true
+      } else {
+        ctrl = true
+      }
+    } else {
+      throw new Error(`Unrecognized modifier name: ${mod}`)
+    }
+  }
+
+  if (alt) {
+    result = `Alt-${result}`
+  }
+
+  if (ctrl) {
+    result = `Ctrl-${result}`
+  }
+
+  if (meta) {
+    result = `Meta-${result}`
+  }
+
+  if (shift) {
+    result = `Shift-${result}`
+  }
+
+  return result
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    keyboardShortcut: {
+      /**
+       * Trigger a keyboard shortcut.
+       * @param name The name of the keyboard shortcut.
+       * @example editor.commands.keyboardShortcut('Mod-b')
+       */
+      keyboardShortcut: (name: string) => ReturnType
+    }
+  }
+}
+
+export const keyboardShortcut: RawCommands['keyboardShortcut'] =
+  name =>
+  ({ editor, view, tr, dispatch }) => {
+    const keys = normalizeKeyName(name).split(/-(?!$)/)
+    const key = keys.find(item => !['Alt', 'Ctrl', 'Meta', 'Shift'].includes(item))
+    const event = new KeyboardEvent('keydown', {
+      key: key === 'Space' ? ' ' : key,
+      altKey: keys.includes('Alt'),
+      ctrlKey: keys.includes('Ctrl'),
+      metaKey: keys.includes('Meta'),
+      shiftKey: keys.includes('Shift'),
+      bubbles: true,
+      cancelable: true,
+    })
+
+    const capturedTransaction = editor.captureTransaction(() => {
+      view.someProp('handleKeyDown', f => f(view, event))
+    })
+
+    capturedTransaction?.steps.forEach(step => {
+      const newStep = step.map(tr.mapping)
+
+      if (newStep && dispatch) {
+        tr.maybeStep(newStep)
+      }
+    })
+
+    return true
+  }
diff --git a/packages/core/src/commands/lift.ts b/packages/core/src/commands/lift.ts
new file mode 100644
index 0000000..66954cf
--- /dev/null
+++ b/packages/core/src/commands/lift.ts
@@ -0,0 +1,34 @@
+import { lift as originalLift } from '@tiptap/pm/commands'
+import type { NodeType } from '@tiptap/pm/model'
+
+import { getNodeType } from '../helpers/getNodeType.js'
+import { isNodeActive } from '../helpers/isNodeActive.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    lift: {
+      /**
+       * Removes an existing wrap if possible lifting the node out of it
+       * @param typeOrName The type or name of the node.
+       * @param attributes The attributes of the node.
+       * @example editor.commands.lift('paragraph')
+       * @example editor.commands.lift('heading', { level: 1 })
+       */
+      lift: (typeOrName: string | NodeType, attributes?: Record<string, any>) => ReturnType
+    }
+  }
+}
+
+export const lift: RawCommands['lift'] =
+  (typeOrName, attributes = {}) =>
+  ({ state, dispatch }) => {
+    const type = getNodeType(typeOrName, state.schema)
+    const isActive = isNodeActive(state, type, attributes)
+
+    if (!isActive) {
+      return false
+    }
+
+    return originalLift(state, dispatch)
+  }
diff --git a/packages/core/src/commands/liftEmptyBlock.ts b/packages/core/src/commands/liftEmptyBlock.ts
new file mode 100644
index 0000000..a61600e
--- /dev/null
+++ b/packages/core/src/commands/liftEmptyBlock.ts
@@ -0,0 +1,21 @@
+import { liftEmptyBlock as originalLiftEmptyBlock } from '@tiptap/pm/commands'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    liftEmptyBlock: {
+      /**
+       * If the cursor is in an empty textblock that can be lifted, lift the block.
+       * @example editor.commands.liftEmptyBlock()
+       */
+      liftEmptyBlock: () => ReturnType
+    }
+  }
+}
+
+export const liftEmptyBlock: RawCommands['liftEmptyBlock'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalLiftEmptyBlock(state, dispatch)
+  }
diff --git a/packages/core/src/commands/liftListItem.ts b/packages/core/src/commands/liftListItem.ts
new file mode 100644
index 0000000..c46c097
--- /dev/null
+++ b/packages/core/src/commands/liftListItem.ts
@@ -0,0 +1,26 @@
+import type { NodeType } from '@tiptap/pm/model'
+import { liftListItem as originalLiftListItem } from '@tiptap/pm/schema-list'
+
+import { getNodeType } from '../helpers/getNodeType.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    liftListItem: {
+      /**
+       * Create a command to lift the list item around the selection up into a wrapping list.
+       * @param typeOrName The type or name of the node.
+       * @example editor.commands.liftListItem('listItem')
+       */
+      liftListItem: (typeOrName: string | NodeType) => ReturnType
+    }
+  }
+}
+
+export const liftListItem: RawCommands['liftListItem'] =
+  typeOrName =>
+  ({ state, dispatch }) => {
+    const type = getNodeType(typeOrName, state.schema)
+
+    return originalLiftListItem(type)(state, dispatch)
+  }
diff --git a/packages/core/src/commands/newlineInCode.ts b/packages/core/src/commands/newlineInCode.ts
new file mode 100644
index 0000000..fbd7773
--- /dev/null
+++ b/packages/core/src/commands/newlineInCode.ts
@@ -0,0 +1,21 @@
+import { newlineInCode as originalNewlineInCode } from '@tiptap/pm/commands'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    newlineInCode: {
+      /**
+       * Add a newline character in code.
+       * @example editor.commands.newlineInCode()
+       */
+      newlineInCode: () => ReturnType
+    }
+  }
+}
+
+export const newlineInCode: RawCommands['newlineInCode'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalNewlineInCode(state, dispatch)
+  }
diff --git a/packages/core/src/commands/resetAttributes.ts b/packages/core/src/commands/resetAttributes.ts
new file mode 100644
index 0000000..705ec3e
--- /dev/null
+++ b/packages/core/src/commands/resetAttributes.ts
@@ -0,0 +1,80 @@
+import type { MarkType, NodeType } from '@tiptap/pm/model'
+
+import { getMarkType } from '../helpers/getMarkType.js'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { getSchemaTypeNameByName } from '../helpers/getSchemaTypeNameByName.js'
+import type { RawCommands } from '../types.js'
+import { deleteProps } from '../utilities/deleteProps.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    resetAttributes: {
+      /**
+       * Resets some node attributes to the default value.
+       * @param typeOrName The type or name of the node.
+       * @param attributes The attributes of the node to reset.
+       * @example editor.commands.resetAttributes('heading', 'level')
+       */
+      resetAttributes: (
+        typeOrName: string | NodeType | MarkType,
+        attributes: string | string[],
+      ) => ReturnType
+    }
+  }
+}
+
+export const resetAttributes: RawCommands['resetAttributes'] =
+  (typeOrName, attributes) =>
+  ({ tr, state, dispatch }) => {
+    let nodeType: NodeType | null = null
+    let markType: MarkType | null = null
+
+    const schemaType = getSchemaTypeNameByName(
+      typeof typeOrName === 'string' ? typeOrName : typeOrName.name,
+      state.schema,
+    )
+
+    if (!schemaType) {
+      return false
+    }
+
+    if (schemaType === 'node') {
+      nodeType = getNodeType(typeOrName as NodeType, state.schema)
+    }
+
+    if (schemaType === 'mark') {
+      markType = getMarkType(typeOrName as MarkType, state.schema)
+    }
+
+    let canReset = false
+
+    tr.selection.ranges.forEach(range => {
+      state.doc.nodesBetween(range.$from.pos, range.$to.pos, (node, pos) => {
+        if (nodeType && nodeType === node.type) {
+          canReset = true
+
+          if (dispatch) {
+            tr.setNodeMarkup(pos, undefined, deleteProps(node.attrs, attributes))
+          }
+        }
+
+        if (markType && node.marks.length) {
+          node.marks.forEach(mark => {
+            if (markType === mark.type) {
+              canReset = true
+
+              if (dispatch) {
+                tr.addMark(
+                  pos,
+                  pos + node.nodeSize,
+                  markType.create(deleteProps(mark.attrs, attributes)),
+                )
+              }
+            }
+          })
+        }
+      })
+    })
+
+    return canReset
+  }
diff --git a/packages/core/src/commands/scrollIntoView.ts b/packages/core/src/commands/scrollIntoView.ts
new file mode 100644
index 0000000..cba9b55
--- /dev/null
+++ b/packages/core/src/commands/scrollIntoView.ts
@@ -0,0 +1,23 @@
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    scrollIntoView: {
+      /**
+       * Scroll the selection into view.
+       * @example editor.commands.scrollIntoView()
+       */
+      scrollIntoView: () => ReturnType
+    }
+  }
+}
+
+export const scrollIntoView: RawCommands['scrollIntoView'] =
+  () =>
+  ({ tr, dispatch }) => {
+    if (dispatch) {
+      tr.scrollIntoView()
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/selectAll.ts b/packages/core/src/commands/selectAll.ts
new file mode 100644
index 0000000..2dfa091
--- /dev/null
+++ b/packages/core/src/commands/selectAll.ts
@@ -0,0 +1,27 @@
+import { AllSelection } from '@tiptap/pm/state'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    selectAll: {
+      /**
+       * Select the whole document.
+       * @example editor.commands.selectAll()
+       */
+      selectAll: () => ReturnType
+    }
+  }
+}
+
+export const selectAll: RawCommands['selectAll'] =
+  () =>
+  ({ tr, dispatch }) => {
+    if (dispatch) {
+      const selection = new AllSelection(tr.doc)
+
+      tr.setSelection(selection)
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/selectNodeBackward.ts b/packages/core/src/commands/selectNodeBackward.ts
new file mode 100644
index 0000000..7400c71
--- /dev/null
+++ b/packages/core/src/commands/selectNodeBackward.ts
@@ -0,0 +1,21 @@
+import { selectNodeBackward as originalSelectNodeBackward } from '@tiptap/pm/commands'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    selectNodeBackward: {
+      /**
+       * Select a node backward.
+       * @example editor.commands.selectNodeBackward()
+       */
+      selectNodeBackward: () => ReturnType
+    }
+  }
+}
+
+export const selectNodeBackward: RawCommands['selectNodeBackward'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalSelectNodeBackward(state, dispatch)
+  }
diff --git a/packages/core/src/commands/selectNodeForward.ts b/packages/core/src/commands/selectNodeForward.ts
new file mode 100644
index 0000000..c5dc6e1
--- /dev/null
+++ b/packages/core/src/commands/selectNodeForward.ts
@@ -0,0 +1,21 @@
+import { selectNodeForward as originalSelectNodeForward } from '@tiptap/pm/commands'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    selectNodeForward: {
+      /**
+       * Select a node forward.
+       * @example editor.commands.selectNodeForward()
+       */
+      selectNodeForward: () => ReturnType
+    }
+  }
+}
+
+export const selectNodeForward: RawCommands['selectNodeForward'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalSelectNodeForward(state, dispatch)
+  }
diff --git a/packages/core/src/commands/selectParentNode.ts b/packages/core/src/commands/selectParentNode.ts
new file mode 100644
index 0000000..5820eec
--- /dev/null
+++ b/packages/core/src/commands/selectParentNode.ts
@@ -0,0 +1,21 @@
+import { selectParentNode as originalSelectParentNode } from '@tiptap/pm/commands'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    selectParentNode: {
+      /**
+       * Select the parent node.
+       * @example editor.commands.selectParentNode()
+       */
+      selectParentNode: () => ReturnType
+    }
+  }
+}
+
+export const selectParentNode: RawCommands['selectParentNode'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalSelectParentNode(state, dispatch)
+  }
diff --git a/packages/core/src/commands/selectTextblockEnd.ts b/packages/core/src/commands/selectTextblockEnd.ts
new file mode 100644
index 0000000..6ec9cf0
--- /dev/null
+++ b/packages/core/src/commands/selectTextblockEnd.ts
@@ -0,0 +1,23 @@
+// @ts-ignore
+// TODO: add types to @types/prosemirror-commands
+import { selectTextblockEnd as originalSelectTextblockEnd } from '@tiptap/pm/commands'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    selectTextblockEnd: {
+      /**
+       * Moves the cursor to the end of current text block.
+       * @example editor.commands.selectTextblockEnd()
+       */
+      selectTextblockEnd: () => ReturnType
+    }
+  }
+}
+
+export const selectTextblockEnd: RawCommands['selectTextblockEnd'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalSelectTextblockEnd(state, dispatch)
+  }
diff --git a/packages/core/src/commands/selectTextblockStart.ts b/packages/core/src/commands/selectTextblockStart.ts
new file mode 100644
index 0000000..1d6ec79
--- /dev/null
+++ b/packages/core/src/commands/selectTextblockStart.ts
@@ -0,0 +1,23 @@
+// @ts-ignore
+// TODO: add types to @types/prosemirror-commands
+import { selectTextblockStart as originalSelectTextblockStart } from '@tiptap/pm/commands'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    selectTextblockStart: {
+      /**
+       * Moves the cursor to the start of current text block.
+       * @example editor.commands.selectTextblockStart()
+       */
+      selectTextblockStart: () => ReturnType
+    }
+  }
+}
+
+export const selectTextblockStart: RawCommands['selectTextblockStart'] =
+  () =>
+  ({ state, dispatch }) => {
+    return originalSelectTextblockStart(state, dispatch)
+  }
diff --git a/packages/core/src/commands/setContent.test.ts b/packages/core/src/commands/setContent.test.ts
new file mode 100644
index 0000000..d982eb5
--- /dev/null
+++ b/packages/core/src/commands/setContent.test.ts
@@ -0,0 +1,177 @@
+import Mention from '@tiptap/extension-mention'
+import StarterKit from '@tiptap/starter-kit'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+
+describe('setContent command', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [StarterKit, Mention],
+      content: '',
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('inserts raw text content', () => {
+    editor.commands.setContent('Hello World.')
+    expect(editor.getHTML()).toContain('<p>Hello World.</p>')
+  })
+
+  it('inserts raw JSON content', () => {
+    editor.commands.setContent({
+      type: 'paragraph',
+      content: [{ type: 'text', text: 'Hello World.' }],
+    })
+    expect(editor.getHTML()).toContain('<p>Hello World.</p>')
+  })
+
+  it('inserts a Prosemirror Node as content', () => {
+    editor.commands.setContent(
+      editor.schema.node('paragraph', null, editor.schema.text('Hello World.')),
+    )
+    expect(editor.getHTML()).toContain('<p>Hello World.</p>')
+  })
+
+  it('inserts a Prosemirror Fragment as content', () => {
+    editor.commands.setContent(
+      editor.schema.node(
+        'doc',
+        null,
+        editor.schema.node('paragraph', null, editor.schema.text('Hello World.')),
+      ).content,
+    )
+    expect(editor.getHTML()).toContain('<p>Hello World.</p>')
+  })
+
+  it('respects the emitUpdate option', () => {
+    let updateCount = 0
+    const callback = () => {
+      updateCount += 1
+    }
+    editor.on('update', callback)
+
+    editor.commands.setContent('Hello World.', { emitUpdate: true })
+    const first = updateCount
+
+    updateCount = 0
+    editor.commands.setContent('Hello World again.', { emitUpdate: false })
+    const second = updateCount
+    editor.off('update', callback)
+
+    expect(first).toBe(1)
+    expect(second).toBe(0)
+  })
+
+  it('inserts more complex html content', () => {
+    editor.commands.setContent(
+      '<h1>Welcome to Tiptap</h1><p>This is a paragraph.</p><ul><li><p>List Item A</p></li><li><p>List Item B</p><ul><li><p>Subchild</p></li></ul></li></ul>',
+    )
+    expect(editor.getHTML()).toContain(
+      '<h1>Welcome to Tiptap</h1><p>This is a paragraph.</p><ul><li><p>List Item A</p></li><li><p>List Item B</p><ul><li><p>Subchild</p></li></ul></li></ul>',
+    )
+  })
+
+  it('removes newlines and tabs', () => {
+    editor.commands.setContent('<p>Hello\n\tworld\n\t\thow\n\t\t\tnice.</p>')
+    expect(editor.getHTML()).toContain('<p>Hello world how nice.</p>')
+  })
+
+  it('keeps newlines and tabs when preserveWhitespace = full', () => {
+    editor.commands.setContent('<p>Hello\n\tworld\n\t\thow\n\t\t\tnice.</p>', {
+      parseOptions: { preserveWhitespace: 'full' },
+    })
+    expect(editor.getHTML()).toContain('<p>Hello\n\tworld\n\t\thow\n\t\t\tnice.</p>')
+  })
+
+  it('overwrites existing content', () => {
+    editor.commands.setContent('<p>Initial Content</p>')
+    expect(editor.getHTML()).toContain('<p>Initial Content</p>')
+
+    editor.commands.setContent('<p>Overwritten Content</p>')
+    expect(editor.getHTML()).toContain('<p>Overwritten Content</p>')
+
+    editor.commands.setContent('Content without tags')
+    expect(editor.getHTML()).toContain('<p>Content without tags</p>')
+  })
+
+  it('inserts mentions', () => {
+    editor.commands.setContent(
+      '<p><span data-type="mention" data-id="1" data-label="John Doe">@John Doe</span></p>',
+    )
+    expect(editor.getHTML()).toContain(
+      '<span data-type="mention" data-id="1" data-label="John Doe" data-mention-suggestion-char="@">@John Doe</span>',
+    )
+  })
+
+  it('removes newlines and tabs between html fragments', () => {
+    editor.commands.setContent('<h1>Tiptap</h1>\n\t<p><strong>Hello World</strong></p>')
+    expect(editor.getHTML()).toContain('<h1>Tiptap</h1><p><strong>Hello World</strong></p>')
+  })
+
+  it('keeps newlines and tabs between html fragments when preserveWhitespace = full', () => {
+    editor.commands.setContent('<h1>Tiptap</h1>\n\t<p><strong>Hello World</strong></p>', {
+      parseOptions: { preserveWhitespace: 'full' },
+    })
+    expect(editor.getHTML()).toContain(
+      '<h1>Tiptap</h1><p>\n\t</p><p><strong>Hello World</strong></p>',
+    )
+  })
+
+  it('allows inserting nothing', () => {
+    editor.commands.setContent('')
+    expect(editor.getHTML()).toBeDefined()
+  })
+
+  it('allows inserting nothing when preserveWhitespace = full', () => {
+    editor.commands.setContent('', { parseOptions: { preserveWhitespace: 'full' } })
+    expect(editor.getHTML()).toBeDefined()
+  })
+
+  it('allows inserting a partial HTML tag', () => {
+    editor.commands.setContent('<p>foo')
+    expect(editor.getHTML()).toContain('<p>foo</p>')
+  })
+
+  it('allows inserting a partial HTML tag when preserveWhitespace = full', () => {
+    editor.commands.setContent('<p>foo', { parseOptions: { preserveWhitespace: 'full' } })
+    expect(editor.getHTML()).toContain('<p>foo</p>')
+  })
+
+  it('removes an incomplete HTML tag', () => {
+    editor.commands.setContent('foo<p')
+    expect(editor.getHTML()).toContain('<p>foo</p>')
+  })
+
+  it('allows inserting an incomplete HTML tag when preserveWhitespace = full', () => {
+    editor.commands.setContent('foo<p', { parseOptions: { preserveWhitespace: 'full' } })
+    expect(editor.getHTML()).toContain('<p>foo&lt;p</p>')
+  })
+
+  it('allows inserting a list', () => {
+    editor.commands.setContent('<ul><li>ABC</li><li>123</li></ul>')
+    expect(editor.getHTML()).toContain('<ul><li><p>ABC</p></li><li><p>123</p></li></ul>')
+  })
+
+  it('allows inserting a list when preserveWhitespace = full', () => {
+    editor.commands.setContent('<ul><li>ABC</li><li>123</li></ul>', {
+      parseOptions: { preserveWhitespace: 'full' },
+    })
+    expect(editor.getHTML()).toContain('<ul><li><p>ABC</p></li><li><p>123</p></li></ul>')
+  })
+
+  it('removes newlines and tabs when parseOptions.preserveWhitespace=false', () => {
+    editor.commands.setContent('\n<h1>Tiptap</h1><p><strong>Hello\n World</strong>\n</p>\n', {
+      parseOptions: { preserveWhitespace: false },
+    })
+    expect(editor.getHTML()).toContain('<h1>Tiptap</h1><p><strong>Hello World</strong></p>')
+  })
+})
diff --git a/packages/core/src/commands/setContent.ts b/packages/core/src/commands/setContent.ts
new file mode 100644
index 0000000..ca4bf57
--- /dev/null
+++ b/packages/core/src/commands/setContent.ts
@@ -0,0 +1,79 @@
+import type { Fragment, Node as PMNode, ParseOptions } from '@tiptap/pm/model'
+
+import { createDocument } from '../helpers/createDocument.js'
+import { isFragment } from '../helpers/isFragment.js'
+import type { Content, RawCommands } from '../types.js'
+
+export interface SetContentOptions {
+  /**
+   * Options for parsing the content.
+   * @default {}
+   */
+  parseOptions?: ParseOptions
+
+  /**
+   * Whether to throw an error if the content is invalid.
+   */
+  errorOnInvalidContent?: boolean
+
+  /**
+   * Whether to emit an update event.
+   * @default true
+   */
+  emitUpdate?: boolean
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    setContent: {
+      /**
+       * Replace the whole document with new content.
+       * @param content The new content.
+       * @param emitUpdate Whether to emit an update event.
+       * @param parseOptions Options for parsing the content.
+       * @example editor.commands.setContent('<p>Example text</p>')
+       */
+      setContent: (
+        /**
+         * The new content.
+         */
+        content: Content | Fragment | PMNode,
+
+        /**
+         * Options for `setContent`.
+         */
+        options?: SetContentOptions,
+      ) => ReturnType
+    }
+  }
+}
+
+export const setContent: RawCommands['setContent'] =
+  (content, { errorOnInvalidContent, emitUpdate = true, parseOptions = {} } = {}) =>
+  ({ editor, tr, dispatch, commands }) => {
+    const { doc } = tr
+
+    // This is to keep backward compatibility with the previous behavior
+    // TODO remove this in the next major version
+    if (parseOptions.preserveWhitespace !== 'full') {
+      const document = createDocument(content, editor.schema, parseOptions, {
+        errorOnInvalidContent: errorOnInvalidContent ?? editor.options.enableContentCheck,
+      })
+
+      if (dispatch) {
+        const nodes = isFragment(document) ? document.content : [document]
+
+        tr.replaceWith(0, doc.content.size, nodes).setMeta('preventUpdate', !emitUpdate)
+      }
+      return true
+    }
+
+    if (dispatch) {
+      tr.setMeta('preventUpdate', !emitUpdate)
+    }
+
+    return commands.insertContentAt({ from: 0, to: doc.content.size }, content, {
+      parseOptions,
+      errorOnInvalidContent: errorOnInvalidContent ?? editor.options.enableContentCheck,
+    })
+  }
diff --git a/packages/core/src/commands/setMark.ts b/packages/core/src/commands/setMark.ts
new file mode 100644
index 0000000..d9b2242
--- /dev/null
+++ b/packages/core/src/commands/setMark.ts
@@ -0,0 +1,122 @@
+import type { MarkType, ResolvedPos } from '@tiptap/pm/model'
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+
+import { getMarkAttributes } from '../helpers/getMarkAttributes.js'
+import { getMarkType } from '../helpers/getMarkType.js'
+import { isTextSelection } from '../helpers/index.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    setMark: {
+      /**
+       * Add a mark with new attributes.
+       * @param typeOrName The mark type or name.
+       * @example editor.commands.setMark('bold', { level: 1 })
+       */
+      setMark: (typeOrName: string | MarkType, attributes?: Record<string, any>) => ReturnType
+    }
+  }
+}
+
+function canSetMark(state: EditorState, tr: Transaction, newMarkType: MarkType) {
+  const { selection } = tr
+  let cursor: ResolvedPos | null = null
+
+  if (isTextSelection(selection)) {
+    cursor = selection.$cursor
+  }
+
+  if (cursor) {
+    const currentMarks = state.storedMarks ?? cursor.marks()
+    const parentAllowsMarkType = cursor.parent.type.allowsMarkType(newMarkType)
+
+    // There can be no current marks that exclude the new mark, and the parent must allow this mark type
+    return (
+      parentAllowsMarkType &&
+      (!!newMarkType.isInSet(currentMarks) ||
+        !currentMarks.some(mark => mark.type.excludes(newMarkType)))
+    )
+  }
+
+  const { ranges } = selection
+
+  return ranges.some(({ $from, $to }) => {
+    let someNodeSupportsMark =
+      $from.depth === 0
+        ? state.doc.inlineContent && state.doc.type.allowsMarkType(newMarkType)
+        : false
+
+    state.doc.nodesBetween($from.pos, $to.pos, (node, _pos, parent) => {
+      // If we already found a mark that we can enable, return false to bypass the remaining search
+      if (someNodeSupportsMark) {
+        return false
+      }
+
+      if (node.isInline) {
+        const parentAllowsMarkType = !parent || parent.type.allowsMarkType(newMarkType)
+        const currentMarksAllowMarkType =
+          !!newMarkType.isInSet(node.marks) ||
+          !node.marks.some(otherMark => otherMark.type.excludes(newMarkType))
+
+        someNodeSupportsMark = parentAllowsMarkType && currentMarksAllowMarkType
+      }
+      return !someNodeSupportsMark
+    })
+
+    return someNodeSupportsMark
+  })
+}
+export const setMark: RawCommands['setMark'] =
+  (typeOrName, attributes = {}) =>
+  ({ tr, state, dispatch }) => {
+    const { selection } = tr
+    const { empty, ranges } = selection
+    const type = getMarkType(typeOrName, state.schema)
+
+    if (dispatch) {
+      if (empty) {
+        const oldAttributes = getMarkAttributes(state, type)
+
+        tr.addStoredMark(
+          type.create({
+            ...oldAttributes,
+            ...attributes,
+          }),
+        )
+      } else {
+        ranges.forEach(range => {
+          const from = range.$from.pos
+          const to = range.$to.pos
+
+          state.doc.nodesBetween(from, to, (node, pos) => {
+            const trimmedFrom = Math.max(pos, from)
+            const trimmedTo = Math.min(pos + node.nodeSize, to)
+            const someHasMark = node.marks.find(mark => mark.type === type)
+
+            // if there is already a mark of this type
+            // we know that we have to merge its attributes
+            // otherwise we add a fresh new mark
+            if (someHasMark) {
+              node.marks.forEach(mark => {
+                if (type === mark.type) {
+                  tr.addMark(
+                    trimmedFrom,
+                    trimmedTo,
+                    type.create({
+                      ...mark.attrs,
+                      ...attributes,
+                    }),
+                  )
+                }
+              })
+            } else {
+              tr.addMark(trimmedFrom, trimmedTo, type.create(attributes))
+            }
+          })
+        })
+      }
+    }
+
+    return canSetMark(state, tr, type)
+  }
diff --git a/packages/core/src/commands/setMeta.ts b/packages/core/src/commands/setMeta.ts
new file mode 100644
index 0000000..b1dad85
--- /dev/null
+++ b/packages/core/src/commands/setMeta.ts
@@ -0,0 +1,25 @@
+import type { Plugin, PluginKey } from '@tiptap/pm/state'
+
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    setMeta: {
+      /**
+       * Store a metadata property in the current transaction.
+       * @param key The key of the metadata property.
+       * @param value The value to store.
+       * @example editor.commands.setMeta('foo', 'bar')
+       */
+      setMeta: (key: string | Plugin | PluginKey, value: any) => ReturnType
+    }
+  }
+}
+
+export const setMeta: RawCommands['setMeta'] =
+  (key, value) =>
+  ({ tr }) => {
+    tr.setMeta(key, value)
+
+    return true
+  }
diff --git a/packages/core/src/commands/setNode.ts b/packages/core/src/commands/setNode.ts
new file mode 100644
index 0000000..e66f701
--- /dev/null
+++ b/packages/core/src/commands/setNode.ts
@@ -0,0 +1,57 @@
+import { setBlockType } from '@tiptap/pm/commands'
+import type { NodeType } from '@tiptap/pm/model'
+
+import { getNodeType } from '../helpers/getNodeType.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    setNode: {
+      /**
+       * Replace a given range with a node.
+       * @param typeOrName The type or name of the node
+       * @param attributes The attributes of the node
+       * @example editor.commands.setNode('paragraph')
+       */
+      setNode: (typeOrName: string | NodeType, attributes?: Record<string, any>) => ReturnType
+    }
+  }
+}
+
+export const setNode: RawCommands['setNode'] =
+  (typeOrName, attributes = {}) =>
+  ({ state, dispatch, chain }) => {
+    const type = getNodeType(typeOrName, state.schema)
+
+    let attributesToCopy: Record<string, any> | undefined
+
+    if (state.selection.$anchor.sameParent(state.selection.$head)) {
+      // only copy attributes if the selection is pointing to a node of the same type
+      attributesToCopy = state.selection.$anchor.parent.attrs
+    }
+
+    // TODO: use a fallback like insertContent?
+    if (!type.isTextblock) {
+      console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.')
+
+      return false
+    }
+
+    return (
+      chain()
+        // try to convert node to default node if needed
+        .command(({ commands }) => {
+          const canSetBlock = setBlockType(type, { ...attributesToCopy, ...attributes })(state)
+
+          if (canSetBlock) {
+            return true
+          }
+
+          return commands.clearNodes()
+        })
+        .command(({ state: updatedState }) => {
+          return setBlockType(type, { ...attributesToCopy, ...attributes })(updatedState, dispatch)
+        })
+        .run()
+    )
+  }
diff --git a/packages/core/src/commands/setNodeSelection.ts b/packages/core/src/commands/setNodeSelection.ts
new file mode 100644
index 0000000..4c9ea30
--- /dev/null
+++ b/packages/core/src/commands/setNodeSelection.ts
@@ -0,0 +1,31 @@
+import { NodeSelection } from '@tiptap/pm/state'
+
+import type { RawCommands } from '../types.js'
+import { minMax } from '../utilities/minMax.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    setNodeSelection: {
+      /**
+       * Creates a NodeSelection.
+       * @param position - Position of the node.
+       * @example editor.commands.setNodeSelection(10)
+       */
+      setNodeSelection: (position: number) => ReturnType
+    }
+  }
+}
+
+export const setNodeSelection: RawCommands['setNodeSelection'] =
+  position =>
+  ({ tr, dispatch }) => {
+    if (dispatch) {
+      const { doc } = tr
+      const from = minMax(position, 0, doc.content.size)
+      const selection = NodeSelection.create(doc, from)
+
+      tr.setSelection(selection)
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/setTextDirection.ts b/packages/core/src/commands/setTextDirection.ts
new file mode 100644
index 0000000..8c62f84
--- /dev/null
+++ b/packages/core/src/commands/setTextDirection.ts
@@ -0,0 +1,51 @@
+import type { Range, RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    setTextDirection: {
+      /**
+       * Set the text direction for nodes.
+       * If no position is provided, it will use the current selection.
+       * @param direction The text direction to set ('ltr', 'rtl', or 'auto')
+       * @param position Optional position or range to apply the direction to
+       * @example editor.commands.setTextDirection('rtl')
+       * @example editor.commands.setTextDirection('ltr', { from: 0, to: 10 })
+       */
+      setTextDirection: (direction: 'ltr' | 'rtl' | 'auto', position?: number | Range) => ReturnType
+    }
+  }
+}
+
+export const setTextDirection: RawCommands['setTextDirection'] =
+  (direction, position) =>
+  ({ tr, state, dispatch }) => {
+    const { selection } = state
+    let from: number
+    let to: number
+
+    if (typeof position === 'number') {
+      from = position
+      to = position
+    } else if (position && 'from' in position && 'to' in position) {
+      from = position.from
+      to = position.to
+    } else {
+      from = selection.from
+      to = selection.to
+    }
+
+    if (dispatch) {
+      tr.doc.nodesBetween(from, to, (node, pos) => {
+        if (node.isText) {
+          return
+        }
+
+        tr.setNodeMarkup(pos, undefined, {
+          ...node.attrs,
+          dir: direction,
+        })
+      })
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/setTextSelection.ts b/packages/core/src/commands/setTextSelection.ts
new file mode 100644
index 0000000..eec3783
--- /dev/null
+++ b/packages/core/src/commands/setTextSelection.ts
@@ -0,0 +1,36 @@
+import { TextSelection } from '@tiptap/pm/state'
+
+import type { Range, RawCommands } from '../types.js'
+import { minMax } from '../utilities/minMax.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    setTextSelection: {
+      /**
+       * Creates a TextSelection.
+       * @param position The position of the selection.
+       * @example editor.commands.setTextSelection(10)
+       */
+      setTextSelection: (position: number | Range) => ReturnType
+    }
+  }
+}
+
+export const setTextSelection: RawCommands['setTextSelection'] =
+  position =>
+  ({ tr, dispatch }) => {
+    if (dispatch) {
+      const { doc } = tr
+      const { from, to } =
+        typeof position === 'number' ? { from: position, to: position } : position
+      const minPos = TextSelection.atStart(doc).from
+      const maxPos = TextSelection.atEnd(doc).to
+      const resolvedFrom = minMax(from, minPos, maxPos)
+      const resolvedEnd = minMax(to, minPos, maxPos)
+      const selection = TextSelection.create(doc, resolvedFrom, resolvedEnd)
+
+      tr.setSelection(selection)
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/sinkListItem.ts b/packages/core/src/commands/sinkListItem.ts
new file mode 100644
index 0000000..4188dea
--- /dev/null
+++ b/packages/core/src/commands/sinkListItem.ts
@@ -0,0 +1,26 @@
+import type { NodeType } from '@tiptap/pm/model'
+import { sinkListItem as originalSinkListItem } from '@tiptap/pm/schema-list'
+
+import { getNodeType } from '../helpers/getNodeType.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    sinkListItem: {
+      /**
+       * Sink the list item down into an inner list.
+       * @param typeOrName The type or name of the node.
+       * @example editor.commands.sinkListItem('listItem')
+       */
+      sinkListItem: (typeOrName: string | NodeType) => ReturnType
+    }
+  }
+}
+
+export const sinkListItem: RawCommands['sinkListItem'] =
+  typeOrName =>
+  ({ state, dispatch }) => {
+    const type = getNodeType(typeOrName, state.schema)
+
+    return originalSinkListItem(type)(state, dispatch)
+  }
diff --git a/packages/core/src/commands/splitBlock.ts b/packages/core/src/commands/splitBlock.ts
new file mode 100644
index 0000000..6f264da
--- /dev/null
+++ b/packages/core/src/commands/splitBlock.ts
@@ -0,0 +1,127 @@
+import type { EditorState } from '@tiptap/pm/state'
+import { NodeSelection, TextSelection } from '@tiptap/pm/state'
+import { canSplit } from '@tiptap/pm/transform'
+
+import { defaultBlockAt } from '../helpers/defaultBlockAt.js'
+import { getSplittedAttributes } from '../helpers/getSplittedAttributes.js'
+import type { RawCommands } from '../types.js'
+
+function ensureMarks(state: EditorState, splittableMarks?: string[]) {
+  const marks =
+    state.storedMarks || (state.selection.$to.parentOffset && state.selection.$from.marks())
+
+  if (marks) {
+    const filteredMarks = marks.filter(mark => splittableMarks?.includes(mark.type.name))
+
+    state.tr.ensureMarks(filteredMarks)
+  }
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    splitBlock: {
+      /**
+       * Forks a new node from an existing node.
+       * @param options.keepMarks Keep marks from the previous node.
+       * @example editor.commands.splitBlock()
+       * @example editor.commands.splitBlock({ keepMarks: true })
+       */
+      splitBlock: (options?: { keepMarks?: boolean }) => ReturnType
+    }
+  }
+}
+
+export const splitBlock: RawCommands['splitBlock'] =
+  ({ keepMarks = true } = {}) =>
+  ({ tr, state, dispatch, editor }) => {
+    const { selection, doc } = tr
+    const { $from, $to } = selection
+    const extensionAttributes = editor.extensionManager.attributes
+    const newAttributes = getSplittedAttributes(
+      extensionAttributes,
+      $from.node().type.name,
+      $from.node().attrs,
+    )
+
+    if (selection instanceof NodeSelection && selection.node.isBlock) {
+      if (!$from.parentOffset || !canSplit(doc, $from.pos)) {
+        return false
+      }
+
+      if (dispatch) {
+        if (keepMarks) {
+          ensureMarks(state, editor.extensionManager.splittableMarks)
+        }
+
+        tr.split($from.pos).scrollIntoView()
+      }
+
+      return true
+    }
+
+    if (!$from.parent.isBlock) {
+      return false
+    }
+
+    const atEnd = $to.parentOffset === $to.parent.content.size
+
+    const deflt =
+      $from.depth === 0
+        ? undefined
+        : defaultBlockAt($from.node(-1).contentMatchAt($from.indexAfter(-1)))
+
+    let types =
+      atEnd && deflt
+        ? [
+            {
+              type: deflt,
+              attrs: newAttributes,
+            },
+          ]
+        : undefined
+
+    let can = canSplit(tr.doc, tr.mapping.map($from.pos), 1, types)
+
+    if (
+      !types &&
+      !can &&
+      canSplit(tr.doc, tr.mapping.map($from.pos), 1, deflt ? [{ type: deflt }] : undefined)
+    ) {
+      can = true
+      types = deflt
+        ? [
+            {
+              type: deflt,
+              attrs: newAttributes,
+            },
+          ]
+        : undefined
+    }
+
+    if (dispatch) {
+      if (can) {
+        if (selection instanceof TextSelection) {
+          tr.deleteSelection()
+        }
+
+        tr.split(tr.mapping.map($from.pos), 1, types)
+
+        if (deflt && !atEnd && !$from.parentOffset && $from.parent.type !== deflt) {
+          const first = tr.mapping.map($from.before())
+          const $first = tr.doc.resolve(first)
+
+          if ($from.node(-1).canReplaceWith($first.index(), $first.index() + 1, deflt)) {
+            tr.setNodeMarkup(tr.mapping.map($from.before()), deflt)
+          }
+        }
+      }
+
+      if (keepMarks) {
+        ensureMarks(state, editor.extensionManager.splittableMarks)
+      }
+
+      tr.scrollIntoView()
+    }
+
+    return can
+  }
diff --git a/packages/core/src/commands/splitListItem.ts b/packages/core/src/commands/splitListItem.ts
new file mode 100644
index 0000000..00eda39
--- /dev/null
+++ b/packages/core/src/commands/splitListItem.ts
@@ -0,0 +1,157 @@
+import type { Node as PMNode, NodeType } from '@tiptap/pm/model'
+import { Fragment, Slice } from '@tiptap/pm/model'
+import { TextSelection } from '@tiptap/pm/state'
+import { canSplit } from '@tiptap/pm/transform'
+
+import { getNodeType } from '../helpers/getNodeType.js'
+import { getSplittedAttributes } from '../helpers/getSplittedAttributes.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    splitListItem: {
+      /**
+       * Splits one list item into two list items.
+       * @param typeOrName The type or name of the node.
+       * @param overrideAttrs The attributes to ensure on the new node.
+       * @example editor.commands.splitListItem('listItem')
+       */
+      splitListItem: (
+        typeOrName: string | NodeType,
+        overrideAttrs?: Record<string, any>,
+      ) => ReturnType
+    }
+  }
+}
+
+export const splitListItem: RawCommands['splitListItem'] =
+  (typeOrName, overrideAttrs = {}) =>
+  ({ tr, state, dispatch, editor }) => {
+    const type = getNodeType(typeOrName, state.schema)
+    const { $from, $to } = state.selection
+
+    // @ts-ignore
+    // oxlint-disable-next-line
+    const node: PMNode = state.selection.node
+
+    if ((node && node.isBlock) || $from.depth < 2 || !$from.sameParent($to)) {
+      return false
+    }
+
+    const grandParent = $from.node(-1)
+
+    if (grandParent.type !== type) {
+      return false
+    }
+
+    const extensionAttributes = editor.extensionManager.attributes
+
+    if ($from.parent.content.size === 0 && $from.node(-1).childCount === $from.indexAfter(-1)) {
+      // In an empty block. If this is a nested list, the wrapping
+      // list item should be split. Otherwise, bail out and let next
+      // command handle lifting.
+      if (
+        $from.depth === 2 ||
+        $from.node(-3).type !== type ||
+        $from.index(-2) !== $from.node(-2).childCount - 1
+      ) {
+        return false
+      }
+
+      if (dispatch) {
+        let wrap = Fragment.empty
+        // oxlint-disable-next-line
+        const depthBefore = $from.index(-1) ? 1 : $from.index(-2) ? 2 : 3
+
+        // Build a fragment containing empty versions of the structure
+        // from the outer list item to the parent node of the cursor
+        for (let d = $from.depth - depthBefore; d >= $from.depth - 3; d -= 1) {
+          wrap = Fragment.from($from.node(d).copy(wrap))
+        }
+
+        const depthAfter =
+          // oxlint-disable-next-line no-nested-ternary
+          $from.indexAfter(-1) < $from.node(-2).childCount
+            ? 1
+            : $from.indexAfter(-2) < $from.node(-3).childCount
+              ? 2
+              : 3
+
+        // Add a second list item with an empty default start node
+        const newNextTypeAttributes = {
+          ...getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs),
+          ...overrideAttrs,
+        }
+        const nextType =
+          type.contentMatch.defaultType?.createAndFill(newNextTypeAttributes) || undefined
+
+        wrap = wrap.append(Fragment.from(type.createAndFill(null, nextType) || undefined))
+
+        const start = $from.before($from.depth - (depthBefore - 1))
+
+        tr.replace(start, $from.after(-depthAfter), new Slice(wrap, 4 - depthBefore, 0))
+
+        let sel = -1
+
+        tr.doc.nodesBetween(start, tr.doc.content.size, (n, pos) => {
+          if (sel > -1) {
+            return false
+          }
+
+          if (n.isTextblock && n.content.size === 0) {
+            sel = pos + 1
+          }
+        })
+
+        if (sel > -1) {
+          tr.setSelection(TextSelection.near(tr.doc.resolve(sel)))
+        }
+
+        tr.scrollIntoView()
+      }
+
+      return true
+    }
+
+    const nextType = $to.pos === $from.end() ? grandParent.contentMatchAt(0).defaultType : null
+
+    const newTypeAttributes = {
+      ...getSplittedAttributes(extensionAttributes, grandParent.type.name, grandParent.attrs),
+      ...overrideAttrs,
+    }
+    const newNextTypeAttributes = {
+      ...getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs),
+      ...overrideAttrs,
+    }
+
+    tr.delete($from.pos, $to.pos)
+
+    const types = nextType
+      ? [
+          { type, attrs: newTypeAttributes },
+          { type: nextType, attrs: newNextTypeAttributes },
+        ]
+      : [{ type, attrs: newTypeAttributes }]
+
+    if (!canSplit(tr.doc, $from.pos, 2)) {
+      return false
+    }
+
+    if (dispatch) {
+      const { selection, storedMarks } = state
+      const { splittableMarks } = editor.extensionManager
+      const marks = storedMarks || (selection.$to.parentOffset && selection.$from.marks())
+
+      tr.split($from.pos, 2, types).scrollIntoView()
+
+      if (!marks || !dispatch) {
+        return true
+      }
+
+      const filteredMarks = marks.filter(mark => splittableMarks.includes(mark.type.name))
+
+      tr.ensureMarks(filteredMarks)
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/toggleList.ts b/packages/core/src/commands/toggleList.ts
new file mode 100644
index 0000000..d040d0c
--- /dev/null
+++ b/packages/core/src/commands/toggleList.ts
@@ -0,0 +1,258 @@
+import type { NodeType } from '@tiptap/pm/model'
+import type { Transaction } from '@tiptap/pm/state'
+import { TextSelection } from '@tiptap/pm/state'
+import { canJoin } from '@tiptap/pm/transform'
+
+import { findParentNode } from '../helpers/findParentNode.js'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { isList } from '../helpers/isList.js'
+import type { RawCommands } from '../types.js'
+
+/**
+ * Normalise a list type attribute for comparison.
+ * Treats null, undefined, and "1" as equivalent (the default numeric type).
+ */
+function normalizeListType(type: string | null | undefined): string | null {
+  return !type || type === '1' ? null : type
+}
+
+/**
+ * Check if two list type attributes are compatible for joining.
+ * Lists can only join when they have the same type (both default, or both the same non-default type).
+ */
+function areListTypesCompatible(
+  typeA: string | null | undefined,
+  typeB: string | null | undefined,
+): boolean {
+  return normalizeListType(typeA) === normalizeListType(typeB)
+}
+
+const joinListBackwards = (tr: Transaction, listType: NodeType): boolean => {
+  const list = findParentNode(node => node.type === listType)(tr.selection)
+
+  if (!list) {
+    return true
+  }
+
+  const before = tr.doc.resolve(Math.max(0, list.pos - 1)).before(list.depth)
+
+  if (before === undefined) {
+    return true
+  }
+
+  const nodeBefore = tr.doc.nodeAt(before)
+  const canJoinBackwards = list.node.type === nodeBefore?.type && canJoin(tr.doc, list.pos)
+
+  if (!canJoinBackwards) {
+    return true
+  }
+
+  // Don't join if the type attributes are incompatible
+  // (e.g. a default-type list should not merge with a type="a" list)
+  if (!areListTypesCompatible(list.node.attrs.type, nodeBefore?.attrs.type)) {
+    return true
+  }
+
+  tr.join(list.pos)
+
+  return true
+}
+
+const joinListForwards = (tr: Transaction, listType: NodeType): boolean => {
+  const list = findParentNode(node => node.type === listType)(tr.selection)
+
+  if (!list) {
+    return true
+  }
+
+  const after = tr.doc.resolve(list.start).after(list.depth)
+
+  if (after === undefined) {
+    return true
+  }
+
+  const nodeAfter = tr.doc.nodeAt(after)
+  const canJoinForwards = list.node.type === nodeAfter?.type && canJoin(tr.doc, after)
+
+  if (!canJoinForwards) {
+    return true
+  }
+
+  // Don't join if the type attributes are incompatible
+  if (!areListTypesCompatible(list.node.attrs.type, nodeAfter?.attrs.type)) {
+    return true
+  }
+
+  tr.join(after)
+
+  return true
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    toggleList: {
+      /**
+       * Toggle between different list types.
+       * @param listTypeOrName The type or name of the list.
+       * @param itemTypeOrName The type or name of the list item.
+       * @param keepMarks Keep marks when toggling.
+       * @param attributes Attributes for the new list.
+       * @example editor.commands.toggleList('bulletList', 'listItem')
+       */
+      toggleList: (
+        listTypeOrName: string | NodeType,
+        itemTypeOrName: string | NodeType,
+        keepMarks?: boolean,
+        attributes?: Record<string, any>,
+      ) => ReturnType
+    }
+  }
+}
+
+function createInnerSelectionForWholeDocList(tr: Transaction) {
+  const doc = tr.doc
+  const list = doc.firstChild
+
+  if (!list) {
+    return null
+  }
+
+  // Place the selection inside the list node so that ProseMirror's
+  // liftListItem command can operate. AllSelection sits at the doc root.
+  // Use TextSelection.between to resolve positions into valid inline
+  // content positions, so the selection survives position mapping after
+  // liftListItem removes list/item wrappers.
+  const $start = doc.resolve(1)
+  const $end = doc.resolve(list.nodeSize - 1)
+
+  return TextSelection.between($start, $end)
+}
+export const toggleList: RawCommands['toggleList'] =
+  (listTypeOrName, itemTypeOrName, keepMarks, attributes = {}) =>
+  ({ editor, tr, state, dispatch, chain, commands, can }) => {
+    const { extensions, splittableMarks } = editor.extensionManager
+    const listType = getNodeType(listTypeOrName, state.schema)
+    const itemType = getNodeType(itemTypeOrName, state.schema)
+    const { selection, storedMarks } = state
+    const { $from, $to } = selection
+    const range = $from.blockRange($to)
+
+    const marks = storedMarks || (selection.$to.parentOffset && selection.$from.marks())
+
+    if (!range) {
+      return false
+    }
+
+    const parentList = findParentNode(node => isList(node.type.name, extensions))(selection)
+
+    // When the user presses Ctrl/Cmd+A, ProseMirror creates an `AllSelection`
+    // covering the entire document (0..doc.content.size). In that case
+    // `findParentNode` cannot detect the surrounding list because the
+    // selection sits at the document root. If the document consists of a
+    // single top-level list node, treat that list as the active list so the
+    // toggle logic can correctly lift or change it.
+    const isAllSelection = selection.from === 0 && selection.to === state.doc.content.size
+    const topLevelNodes = state.doc.content.content
+    const soleTopLevelNode = topLevelNodes.length === 1 ? topLevelNodes[0] : null
+    const allSelectionList =
+      isAllSelection && soleTopLevelNode && isList(soleTopLevelNode.type.name, extensions)
+        ? {
+            node: soleTopLevelNode,
+            pos: 0,
+            depth: 0,
+          }
+        : null
+
+    const currentList = parentList ?? allSelectionList
+
+    const isInsideExistingList =
+      !!parentList && range.depth >= 1 && range.depth - parentList.depth <= 1
+
+    const hasWholeDocSelectedList = !!allSelectionList
+    if ((isInsideExistingList || hasWholeDocSelectedList) && currentList) {
+      // remove list
+      if (currentList.node.type === listType) {
+        if (isAllSelection && hasWholeDocSelectedList) {
+          return chain()
+            .command(({ tr: trx, dispatch: disp }) => {
+              // Ctrl/Cmd+A creates an AllSelection at the document root.
+              // When the whole document is a single top-level list, normalize the
+              // selection into that list before lifting, since liftListItem expects
+              // a selection inside a list item.
+              const nextSelection = createInnerSelectionForWholeDocList(trx)
+
+              if (!nextSelection) {
+                return false
+              }
+
+              trx.setSelection(nextSelection)
+
+              if (disp) {
+                disp(trx)
+              }
+
+              return true
+            })
+            .liftListItem(itemType)
+            .run()
+        }
+
+        return commands.liftListItem(itemType)
+      }
+
+      // change list type
+      if (
+        isList(currentList.node.type.name, extensions) &&
+        listType.validContent(currentList.node.content)
+      ) {
+        return chain()
+          .command(() => {
+            tr.setNodeMarkup(currentList.pos, listType)
+
+            return true
+          })
+          .command(() => joinListBackwards(tr, listType))
+          .command(() => joinListForwards(tr, listType))
+          .run()
+      }
+    }
+
+    if (!keepMarks || !marks || !dispatch) {
+      return (
+        chain()
+          // try to convert node to default node if needed
+          .command(() => {
+            const canWrapInList = can().wrapInList(listType, attributes)
+            if (canWrapInList) {
+              return true
+            }
+            return commands.clearNodes()
+          })
+          .wrapInList(listType, attributes)
+          .command(() => joinListBackwards(tr, listType))
+          .command(() => joinListForwards(tr, listType))
+          .run()
+      )
+    }
+
+    return (
+      chain()
+        // try to convert node to default node if needed
+        .command(() => {
+          const canWrapInList = can().wrapInList(listType, attributes)
+
+          const filteredMarks = marks.filter(mark => splittableMarks.includes(mark.type.name))
+
+          tr.ensureMarks(filteredMarks)
+
+          if (canWrapInList) {
+            return true
+          }
+          return commands.clearNodes()
+        })
+        .wrapInList(listType, attributes)
+        .command(() => joinListBackwards(tr, listType))
+        .command(() => joinListForwards(tr, listType))
+        .run()
+    )
+  }
diff --git a/packages/core/src/commands/toggleMark.ts b/packages/core/src/commands/toggleMark.ts
new file mode 100644
index 0000000..e83cf28
--- /dev/null
+++ b/packages/core/src/commands/toggleMark.ts
@@ -0,0 +1,51 @@
+import type { MarkType } from '@tiptap/pm/model'
+
+import { getMarkType } from '../helpers/getMarkType.js'
+import { isMarkActive } from '../helpers/isMarkActive.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    toggleMark: {
+      /**
+       * Toggle a mark on and off.
+       * @param typeOrName The mark type or name.
+       * @param attributes The attributes of the mark.
+       * @param options.extendEmptyMarkRange Removes the mark even across the current selection. Defaults to `false`.
+       * @example editor.commands.toggleMark('bold')
+       */
+      toggleMark: (
+        /**
+         * The mark type or name.
+         */
+        typeOrName: string | MarkType,
+
+        /**
+         * The attributes of the mark.
+         */
+        attributes?: Record<string, any>,
+
+        options?: {
+          /**
+           * Removes the mark even across the current selection. Defaults to `false`.
+           */
+          extendEmptyMarkRange?: boolean
+        },
+      ) => ReturnType
+    }
+  }
+}
+
+export const toggleMark: RawCommands['toggleMark'] =
+  (typeOrName, attributes = {}, options = {}) =>
+  ({ state, commands }) => {
+    const { extendEmptyMarkRange = false } = options
+    const type = getMarkType(typeOrName, state.schema)
+    const isActive = isMarkActive(state, type, attributes)
+
+    if (isActive) {
+      return commands.unsetMark(type, { extendEmptyMarkRange })
+    }
+
+    return commands.setMark(type, attributes)
+  }
diff --git a/packages/core/src/commands/toggleNode.ts b/packages/core/src/commands/toggleNode.ts
new file mode 100644
index 0000000..502ea82
--- /dev/null
+++ b/packages/core/src/commands/toggleNode.ts
@@ -0,0 +1,47 @@
+import type { NodeType } from '@tiptap/pm/model'
+
+import { getNodeType } from '../helpers/getNodeType.js'
+import { isNodeActive } from '../helpers/isNodeActive.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    toggleNode: {
+      /**
+       * Toggle a node with another node.
+       * @param typeOrName The type or name of the node.
+       * @param toggleTypeOrName The type or name of the node to toggle.
+       * @param attributes The attributes of the node.
+       * @example editor.commands.toggleNode('heading', 'paragraph')
+       */
+      toggleNode: (
+        typeOrName: string | NodeType,
+        toggleTypeOrName: string | NodeType,
+        attributes?: Record<string, any>,
+      ) => ReturnType
+    }
+  }
+}
+
+export const toggleNode: RawCommands['toggleNode'] =
+  (typeOrName, toggleTypeOrName, attributes = {}) =>
+  ({ state, commands }) => {
+    const type = getNodeType(typeOrName, state.schema)
+    const toggleType = getNodeType(toggleTypeOrName, state.schema)
+    const isActive = isNodeActive(state, type, attributes)
+
+    let attributesToCopy: Record<string, any> | undefined
+
+    if (state.selection.$anchor.sameParent(state.selection.$head)) {
+      // only copy attributes if the selection is pointing to a node of the same type
+      attributesToCopy = state.selection.$anchor.parent.attrs
+    }
+
+    if (isActive) {
+      return commands.setNode(toggleType, attributesToCopy)
+    }
+
+    // If the node is not active, we want to set the new node type with the given attributes
+    // Copying over the attributes from the current node if the selection is pointing to a node of the same type
+    return commands.setNode(type, { ...attributesToCopy, ...attributes })
+  }
diff --git a/packages/core/src/commands/toggleWrap.ts b/packages/core/src/commands/toggleWrap.ts
new file mode 100644
index 0000000..442a614
--- /dev/null
+++ b/packages/core/src/commands/toggleWrap.ts
@@ -0,0 +1,32 @@
+import type { NodeType } from '@tiptap/pm/model'
+
+import { getNodeType } from '../helpers/getNodeType.js'
+import { isNodeActive } from '../helpers/isNodeActive.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    toggleWrap: {
+      /**
+       * Wraps nodes in another node, or removes an existing wrap.
+       * @param typeOrName The type or name of the node.
+       * @param attributes The attributes of the node.
+       * @example editor.commands.toggleWrap('blockquote')
+       */
+      toggleWrap: (typeOrName: string | NodeType, attributes?: Record<string, any>) => ReturnType
+    }
+  }
+}
+
+export const toggleWrap: RawCommands['toggleWrap'] =
+  (typeOrName, attributes = {}) =>
+  ({ state, commands }) => {
+    const type = getNodeType(typeOrName, state.schema)
+    const isActive = isNodeActive(state, type, attributes)
+
+    if (isActive) {
+      return commands.lift(type)
+    }
+
+    return commands.wrapIn(type, attributes)
+  }
diff --git a/packages/core/src/commands/undoInputRule.ts b/packages/core/src/commands/undoInputRule.ts
new file mode 100644
index 0000000..211e6c9
--- /dev/null
+++ b/packages/core/src/commands/undoInputRule.ts
@@ -0,0 +1,49 @@
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    undoInputRule: {
+      /**
+       * Undo an input rule.
+       * @example editor.commands.undoInputRule()
+       */
+      undoInputRule: () => ReturnType
+    }
+  }
+}
+
+export const undoInputRule: RawCommands['undoInputRule'] =
+  () =>
+  ({ state, dispatch }) => {
+    const plugins = state.plugins
+
+    for (let i = 0; i < plugins.length; i += 1) {
+      const plugin = plugins[i]
+      let undoable
+
+      // @ts-ignore
+      // oxlint-disable-next-line
+      if (plugin.spec.isInputRules && (undoable = plugin.getState(state))) {
+        if (dispatch) {
+          const tr = state.tr
+          const toUndo = undoable.transform
+
+          for (let j = toUndo.steps.length - 1; j >= 0; j -= 1) {
+            tr.step(toUndo.steps[j].invert(toUndo.docs[j]))
+          }
+
+          if (undoable.text) {
+            const marks = tr.doc.resolve(undoable.from).marks()
+
+            tr.replaceWith(undoable.from, undoable.to, state.schema.text(undoable.text, marks))
+          } else {
+            tr.delete(undoable.from, undoable.to)
+          }
+        }
+
+        return true
+      }
+    }
+
+    return false
+  }
diff --git a/packages/core/src/commands/unsetAllMarks.test.ts b/packages/core/src/commands/unsetAllMarks.test.ts
new file mode 100644
index 0000000..ad789e0
--- /dev/null
+++ b/packages/core/src/commands/unsetAllMarks.test.ts
@@ -0,0 +1,109 @@
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Italic from '@tiptap/extension-italic'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+import { Mark } from '../Mark.js'
+
+const Annotation = Mark.create({
+  name: 'annotation',
+  clearable: false,
+  parseHTML() {
+    return [{ tag: 'span[data-annotation]' }]
+  },
+  renderHTML() {
+    return ['span', { 'data-annotation': 'true' }, 0]
+  },
+})
+
+describe('unsetAllMarks', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('removes all clearable marks in the selection', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Bold, Italic],
+      content: '<p><strong><em>hello</em></strong></p>',
+    })
+
+    editor.commands.selectAll()
+    editor.commands.unsetAllMarks()
+
+    expect(editor.getHTML()).toBe('<p>hello</p>')
+  })
+
+  it('preserves marks with clearable: false', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Bold, Annotation],
+      content: '<p><span data-annotation="true"><strong>hello</strong></span></p>',
+    })
+
+    editor.commands.selectAll()
+    editor.commands.unsetAllMarks()
+
+    expect(editor.getHTML()).toBe('<p><span data-annotation="true">hello</span></p>')
+  })
+
+  it('returns true for can() when the selection only has non-clearable marks (no-op)', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Annotation],
+      content: '<p><span data-annotation="true">hello</span></p>',
+    })
+
+    editor.commands.selectAll()
+
+    expect(editor.can().unsetAllMarks()).toBe(true)
+  })
+
+  it('returns true for can() when the selection has clearable marks', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Bold, Annotation],
+      content: '<p><span data-annotation="true"><strong>hello</strong></span></p>',
+    })
+
+    editor.commands.selectAll()
+
+    expect(editor.can().unsetAllMarks()).toBe(true)
+  })
+
+  it('removes all marks including non-clearable ones with ignoreClearable option', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Bold, Annotation],
+      content: '<p><span data-annotation="true"><strong>hello</strong></span></p>',
+    })
+
+    editor.commands.selectAll()
+    editor.commands.unsetAllMarks({ ignoreClearable: true })
+
+    expect(editor.getHTML()).toBe('<p>hello</p>')
+  })
+
+  it('returns true for can() with ignoreClearable even with only non-clearable marks', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Annotation],
+      content: '<p><span data-annotation="true">hello</span></p>',
+    })
+
+    editor.commands.selectAll()
+
+    expect(editor.can().unsetAllMarks({ ignoreClearable: true })).toBe(true)
+  })
+
+  it('allows explicit unsetMark on non-clearable marks', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Annotation],
+      content: '<p><span data-annotation="true">hello</span></p>',
+    })
+
+    editor.commands.selectAll()
+    editor.commands.unsetMark('annotation')
+
+    expect(editor.getHTML()).toBe('<p>hello</p>')
+  })
+})
diff --git a/packages/core/src/commands/unsetAllMarks.ts b/packages/core/src/commands/unsetAllMarks.ts
new file mode 100644
index 0000000..4e3ce9a
--- /dev/null
+++ b/packages/core/src/commands/unsetAllMarks.ts
@@ -0,0 +1,44 @@
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    unsetAllMarks: {
+      /**
+       * Remove all clearable marks in the current selection.
+       * Marks with `clearable: false` are preserved
+       * @param options.ignoreClearable If true, removes all marks regardless of `clearable` setting. Defaults to `false`.
+       * @example editor.commands.unsetAllMarks()
+       * @example editor.commands.unsetAllMarks({ ignoreClearable: true })
+       */
+      unsetAllMarks: (options?: { ignoreClearable?: boolean }) => ReturnType
+    }
+  }
+}
+
+export const unsetAllMarks: RawCommands['unsetAllMarks'] =
+  (options = {}) =>
+  ({ tr, dispatch, editor }) => {
+    const { ignoreClearable = false } = options
+    const { selection } = tr
+    const { empty, ranges } = selection
+
+    if (empty) {
+      return true
+    }
+
+    const { nonClearableMarks } = editor.extensionManager
+
+    if (dispatch) {
+      const clearableMarkTypes = Object.values(editor.schema.marks).filter(
+        markType => ignoreClearable || !nonClearableMarks.includes(markType.name),
+      )
+
+      ranges.forEach(range => {
+        for (const markType of clearableMarkTypes) {
+          tr.removeMark(range.$from.pos, range.$to.pos, markType)
+        }
+      })
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/unsetMark.ts b/packages/core/src/commands/unsetMark.ts
new file mode 100644
index 0000000..dd2c009
--- /dev/null
+++ b/packages/core/src/commands/unsetMark.ts
@@ -0,0 +1,65 @@
+import type { MarkType } from '@tiptap/pm/model'
+
+import { getMarkRange } from '../helpers/getMarkRange.js'
+import { getMarkType } from '../helpers/getMarkType.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    unsetMark: {
+      /**
+       * Remove all marks in the current selection.
+       * @param typeOrName The mark type or name.
+       * @param options.extendEmptyMarkRange Removes the mark even across the current selection. Defaults to `false`.
+       * @example editor.commands.unsetMark('bold')
+       */
+      unsetMark: (
+        /**
+         * The mark type or name.
+         */
+        typeOrName: string | MarkType,
+
+        options?: {
+          /**
+           * Removes the mark even across the current selection. Defaults to `false`.
+           */
+          extendEmptyMarkRange?: boolean
+        },
+      ) => ReturnType
+    }
+  }
+}
+
+export const unsetMark: RawCommands['unsetMark'] =
+  (typeOrName, options = {}) =>
+  ({ tr, state, dispatch }) => {
+    const { extendEmptyMarkRange = false } = options
+    const { selection } = tr
+    const type = getMarkType(typeOrName, state.schema)
+    const { $from, empty, ranges } = selection
+
+    if (!dispatch) {
+      return true
+    }
+
+    if (empty && extendEmptyMarkRange) {
+      let { from, to } = selection
+      const attrs = $from.marks().find(mark => mark.type === type)?.attrs
+      const range = getMarkRange($from, type, attrs)
+
+      if (range) {
+        from = range.from
+        to = range.to
+      }
+
+      tr.removeMark(from, to, type)
+    } else {
+      ranges.forEach(range => {
+        tr.removeMark(range.$from.pos, range.$to.pos, type)
+      })
+    }
+
+    tr.removeStoredMark(type)
+
+    return true
+  }
diff --git a/packages/core/src/commands/unsetTextDirection.ts b/packages/core/src/commands/unsetTextDirection.ts
new file mode 100644
index 0000000..5423f80
--- /dev/null
+++ b/packages/core/src/commands/unsetTextDirection.ts
@@ -0,0 +1,51 @@
+import type { Range, RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    unsetTextDirection: {
+      /**
+       * Remove the text direction attribute from nodes.
+       * If no position is provided, it will use the current selection.
+       * @param position Optional position or range to remove the direction from
+       * @example editor.commands.unsetTextDirection()
+       * @example editor.commands.unsetTextDirection({ from: 0, to: 10 })
+       */
+      unsetTextDirection: (position?: number | Range) => ReturnType
+    }
+  }
+}
+
+export const unsetTextDirection: RawCommands['unsetTextDirection'] =
+  position =>
+  ({ tr, state, dispatch }) => {
+    const { selection } = state
+    let from: number
+    let to: number
+
+    if (typeof position === 'number') {
+      from = position
+      to = position
+    } else if (position && 'from' in position && 'to' in position) {
+      from = position.from
+      to = position.to
+    } else {
+      from = selection.from
+      to = selection.to
+    }
+
+    if (dispatch) {
+      tr.doc.nodesBetween(from, to, (node, pos) => {
+        if (node.isText) {
+          return
+        }
+
+        const newAttrs = { ...node.attrs }
+
+        delete newAttrs.dir
+
+        tr.setNodeMarkup(pos, undefined, newAttrs)
+      })
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/updateAttributes.ts b/packages/core/src/commands/updateAttributes.ts
new file mode 100644
index 0000000..f699af4
--- /dev/null
+++ b/packages/core/src/commands/updateAttributes.ts
@@ -0,0 +1,150 @@
+import type { Mark, MarkType, Node as PMNode, NodeType } from '@tiptap/pm/model'
+import type { SelectionRange } from '@tiptap/pm/state'
+
+import { getMarkType } from '../helpers/getMarkType.js'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { getSchemaTypeNameByName } from '../helpers/getSchemaTypeNameByName.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    updateAttributes: {
+      /**
+       * Update attributes of a node or mark.
+       * @param typeOrName The type or name of the node or mark.
+       * @param attributes The attributes of the node or mark.
+       * @example editor.commands.updateAttributes('mention', { userId: "2" })
+       */
+      updateAttributes: (
+        /**
+         * The type or name of the node or mark.
+         */
+        typeOrName: string | NodeType | MarkType,
+
+        /**
+         * The attributes of the node or mark.
+         */
+        attributes: Record<string, any>,
+      ) => ReturnType
+    }
+  }
+}
+
+export const updateAttributes: RawCommands['updateAttributes'] =
+  (typeOrName, attributes = {}) =>
+  ({ tr, state, dispatch }) => {
+    let nodeType: NodeType | null = null
+    let markType: MarkType | null = null
+
+    const schemaType = getSchemaTypeNameByName(
+      typeof typeOrName === 'string' ? typeOrName : typeOrName.name,
+      state.schema,
+    )
+
+    if (!schemaType) {
+      return false
+    }
+
+    if (schemaType === 'node') {
+      nodeType = getNodeType(typeOrName as NodeType, state.schema)
+    }
+
+    if (schemaType === 'mark') {
+      markType = getMarkType(typeOrName as MarkType, state.schema)
+    }
+
+    let canUpdate = false
+
+    tr.selection.ranges.forEach((range: SelectionRange) => {
+      const from = range.$from.pos
+      const to = range.$to.pos
+
+      let lastPos: number | undefined
+      let lastNode: PMNode | undefined
+      let trimmedFrom: number
+      let trimmedTo: number
+
+      if (tr.selection.empty) {
+        state.doc.nodesBetween(from, to, (node: PMNode, pos: number) => {
+          if (nodeType && nodeType === node.type) {
+            canUpdate = true
+            trimmedFrom = Math.max(pos, from)
+            trimmedTo = Math.min(pos + node.nodeSize, to)
+            lastPos = pos
+            lastNode = node
+          }
+        })
+      } else {
+        state.doc.nodesBetween(from, to, (node: PMNode, pos: number) => {
+          if (pos < from && nodeType && nodeType === node.type) {
+            canUpdate = true
+            trimmedFrom = Math.max(pos, from)
+            trimmedTo = Math.min(pos + node.nodeSize, to)
+            lastPos = pos
+            lastNode = node
+          }
+
+          if (pos >= from && pos <= to) {
+            if (nodeType && nodeType === node.type) {
+              canUpdate = true
+
+              if (dispatch) {
+                tr.setNodeMarkup(pos, undefined, {
+                  ...node.attrs,
+                  ...attributes,
+                })
+              }
+            }
+
+            if (markType && node.marks.length) {
+              node.marks.forEach((mark: Mark) => {
+                if (markType === mark.type) {
+                  canUpdate = true
+
+                  if (dispatch) {
+                    const trimmedFrom2 = Math.max(pos, from)
+                    const trimmedTo2 = Math.min(pos + node.nodeSize, to)
+
+                    tr.addMark(
+                      trimmedFrom2,
+                      trimmedTo2,
+                      markType.create({
+                        ...mark.attrs,
+                        ...attributes,
+                      }),
+                    )
+                  }
+                }
+              })
+            }
+          }
+        })
+      }
+
+      if (lastNode) {
+        if (lastPos !== undefined && dispatch) {
+          tr.setNodeMarkup(lastPos, undefined, {
+            ...lastNode.attrs,
+            ...attributes,
+          })
+        }
+
+        if (markType && lastNode.marks.length) {
+          lastNode.marks.forEach((mark: Mark) => {
+            if (markType === mark.type && dispatch) {
+              tr.addMark(
+                trimmedFrom,
+                trimmedTo,
+                markType.create({
+                  ...mark.attrs,
+                  ...attributes,
+                }),
+              )
+            }
+          })
+        }
+      }
+    })
+
+    return canUpdate
+  }
diff --git a/packages/core/src/commands/updateDecorations.ts b/packages/core/src/commands/updateDecorations.ts
new file mode 100644
index 0000000..9a3da21
--- /dev/null
+++ b/packages/core/src/commands/updateDecorations.ts
@@ -0,0 +1,28 @@
+import { DECORATION_MANAGER_PLUGIN_KEY } from '../decorations/constants.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    updateDecorations: {
+      /**
+       * Force declarative decorations to recompute, bypassing each extension's
+       * `shouldUpdate` gate. Pass an extension name to recompute only that
+       * extension's decorations, or omit it to recompute all of them.
+       * @param extensionName The name of the extension to recompute (optional).
+       * @example editor.commands.updateDecorations()
+       * @example editor.commands.updateDecorations('myExtension')
+       */
+      updateDecorations: (extensionName?: string) => ReturnType
+    }
+  }
+}
+
+export const updateDecorations: RawCommands['updateDecorations'] =
+  extensionName =>
+  ({ tr, dispatch }) => {
+    if (dispatch) {
+      tr.setMeta(DECORATION_MANAGER_PLUGIN_KEY, { type: 'force', name: extensionName })
+    }
+
+    return true
+  }
diff --git a/packages/core/src/commands/wrapIn.ts b/packages/core/src/commands/wrapIn.ts
new file mode 100644
index 0000000..7e39b28
--- /dev/null
+++ b/packages/core/src/commands/wrapIn.ts
@@ -0,0 +1,27 @@
+import { wrapIn as originalWrapIn } from '@tiptap/pm/commands'
+import type { NodeType } from '@tiptap/pm/model'
+
+import { getNodeType } from '../helpers/getNodeType.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    wrapIn: {
+      /**
+       * Wraps nodes in another node.
+       * @param typeOrName The type or name of the node.
+       * @param attributes The attributes of the node.
+       * @example editor.commands.wrapIn('blockquote')
+       */
+      wrapIn: (typeOrName: string | NodeType, attributes?: Record<string, any>) => ReturnType
+    }
+  }
+}
+
+export const wrapIn: RawCommands['wrapIn'] =
+  (typeOrName, attributes = {}) =>
+  ({ state, dispatch }) => {
+    const type = getNodeType(typeOrName, state.schema)
+
+    return originalWrapIn(type, attributes)(state, dispatch)
+  }
diff --git a/packages/core/src/commands/wrapInList.ts b/packages/core/src/commands/wrapInList.ts
new file mode 100644
index 0000000..66eec3a
--- /dev/null
+++ b/packages/core/src/commands/wrapInList.ts
@@ -0,0 +1,27 @@
+import type { NodeType } from '@tiptap/pm/model'
+import { wrapInList as originalWrapInList } from '@tiptap/pm/schema-list'
+
+import { getNodeType } from '../helpers/getNodeType.js'
+import type { RawCommands } from '../types.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    wrapInList: {
+      /**
+       * Wrap a node in a list.
+       * @param typeOrName The type or name of the node.
+       * @param attributes The attributes of the node.
+       * @example editor.commands.wrapInList('bulletList')
+       */
+      wrapInList: (typeOrName: string | NodeType, attributes?: Record<string, any>) => ReturnType
+    }
+  }
+}
+
+export const wrapInList: RawCommands['wrapInList'] =
+  (typeOrName, attributes = {}) =>
+  ({ state, dispatch }) => {
+    const type = getNodeType(typeOrName, state.schema)
+
+    return originalWrapInList(type, attributes)(state, dispatch)
+  }
diff --git a/packages/core/src/decorations/Decoration.test.ts b/packages/core/src/decorations/Decoration.test.ts
new file mode 100644
index 0000000..98a388c
--- /dev/null
+++ b/packages/core/src/decorations/Decoration.test.ts
@@ -0,0 +1,40 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { Decoration } from './Decoration.js'
+
+describe('decoration', () => {
+  it('creates node decorations with default attrs', () => {
+    const node = Decoration.Node(1, 4)
+
+    expect(node.kind).toBe('node')
+    expect(node.from).toBe(1)
+    expect(node.to).toBe(4)
+    expect(node.attrs).toEqual({})
+    expect(node.spec).toBeUndefined()
+  })
+
+  it('creates inline decorations with attrs and spec', () => {
+    const inline = Decoration.Inline(2, 5, { class: 'highlight' }, { inclusiveStart: true })
+
+    expect(inline.kind).toBe('inline')
+    expect(inline.from).toBe(2)
+    expect(inline.to).toBe(5)
+    expect(inline.attrs).toEqual({ class: 'highlight' })
+    expect(inline.spec).toEqual({ inclusiveStart: true })
+  })
+
+  it('creates widget decorations with key separated from spec', () => {
+    const render = () => document.createElement('span')
+    const widget = Decoration.Widget(3, render, {
+      key: 'widget-1',
+      side: -1,
+      stopEvent: () => true,
+    })
+
+    expect(widget.kind).toBe('widget')
+    expect(widget.pos).toBe(3)
+    expect(widget.render).toBe(render)
+    expect(widget.key).toBe('widget-1')
+    expect(widget.spec).toEqual({ side: -1, stopEvent: expect.any(Function) })
+  })
+})
diff --git a/packages/core/src/decorations/Decoration.ts b/packages/core/src/decorations/Decoration.ts
new file mode 100644
index 0000000..8e00831
--- /dev/null
+++ b/packages/core/src/decorations/Decoration.ts
@@ -0,0 +1,177 @@
+import type { Mark } from '@tiptap/pm/model'
+import { DecorationAttrs, Decoration as PMDecoration, type EditorView } from '@tiptap/pm/view'
+
+export interface WidgetDecorationOptions {
+  side?: number
+  relaxedSide?: boolean
+  marks?: readonly Mark[]
+  stopEvent?: (event: Event) => boolean
+  ignoreSelection?: boolean
+  /**
+   * runs when ProseMirror drops the widget, also on editor destroy and unmount.
+   * skipped on teardown for widgets made with the React or Vue widget renderer.
+   * receives the DOM node, not a ProseMirror node.
+   */
+  destroy?: (node: Node) => void
+}
+
+export type DecorationKind = 'inline' | 'node' | 'widget'
+
+/**
+ * Base class for decorations built in `addDecorations()`. Shadows `Decoration`
+ * from `@tiptap/pm/view`, like core's `Node` and `Mark` do, so alias one of them
+ * in files that need both.
+ *
+ * @example
+ * import { Decoration } from '@tiptap/core'
+ * import { Decoration as PMDecoration } from '@tiptap/pm/view'
+ *
+ * const highlight = Decoration.Inline(1, 5, { class: 'highlight' })
+ */
+export abstract class Decoration {
+  abstract kind: DecorationKind
+  abstract get anchor(): number
+
+  /**
+   * Builds the ProseMirror decoration. When `extensionName` is provided,
+   * it is embedded into the decoration spec for incremental merge tracking.
+   * @param extensionName The name of the extension that produced this decoration.
+   * @returns The ProseMirror decoration.
+   */
+  abstract toPMDecoration(extensionName?: string): PMDecoration
+
+  static Inline(
+    from: number,
+    to: number,
+    attrs: DecorationAttrs = {},
+    spec?: Record<string, any>,
+  ): InlineDecoration {
+    return new InlineDecoration(from, to, attrs, spec)
+  }
+
+  static Node(
+    pos: number,
+    to: number,
+    attrs: DecorationAttrs = {},
+    spec?: Record<string, any>,
+  ): NodeDecoration {
+    return new NodeDecoration(pos, to, attrs, spec)
+  }
+
+  /**
+   * Creates a widget decoration: a DOM node drawn at a document position.
+   *
+   * The `key` is the widget's identity. While it stays the same, ProseMirror
+   * keeps the widget mounted and only its position tracks the document.
+   * `render`, `side`, `destroy` and other options are fixed on first mount.
+   * Change the key to remount with new options.
+   *
+   * @param pos The document position where the widget is drawn.
+   * @param render Called once on first mount. Returns the DOM node.
+   * @param options Must include a unique `key`. See `WidgetDecorationOptions`.
+   * @returns The widget decoration.
+   */
+  static Widget(
+    pos: number,
+    render: (view: EditorView, getPos: () => number | undefined) => HTMLElement,
+    options: { key: string } & WidgetDecorationOptions & Record<string, any>,
+  ): WidgetDecoration {
+    const { key, ...spec } = options
+
+    return new WidgetDecoration(pos, render, key, spec)
+  }
+}
+
+/**
+ * Represents an inline decoration (text-level highlighting, etc.).
+ */
+export class InlineDecoration extends Decoration {
+  kind = 'inline' as const
+  from: number
+  to: number
+  attrs: DecorationAttrs
+  spec?: Record<string, any>
+
+  constructor(from: number, to: number, attrs: DecorationAttrs = {}, spec?: Record<string, any>) {
+    super()
+    this.from = from
+    this.to = to
+    this.attrs = attrs
+    this.spec = spec
+  }
+
+  get anchor(): number {
+    return this.from
+  }
+
+  toPMDecoration(extensionName?: string): PMDecoration {
+    const spec = extensionName ? { ...this.spec, extensionName } : this.spec
+
+    return PMDecoration.inline(this.from, this.to, this.attrs, spec)
+  }
+}
+
+/**
+ * Represents a node-level decoration (block-level highlights, etc.).
+ */
+export class NodeDecoration extends Decoration {
+  kind = 'node' as const
+  from: number
+  to: number
+  attrs: DecorationAttrs
+  spec?: Record<string, any>
+
+  constructor(pos: number, to: number, attrs: DecorationAttrs = {}, spec?: Record<string, any>) {
+    super()
+    this.from = pos
+    this.to = to
+    this.attrs = attrs
+    this.spec = spec
+  }
+
+  get anchor(): number {
+    return this.from
+  }
+
+  toPMDecoration(extensionName?: string): PMDecoration {
+    const spec = extensionName ? { ...this.spec, extensionName } : this.spec
+
+    return PMDecoration.node(this.from, this.to, this.attrs, spec)
+  }
+}
+
+/**
+ * Represents a widget decoration (inline widgets, etc.).
+ */
+export class WidgetDecoration extends Decoration {
+  kind = 'widget' as const
+  pos: number
+  key: string
+  render: (view: EditorView, getPos: () => number | undefined) => HTMLElement
+  spec?: WidgetDecorationOptions & Record<string, any>
+
+  constructor(
+    pos: number,
+    render: (view: EditorView, getPos: () => number | undefined) => HTMLElement,
+    key: string,
+    spec?: WidgetDecorationOptions & Record<string, any>,
+  ) {
+    super()
+    this.pos = pos
+    this.render = render
+    this.key = key
+    this.spec = spec
+  }
+
+  get anchor(): number {
+    return this.pos
+  }
+
+  toPMDecoration(extensionName?: string): PMDecoration {
+    const spec = extensionName
+      ? { ...this.spec, key: this.key, extensionName }
+      : { ...this.spec, key: this.key }
+
+    return PMDecoration.widget(this.pos, this.render, spec)
+  }
+}
diff --git a/packages/core/src/decorations/DecorationManager.test.ts b/packages/core/src/decorations/DecorationManager.test.ts
new file mode 100644
index 0000000..b52f803
--- /dev/null
+++ b/packages/core/src/decorations/DecorationManager.test.ts
@@ -0,0 +1,821 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Bold from '@tiptap/extension-bold'
+import {
+  Decoration,
+  DECORATION_MANAGER_PLUGIN_KEY,
+  Editor,
+  Extension,
+  liveWidgetKeys,
+} from '@tiptap/core'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import type { EditorState } from '@tiptap/pm/state'
+import { describe, expect, it, vi } from 'vite-plus/test'
+
+import * as mergeModule from './helpers/mergeDecorationSets.js'
+
+/** changedRanges extension that highlights `term` with inline decorations. */
+function highlightExtension(name: string, term: string) {
+  return Extension.create({
+    name,
+    addStorage() {
+      return { term }
+    },
+    addDecorations() {
+      const scan = (editor: Editor, state: EditorState, from: number, to: number) => {
+        const decorations: Decoration[] = []
+        const t = (editor.storage as unknown as Record<string, { term: string }>)[
+          name
+        ].term.toLowerCase()
+
+        if (!t) {
+          return decorations
+        }
+
+        state.doc.nodesBetween(from, to, (node, pos) => {
+          if (!node.isText || !node.text) {
+            return
+          }
+
+          const text = node.text.toLowerCase()
+          let index = text.indexOf(t)
+
+          while (index !== -1) {
+            decorations.push(
+              Decoration.Inline(pos + index, pos + index + t.length, { class: 'hl' }),
+            )
+            index = text.indexOf(t, index + t.length)
+          }
+        })
+
+        return decorations
+      }
+
+      return {
+        update: 'changedRanges' as const,
+        create: ({ editor, state }: { editor: Editor; state: EditorState }) =>
+          scan(editor, state, 0, state.doc.content.size),
+        createInRange: ({
+          editor,
+          state,
+          from,
+          to,
+        }: {
+          editor: Editor
+          state: EditorState
+          from: number
+          to: number
+        }) => scan(editor, state, from, to),
+      }
+    },
+  })
+}
+
+/** manual extension that adds a node decoration per top-level block. */
+function manualExtension(name: string) {
+  return Extension.create({
+    name,
+    addDecorations() {
+      return {
+        update: 'manual' as const,
+        create: ({ state }: { state: EditorState }) => {
+          const decorations: Decoration[] = []
+
+          state.doc.forEach((node, pos) => {
+            decorations.push(Decoration.Node(pos, pos + node.nodeSize, { class: 'manual-node' }))
+          })
+
+          return decorations
+        },
+      }
+    },
+  })
+}
+
+function getState(editor: Editor) {
+  return DECORATION_MANAGER_PLUGIN_KEY.getState(editor.state)
+}
+
+describe('DecorationManager incremental merge', () => {
+  it('single-extension fast path: merged set is the extension set, mergeDecorationSets not called', () => {
+    const mergeSpy = vi.spyOn(mergeModule, 'mergeDecorationSets')
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, highlightExtension('hl', 'foo')],
+      content: '<p>foo bar foo</p>',
+    })
+
+    const state = getState(editor)!
+
+    expect(mergeSpy).not.toHaveBeenCalled()
+    expect(state.mergedDecorationSet).toBe(state.decorationSetsByExtension['hl'])
+
+    mergeSpy.mockRestore()
+    editor.destroy()
+  })
+
+  it('changed-range edit does not call mergeDecorationSets for single extension', () => {
+    const mergeSpy = vi.spyOn(mergeModule, 'mergeDecorationSets')
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, highlightExtension('hl', 'foo')],
+      content: '<p>foo bar</p><p>foo baz</p>',
+    })
+
+    mergeSpy.mockClear()
+
+    editor.commands.setTextSelection({ from: 13, to: 16 })
+    editor.commands.insertContent('X')
+
+    expect(mergeSpy).not.toHaveBeenCalled()
+
+    mergeSpy.mockRestore()
+    editor.destroy()
+  })
+
+  it('unchanged manual extension decorations are mapped, not rebuilt', () => {
+    const createCalls: number[] = []
+
+    const editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Extension.create({
+          name: 'manual',
+          addDecorations() {
+            return {
+              update: 'manual' as const,
+              create: ({ state }: { state: EditorState }) => {
+                createCalls.push(state.doc.content.size)
+                const decorations: Decoration[] = []
+
+                state.doc.forEach((node, pos) => {
+                  decorations.push(
+                    Decoration.Node(pos, pos + node.nodeSize, { class: 'manual-node' }),
+                  )
+                })
+
+                return decorations
+              },
+            }
+          },
+        }),
+        highlightExtension('hl', 'foo'),
+      ],
+      content: '<p>foo bar</p><p>foo baz</p>',
+    })
+
+    expect(createCalls.length).toBe(1)
+
+    editor.commands.setTextSelection({ from: 1, to: 4 })
+    editor.commands.insertContent('X')
+
+    // manual's create should NOT be called again — mapped, not rebuilt.
+    expect(createCalls.length).toBe(1)
+
+    const after = getState(editor)!
+    const manualDecos = after.decorationSetsByExtension['manual'].find()
+    expect(manualDecos.length).toBe(2)
+
+    editor.destroy()
+  })
+
+  it('multi-extension: merged set keeps non-recomputed extension decorations', () => {
+    const editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        manualExtension('manual'),
+        highlightExtension('hl', 'foo'),
+      ],
+      content: '<p>foo bar</p><p>foo baz</p>',
+    })
+
+    editor.commands.setTextSelection({ from: 1, to: 4 })
+    editor.commands.insertContent('X')
+
+    const after = getState(editor)!
+    const mergedDecos = after.mergedDecorationSet.find()
+    const byExtension = (name: string) =>
+      mergedDecos.filter(d => (d.spec as { extensionName?: string }).extensionName === name)
+
+    // The merged set is rebuilt from the per-extension sets, so the mapped
+    // manual decorations must survive alongside the recomputed ones.
+    expect(byExtension('manual').length).toBe(
+      after.decorationSetsByExtension['manual'].find().length,
+    )
+    expect(byExtension('hl').length).toBe(after.decorationSetsByExtension['hl'].find().length)
+    expect(mergedDecos.length).toBe(byExtension('manual').length + byExtension('hl').length)
+
+    editor.destroy()
+  })
+
+  it('force recompute of single extension uses fast path (no merge)', () => {
+    const mergeSpy = vi.spyOn(mergeModule, 'mergeDecorationSets')
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, highlightExtension('hl', 'foo')],
+      content: '<p>foo bar</p>',
+    })
+
+    mergeSpy.mockClear()
+
+    ;(editor.storage as unknown as Record<string, { term: string }>).hl.term = 'bar'
+    editor.commands.updateDecorations('hl')
+
+    expect(mergeSpy).not.toHaveBeenCalled()
+
+    const state = getState(editor)!
+    expect(state.mergedDecorationSet).toBe(state.decorationSetsByExtension['hl'])
+
+    mergeSpy.mockRestore()
+    editor.destroy()
+  })
+})
+
+describe('DecorationManager view prop', () => {
+  /** Records the `view` each create call receives. */
+  function viewProbeExtension(views: unknown[]) {
+    return Extension.create({
+      name: 'viewProbe',
+      addDecorations() {
+        return {
+          create: ({ view, state }: { view: unknown; state: EditorState }) => {
+            views.push(view)
+
+            return [Decoration.Inline(1, state.doc.content.size, { class: 'probe' })]
+          },
+        }
+      },
+    })
+  }
+
+  it('passes the mounted view while the editor has a view', () => {
+    const views: unknown[] = []
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, viewProbeExtension(views)],
+      content: '<p>hello</p>',
+    })
+
+    expect(views).toHaveLength(1)
+    expect(views[0]).toBe(editor.view)
+    expect((views[0] as { dom: HTMLElement }).dom).toBeTruthy()
+
+    editor.destroy()
+  })
+
+  it('passes null instead of the placeholder view after unmount', () => {
+    const views: unknown[] = []
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, viewProbeExtension(views)],
+      content: '<p>hello</p>',
+    })
+
+    // Read the state while mounted so the unmounted editor keeps the plugin state.
+    expect(getState(editor)).toBeTruthy()
+    editor.unmount()
+
+    expect(() => editor.view.dispatch(editor.state.tr.insertText('!', 1))).not.toThrow()
+    expect(views).toHaveLength(2)
+    expect(views[1]).toBeNull()
+
+    editor.destroy()
+  })
+})
+
+describe('liveWidgetKeys lifecycle', () => {
+  function widgetExtension() {
+    return Extension.create({
+      name: 'widgetDeco',
+      addDecorations() {
+        return {
+          create: ({ state }: { state: EditorState }) => [
+            Decoration.Widget(state.doc.content.size, () => document.createElement('span'), {
+              key: 'w-end',
+            }),
+          ],
+        }
+      },
+    })
+  }
+
+  it('returns an empty set after destroy instead of throwing', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, widgetExtension()],
+      content: '<p>hello</p>',
+    })
+
+    editor.destroy()
+
+    expect(() => liveWidgetKeys(editor)).not.toThrow()
+    expect(liveWidgetKeys(editor).size).toBe(0)
+  })
+
+  it('keeps widget keys after unmount without a prior state read', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, widgetExtension()],
+      content: '<p>hello</p>',
+    })
+
+    editor.unmount()
+
+    expect(liveWidgetKeys(editor).has('w-end')).toBe(true)
+
+    editor.destroy()
+  })
+})
+
+describe('DecorationManager attr-only transactions', () => {
+  it('recomputes create() for attr-only appendTransaction', () => {
+    const createCalls: number[] = []
+    const decoExtension = Extension.create({
+      name: 'decoProbe',
+      addDecorations() {
+        return {
+          create: ({ state }: { state: EditorState }) => {
+            createCalls.push(state.doc.content.size)
+
+            return [Decoration.Node(0, state.doc.content.size, { class: 'probe' })]
+          },
+        }
+      },
+    })
+
+    // Simulates UniqueID: appends a transaction that only sets a node attr.
+    const attrAppendExtension = Extension.create({
+      name: 'attrAppend',
+      addProseMirrorPlugins() {
+        return [
+          new Plugin({
+            key: new PluginKey('attrAppend'),
+            appendTransaction: (_trs: unknown[], _oldState: EditorState, newState: EditorState) => {
+              const tr = newState.tr
+              const firstChild = newState.doc.firstChild
+
+              if (!firstChild) {
+                return
+              }
+
+              tr.setNodeAttribute(0, 'data-probe', 'x')
+
+              return tr
+            },
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, decoExtension, attrAppendExtension],
+      content: '<p>hello</p>',
+    })
+
+    // init calls create() once
+    expect(createCalls.length).toBe(1)
+
+    // A text edit triggers the root transaction, then attrAppend appends an
+    // attr-only transaction. Both can change values read by create().
+    editor.commands.insertContentAt(6, '!')
+    expect(createCalls.length).toBe(3)
+
+    editor.destroy()
+  })
+
+  it('does not warn for a copied widget key repaired by an appended transaction', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+    const idAttribute = Extension.create({
+      name: 'idAttribute',
+      addGlobalAttributes: () => [{ types: ['paragraph'], attributes: { id: { default: null } } }],
+    })
+    const widgetExtension = Extension.create({
+      name: 'widgets',
+      addDecorations: () => ({
+        create: ({ state }) => {
+          const decorations: Decoration[] = []
+
+          state.doc.forEach((node, pos) => {
+            if (node.type.name === 'paragraph') {
+              decorations.push(
+                Decoration.Widget(pos + node.nodeSize - 1, () => document.createElement('span'), {
+                  key: `paragraph-${node.attrs.id}`,
+                }),
+              )
+            }
+          })
+
+          return decorations
+        },
+      }),
+    })
+    const repairIds = Extension.create({
+      name: 'repairIds',
+      addProseMirrorPlugins: () => [
+        new Plugin({
+          key: new PluginKey('repairIds'),
+          appendTransaction: (transactions, _oldState, newState) => {
+            if (!transactions.some(transaction => transaction.docChanged)) {
+              return
+            }
+
+            const ids = new Set<string>()
+            const tr = newState.tr
+
+            newState.doc.forEach((node, pos) => {
+              const id = node.attrs.id
+
+              if (node.type.name === 'paragraph' && id && ids.has(id)) {
+                tr.setNodeAttribute(pos, 'id', `${id}-copy`)
+              }
+
+              ids.add(id)
+            })
+
+            return tr.steps.length ? tr : undefined
+          },
+        }),
+      ],
+    })
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, idAttribute, widgetExtension, repairIds],
+      content: {
+        type: 'doc',
+        content: [
+          { type: 'paragraph', attrs: { id: 'first' }, content: [{ type: 'text', text: 'a' }] },
+          { type: 'paragraph', attrs: { id: 'second' }, content: [{ type: 'text', text: 'b' }] },
+        ],
+      },
+    })
+
+    warn.mockClear()
+    editor.chain().setTextSelection(2).splitBlock().run()
+
+    expect(getState(editor)!.widgetKeys.size).toBe(3)
+    expect(warn).not.toHaveBeenCalled()
+
+    warn.mockRestore()
+    editor.destroy()
+  })
+
+  it('still recomputes for mark changes', () => {
+    const createCalls: number[] = []
+    const decoExtension = Extension.create({
+      name: 'decoProbe',
+      addDecorations() {
+        return {
+          create: ({ state }: { state: EditorState }) => {
+            createCalls.push(state.doc.content.size)
+
+            return [Decoration.Inline(1, state.doc.content.size, { class: 'probe' })]
+          },
+        }
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, Bold, decoExtension],
+      content: '<p>hello</p>',
+    })
+
+    expect(createCalls.length).toBe(1)
+
+    // Selection-only change doesn't trigger recompute (no docChanged).
+    editor.chain().setTextSelection({ from: 1, to: 4 }).run()
+    expect(createCalls.length).toBe(1)
+
+    // toggleMark adds an AddMarkStep — should trigger recompute.
+    editor.chain().toggleMark('bold').run()
+    expect(createCalls.length).toBe(2)
+
+    editor.destroy()
+  })
+})
+
+describe('DecorationManager editor.state staleness warning', () => {
+  it('warns when editor.state is read inside create()', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+
+    const decoExtension = Extension.create({
+      name: 'stateProbe',
+      addDecorations() {
+        return {
+          create: ({ editor, state }: { editor: Editor; state: EditorState }) => {
+            // Reading editor.state inside create() — should warn during apply.
+            void editor.state
+
+            return [Decoration.Node(0, state.doc.content.size, { class: 'probe' })]
+          },
+        }
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, decoExtension],
+      content: '<p>hello</p>',
+    })
+
+    // init doesn't warn — editor.state is not stale during init (no view yet).
+    warn.mockClear()
+
+    // A text edit triggers apply → create() → editor.state read → warn.
+    editor.commands.insertContentAt(6, '!')
+
+    expect(warn).toHaveBeenCalledWith(
+      expect.stringContaining('`editor.state` was read while decoration `create()` was running'),
+    )
+
+    warn.mockRestore()
+    editor.destroy()
+  })
+
+  it('does not warn when only the state argument is used', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+
+    const decoExtension = Extension.create({
+      name: 'stateProbe',
+      addDecorations() {
+        return {
+          create: ({ state }: { state: EditorState }) => {
+            // Using the state argument — no warning.
+            return [Decoration.Node(0, state.doc.content.size, { class: 'probe' })]
+          },
+        }
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, decoExtension],
+      content: '<p>hello</p>',
+    })
+
+    warn.mockClear()
+    editor.commands.insertContentAt(6, '!')
+
+    expect(warn).not.toHaveBeenCalled()
+
+    warn.mockRestore()
+    editor.destroy()
+  })
+})
+
+describe('DecorationManager boundary decorations', () => {
+  type BlockScan = (state: EditorState, from: number, to: number) => Decoration[]
+
+  /** Builds a changedRanges extension that runs `scan` over the whole doc or one range. */
+  function scanExtension(name: string, scan: BlockScan) {
+    return Extension.create({
+      name,
+      addDecorations: () => ({
+        update: 'changedRanges' as const,
+        create: ({ state }: { state: EditorState }) => scan(state, 0, state.doc.content.size),
+        createInRange: ({ state, from, to }: { state: EditorState; from: number; to: number }) =>
+          scan(state, from, to),
+      }),
+    })
+  }
+
+  /** changedRanges extension that places a widget at each inner block boundary. */
+  function boundaryWidgetExtension(name: string) {
+    return scanExtension(name, (state, from, to) => {
+      const decorations: Decoration[] = []
+
+      state.doc.forEach((node, pos, index) => {
+        const blockEnd = pos + node.nodeSize
+
+        // Only inner boundaries (not end of doc), where the leak shows.
+        if (blockEnd < state.doc.content.size && blockEnd >= from && blockEnd <= to) {
+          decorations.push(
+            Decoration.Widget(blockEnd, () => document.createElement('span'), {
+              key: `boundary-widget-${index}`,
+            }),
+          )
+        }
+      })
+
+      return decorations
+    })
+  }
+
+  /** changedRanges extension that places a node decoration on each top-level block. */
+  function nodeDecorationExtension(name: string) {
+    return scanExtension(name, (state, from, to) => {
+      const decorations: Decoration[] = []
+
+      state.doc.forEach((node, pos) => {
+        const blockEnd = pos + node.nodeSize
+
+        if (pos >= from && blockEnd <= to) {
+          decorations.push(Decoration.Node(pos, blockEnd, { class: 'node-deco' }))
+        }
+      })
+
+      return decorations
+    })
+  }
+
+  /** changedRanges extension with an inline decoration anchored at each inner block end. */
+  function spanningBoundaryExtension(name: string) {
+    return scanExtension(name, (state, from, to) => {
+      const decorations: Decoration[] = []
+
+      state.doc.forEach((node, pos) => {
+        const blockEnd = pos + node.nodeSize
+
+        if (blockEnd < state.doc.content.size && blockEnd >= from && blockEnd <= to) {
+          decorations.push(Decoration.Inline(blockEnd, blockEnd + 1, { class: 'boundary' }))
+        }
+      })
+
+      return decorations
+    })
+  }
+
+  /** changedRanges extension that places a widget at the start of every top-level block. */
+  function blockStartWidgetExtension(name: string) {
+    return scanExtension(name, (state, from, to) => {
+      const decorations: Decoration[] = []
+
+      state.doc.forEach((node, pos, index) => {
+        if (pos >= from && pos < to) {
+          decorations.push(
+            Decoration.Widget(pos, () => document.createElement('span'), {
+              key: `block-start-widget-${index}`,
+            }),
+          )
+        }
+      })
+
+      return decorations
+    })
+  }
+
+  it('keeps a widget at the start of the next block when editing the previous block', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, blockStartWidgetExtension('blockStartWidget')],
+      content: '<p>foo</p><p>bar</p><p>baz</p>',
+    })
+
+    const widgetPositions = () =>
+      getState(editor)!
+        .mergedDecorationSet.find()
+        .map(decoration => decoration.from)
+
+    expect(widgetPositions()).toEqual([0, 5, 10])
+
+    editor.commands.insertContentAt(1, 'X')
+
+    // The rebuild range for the first block is [0, 5], and 5 is also the second
+    // block's start. The stale sweep drops the widget there, but createInRange
+    // only runs for the first block, so nothing recreates it.
+    expect(widgetPositions()).toEqual([0, 6, 11])
+    expect(getState(editor)!.widgetKeys.size).toBe(3)
+
+    editor.destroy()
+  })
+
+  it('does not leak widget decorations at inner block boundaries across keystrokes', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, boundaryWidgetExtension('boundaryWidget')],
+      content: '<p>foo</p><p>bar</p>',
+    })
+
+    // One widget: at the end of p1 (the inner boundary), none at end of p2 (end of doc).
+    expect(getState(editor)!.mergedDecorationSet.find().length).toBe(1)
+
+    // Type 5 times in the first paragraph — only p1's block is rebuilt each time.
+    for (let i = 0; i < 5; i++) {
+      editor.commands.insertContentAt(1, 'X')
+    }
+
+    const after = getState(editor)!
+
+    // Without the fix, each keystroke adds a duplicate widget (1 + 5 = 6).
+    expect(after.mergedDecorationSet.find().length).toBe(1)
+    expect(after.widgetKeys.size).toBe(1)
+
+    editor.destroy()
+  })
+
+  it('preserves node decorations on the next block when editing the previous block', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, nodeDecorationExtension('nodeDeco')],
+      content: '<p>foo</p><p>bar</p>',
+    })
+
+    // Two node decorations: one per paragraph.
+    expect(getState(editor)!.mergedDecorationSet.find().length).toBe(2)
+
+    // Type in the first paragraph — only p1's block is rebuilt.
+    editor.commands.insertContentAt(1, 'X')
+
+    const after = getState(editor)!
+
+    // Both node decorations should survive: p1 rebuilt, p2 preserved.
+    // With the from <= to bug, p2's decoration was removed and not recreated.
+    expect(after.mergedDecorationSet.find().length).toBe(2)
+
+    editor.destroy()
+  })
+
+  it('does not duplicate spanning decorations anchored at a block end across keystrokes', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, spanningBoundaryExtension('spanningBoundary')],
+      content: '<p>foo</p><p>bar</p>',
+    })
+
+    // One decoration, anchored at the end of p1 and reaching into p2.
+    expect(getState(editor)!.mergedDecorationSet.find().length).toBe(1)
+
+    // Type 5 times in the first paragraph, so only p1's block is rebuilt.
+    for (let index = 0; index < 5; index += 1) {
+      editor.commands.insertContentAt(1, 'X')
+    }
+
+    const after = getState(editor)!
+
+    // Without the fix it was re-added on every keystroke (1 + 5 = 6).
+    expect(after.mergedDecorationSet.find().length).toBe(1)
+
+    editor.destroy()
+  })
+})
+
+describe('DecorationManager remounts', () => {
+  /** Number of `beforeTransaction` listeners currently registered on the editor. */
+  function beforeTransactionListeners(editor: Editor) {
+    const callbacks = (editor as unknown as { callbacks: Record<string, unknown[]> }).callbacks
+
+    return callbacks.beforeTransaction?.length ?? 0
+  }
+
+  function duplicateKeyExtension() {
+    return Extension.create({
+      name: 'duplicateWidgets',
+      addDecorations() {
+        return {
+          create: () => [
+            Decoration.Widget(1, () => document.createElement('span'), { key: 'dup' }),
+            Decoration.Widget(1, () => document.createElement('span'), { key: 'dup' }),
+          ],
+        }
+      },
+    })
+  }
+
+  it('replaces the decoration manager instead of stacking listeners', () => {
+    const element = document.createElement('div')
+    const editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, duplicateKeyExtension()],
+      content: '<p>hello</p>',
+    })
+
+    expect(beforeTransactionListeners(editor)).toBe(1)
+
+    const firstManager = editor.extensionManager.decorationManager
+
+    editor.unmount()
+    editor.mount(element)
+    editor.unmount()
+    editor.mount(element)
+
+    expect(beforeTransactionListeners(editor)).toBe(1)
+    expect(editor.extensionManager.decorationManager).not.toBe(firstManager)
+
+    editor.destroy()
+  })
+
+  it('does not warn from orphaned managers after remounting', () => {
+    const element = document.createElement('div')
+    const editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, duplicateKeyExtension()],
+      content: '<p>hello</p>',
+    })
+
+    editor.unmount()
+    editor.mount(element)
+    editor.unmount()
+    editor.mount(element)
+
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+
+    editor.commands.insertContentAt(1, '!')
+
+    const duplicateWarnings = warn.mock.calls.filter(call =>
+      String(call[0]).includes('Duplicate widget decoration key "dup"'),
+    )
+
+    warn.mockRestore()
+
+    // Only the live manager warns. Each orphaned manager used to add one more
+    // warning per transaction, so this grew with every remount.
+    expect(duplicateWarnings).toHaveLength(1)
+
+    editor.destroy()
+  })
+})
diff --git a/packages/core/src/decorations/DecorationManager.ts b/packages/core/src/decorations/DecorationManager.ts
new file mode 100644
index 0000000..f3fbebe
--- /dev/null
+++ b/packages/core/src/decorations/DecorationManager.ts
@@ -0,0 +1,440 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+import { Plugin } from '@tiptap/pm/state'
+import type { EditorView } from '@tiptap/pm/view'
+import { DecorationSet } from '@tiptap/pm/view'
+
+import type { Editor } from '../Editor.js'
+import type { Range } from '../types.js'
+import { isDev } from '../utilities/isDev.js'
+import { DECORATION_MANAGER_PLUGIN_KEY } from './constants.js'
+import type { Decoration } from './Decoration.js'
+import { runInDecorationApplyScope } from './decorationApplyScope.js'
+import { buildDecorationSet } from './helpers/buildDecorationSet.js'
+import { decorationsToPMDecorations } from './helpers/decorationsToPMDecorations.js'
+import { filterOutOfRangeDecorations } from './helpers/filterOutOfRangeDecorations.js'
+import { findDuplicateWidgetKeys } from './helpers/findDuplicateWidgetKeys.js'
+import { getRebuildRanges } from './helpers/getRebuildRanges.js'
+import { mapDecorations } from './helpers/mapDecorations.js'
+import { mapDecorationSet } from './helpers/mapDecorationSet.js'
+import { mergeDecorationSets } from './helpers/mergeDecorationSets.js'
+import { rangeOwnsPosition } from './helpers/rangeOwnsPosition.js'
+import { unionWidgetKeys } from './helpers/unionWidgetKeys.js'
+import { validateDecorationSpec } from './helpers/validateDecorationSpec.js'
+import { shouldRecomputeDecoration } from './helpers/shouldRecomputeDecoration.js'
+import { widgetKeyOf } from './helpers/widgetKeyOf.js'
+import type {
+  DecorationCreateProps,
+  DecorationManagerEntry,
+  DecorationManagerState,
+  DecorationMeta,
+  DecorationRangeProps,
+  DecorationSpec,
+  ResolvedDecorationEntry,
+} from './types.js'
+export type { DecorationManagerEntry } from './types.js'
+
+const EMPTY_KEYS: ReadonlySet<string> = new Set()
+
+export function liveWidgetKeys(editor: Editor): ReadonlySet<string> {
+  return editor.extensionManager?.decorationManager?.liveWidgetKeys() ?? EMPTY_KEYS
+}
+
+export class DecorationManager {
+  editor: Editor
+  entries: ResolvedDecorationEntry[]
+  plugin: Plugin<DecorationManagerState> | null
+  private warnedWidgetKeys = new Set<string>()
+  private warnedOutOfRangeExtensions = new Set<string>()
+  private readonly handleBeforeTransaction = ({ nextState }: { nextState: EditorState }) => {
+    const state = DECORATION_MANAGER_PLUGIN_KEY.getState(nextState)
+
+    if (state) {
+      this.warnDuplicateWidgetKeys(state)
+    }
+  }
+
+  constructor(options: { editor: Editor; entries: DecorationManagerEntry[] }) {
+    this.editor = options.editor
+    this.entries = this.resolveEntries(options.entries)
+    this.entries.forEach(({ name, spec }) => validateDecorationSpec(name, spec))
+    this.plugin = this.entries.length > 0 ? this.createPlugin() : null
+
+    this.editor.on('beforeTransaction', this.handleBeforeTransaction)
+  }
+
+  destroy(): void {
+    this.editor.off('beforeTransaction', this.handleBeforeTransaction)
+  }
+
+  /**
+   * Returns the set of live widget keys from all decoration extensions.
+   * @returns A readonly set of widget keys
+   */
+  liveWidgetKeys(): ReadonlySet<string> {
+    return DECORATION_MANAGER_PLUGIN_KEY.getState(this.editor.state)?.widgetKeys ?? EMPTY_KEYS
+  }
+
+  /**
+   * The mounted editor view, or `null` when destroyed. Decoration callbacks
+   * must never receive the placeholder view `editor.view` falls back to.
+   * @returns The mounted editor view, or `null`
+   */
+  private get mountedView(): EditorView | null {
+    return this.editor.isDestroyed ? null : this.editor.view
+  }
+
+  /**
+   * Resolves decoration entries by calling the addDecorations function for each extension entry.
+   * @param entries The decoration manager entries to resolve
+   * @returns An array of resolved decoration entries
+   */
+  private resolveEntries(entries: DecorationManagerEntry[]): ResolvedDecorationEntry[] {
+    const resolved: ResolvedDecorationEntry[] = []
+
+    for (const { name, addDecorations } of entries) {
+      const spec = addDecorations()
+
+      if (spec) {
+        resolved.push({ name, spec })
+      }
+    }
+
+    return resolved
+  }
+
+  /**
+   * Creates the ProseMirror plugin for managing decorations.
+   * @returns A ProseMirror plugin with state management
+   */
+  private createPlugin(): Plugin<DecorationManagerState> {
+    const { editor, entries } = this
+
+    return new Plugin<DecorationManagerState>({
+      key: DECORATION_MANAGER_PLUGIN_KEY,
+      state: {
+        init: (_config, state) => {
+          const decorationSetsByExtension: Record<string, DecorationSet> = {}
+          const widgetKeysByExtension: Record<string, Set<string>> = {}
+
+          for (const { name, spec } of entries) {
+            const { set, widgetKeys } = this.buildFullSet(name, spec, state)
+
+            decorationSetsByExtension[name] = set
+            widgetKeysByExtension[name] = widgetKeys
+          }
+
+          const managerState = {
+            decorationSetsByExtension,
+            widgetKeysByExtension,
+            mergedDecorationSet: this.buildMergedSet(state.doc, decorationSetsByExtension),
+            widgetKeys: unionWidgetKeys(widgetKeysByExtension),
+          }
+
+          this.warnDuplicateWidgetKeys(managerState)
+
+          return managerState
+        },
+        apply: (tr, previous, oldState, newState) => {
+          const meta = tr.getMeta(DECORATION_MANAGER_PLUGIN_KEY) as DecorationMeta | undefined
+          const forceAll = meta?.type === 'force' && !meta.name
+          const forceName = meta?.type === 'force' ? meta.name : undefined
+
+          const decorationSetsByExtension: Record<string, DecorationSet> = {}
+          const widgetKeysByExtension: Record<string, Set<string>> = {}
+          const recomputedNames = new Set<string>()
+
+          runInDecorationApplyScope(editor, () => {
+            for (const { name, spec } of entries) {
+              const forced = forceAll || forceName === name
+              const shouldRecompute = shouldRecomputeDecoration(
+                spec,
+                { editor, tr, oldState, newState },
+                forced,
+              )
+
+              if (!shouldRecompute) {
+                const result = mapDecorations(name, previous, tr)
+                decorationSetsByExtension[name] = result.set
+                widgetKeysByExtension[name] = result.widgetKeys
+              } else if (spec.update === 'changedRanges' && tr.docChanged && !forced) {
+                const result = this.applyChangedRangesRecompute(name, spec, previous, tr, newState)
+
+                decorationSetsByExtension[name] = result.set
+                widgetKeysByExtension[name] = result.widgetKeys
+                recomputedNames.add(name)
+              } else {
+                const { set, widgetKeys } = this.buildFullSet(name, spec, newState)
+
+                decorationSetsByExtension[name] = set
+                widgetKeysByExtension[name] = widgetKeys
+                recomputedNames.add(name)
+              }
+            }
+          })
+
+          if (recomputedNames.size === 0 && !tr.docChanged) {
+            return previous
+          }
+
+          const mergedDecorationSet = this.mergeAfterApply({
+            entries,
+            previous,
+            tr,
+            decorationSetsByExtension,
+            recomputedNames,
+          })
+
+          return {
+            decorationSetsByExtension,
+            widgetKeysByExtension,
+            mergedDecorationSet,
+            widgetKeys: unionWidgetKeys(widgetKeysByExtension),
+          }
+        },
+      },
+      props: {
+        decorations(state) {
+          return (
+            DECORATION_MANAGER_PLUGIN_KEY.getState(state)?.mergedDecorationSet ??
+            DecorationSet.empty
+          )
+        },
+      },
+    })
+  }
+
+  /**
+   * Applies changed ranges recomputation to a decoration set, dropping stale decorations and rebuilding only the touched blocks.
+   * @param name The name of the decoration extension
+   * @param spec The decoration spec
+   * @param previous The previous decoration manager state
+   * @param tr The transaction to apply
+   * @param newState The new editor state
+   * @returns The updated decoration set and widget keys
+   */
+  private applyChangedRangesRecompute(
+    name: string,
+    spec: DecorationSpec,
+    previous: DecorationManagerState,
+    tr: Transaction,
+    newState: EditorState,
+  ): { set: DecorationSet; widgetKeys: Set<string> } {
+    const resolution = getRebuildRanges(tr, newState.doc)
+
+    if (resolution.type === 'full') {
+      return this.buildFullSet(name, spec, newState)
+    }
+
+    return this.rebuildRanges(name, spec, previous, tr, newState, resolution.ranges)
+  }
+
+  /**
+   * Rebuilds decorations for the changed block ranges: maps the previous set
+   * forward, then for each range removes stale decorations, calls
+   * `createInRange`, and adds the new ones while syncing widget keys.
+   * @param name The extension name.
+   * @param spec The decoration spec.
+   * @param previous The previous decoration manager state.
+   * @param tr The transaction to apply.
+   * @param newState The new editor state.
+   * @param ranges The block ranges to rebuild.
+   * @returns The updated decoration set and widget keys.
+   */
+  private rebuildRanges(
+    name: string,
+    spec: DecorationSpec,
+    previous: DecorationManagerState,
+    tr: Transaction,
+    newState: EditorState,
+    ranges: Range[],
+  ): { set: DecorationSet; widgetKeys: Set<string> } {
+    const previousSet = previous.decorationSetsByExtension[name] ?? DecorationSet.empty
+    const widgetKeys = new Set<string>(previous.widgetKeysByExtension[name] ?? [])
+    let set = mapDecorationSet(previousSet, tr.mapping, tr.doc, widgetKeys)
+
+    const docSize = newState.doc.content.size
+
+    for (const { from, to } of ranges) {
+      const stale = set
+        .find(from, to)
+        .filter(decoration => rangeOwnsPosition({ position: decoration.from, from, to, docSize }))
+
+      for (const decoration of stale) {
+        const key = widgetKeyOf(decoration)
+
+        if (key) {
+          widgetKeys.delete(key)
+        }
+      }
+
+      set = set.remove(stale)
+
+      const rangeDecorations = filterOutOfRangeDecorations({
+        decorations: this.runCreate(name, 'createInRange', () =>
+          spec.createInRange!({
+            editor: this.editor,
+            state: newState,
+            view: this.mountedView,
+            from,
+            to,
+          } satisfies DecorationRangeProps),
+        ),
+        from,
+        to,
+        docSize,
+        extensionName: name,
+        warnedExtensions: this.warnedOutOfRangeExtensions,
+      })
+      const { decorations: pmDecorations, widgetKeys: addedKeys } = decorationsToPMDecorations(
+        rangeDecorations,
+        name,
+      )
+
+      set = set.add(newState.doc, pmDecorations)
+
+      for (const key of addedKeys) {
+        widgetKeys.add(key)
+      }
+    }
+
+    return { set, widgetKeys }
+  }
+
+  /**
+   * Builds a full decoration set for the entire document.
+   * @param name The name of the decoration extension
+   * @param spec The decoration spec
+   * @param state The editor state
+   * @returns The decoration set and widget keys
+   */
+  private buildFullSet(
+    name: string,
+    spec: DecorationSpec,
+    state: EditorState,
+  ): { set: DecorationSet; widgetKeys: Set<string> } {
+    const decorations = this.runCreate(name, 'create', () =>
+      spec.create({
+        editor: this.editor,
+        state,
+        view: this.mountedView,
+      } satisfies DecorationCreateProps),
+    )
+
+    return buildDecorationSet(state.doc, decorations, name)
+  }
+
+  /**
+   * Runs a decoration callback and swallows anything it throws. These run inside
+   * `state.apply`, where an uncaught error would abort the whole transaction.
+   * @param name The extension name.
+   * @param method The callback name, used in the error message.
+   * @param create The callback to run.
+   * @returns The decorations, or an empty array if the callback threw.
+   */
+  private runCreate(
+    name: string,
+    method: 'create' | 'createInRange',
+    create: () => Decoration[],
+  ): Decoration[] {
+    try {
+      return create()
+    } catch (error) {
+      console.error(
+        `[tiptap error]: Extension "${name}" threw in \`addDecorations().${method}()\`. ` +
+          'Its decorations were dropped for this update.',
+        error,
+      )
+
+      return []
+    }
+  }
+
+  private warnDuplicateWidgetKeys(state: DecorationManagerState): void {
+    if (!isDev) {
+      return
+    }
+
+    // No widget keys means no duplicates, so the scan over the merged set is
+    // pointless. Most documents carry only node and inline decorations.
+    if (state.widgetKeys.size === 0) {
+      this.warnedWidgetKeys.clear()
+
+      return
+    }
+
+    const duplicateKeys = findDuplicateWidgetKeys(state.mergedDecorationSet)
+    const nextWarningKeys = new Set(duplicateKeys.map(({ key }) => key))
+
+    for (const { key, extensions } of duplicateKeys) {
+      if (this.warnedWidgetKeys.has(key)) {
+        continue
+      }
+
+      const names = Array.from(extensions)
+        .map(name => `"${name}"`)
+        .join(', ')
+
+      console.warn(
+        `[tiptap warn]: Duplicate widget decoration key "${key}" in extension${
+          extensions.size === 1 ? '' : 's'
+        } ${names}. Widget decoration keys must be globally unique, otherwise ProseMirror ` +
+          'misplaces the widget DOM. Use a stable, unique key (e.g. `comment-${id}`).',
+      )
+    }
+
+    this.warnedWidgetKeys = nextWarningKeys
+  }
+
+  /**
+   * Builds the merged DecorationSet during init. Skips the merge for a
+   * single extension since its per-extension set is already correct.
+   * @param doc The document to build the merged set for.
+   * @param decorationSetsByExtension The per-extension decoration sets.
+   * @returns The merged decoration set.
+   */
+  private buildMergedSet(
+    doc: PMNode,
+    decorationSetsByExtension: Record<string, DecorationSet>,
+  ): DecorationSet {
+    const names = Object.keys(decorationSetsByExtension)
+
+    if (names.length === 1) {
+      return decorationSetsByExtension[names[0]]
+    }
+
+    return mergeDecorationSets(doc, decorationSetsByExtension)
+  }
+
+  /**
+   * Computes the merged DecorationSet after apply. Single extension skips the
+   * merge; nothing recomputed maps the previous merged set forward; otherwise
+   * the merge is rebuilt from the per-extension sets.
+   */
+  private mergeAfterApply({
+    entries,
+    previous,
+    tr,
+    decorationSetsByExtension,
+    recomputedNames,
+  }: {
+    entries: ResolvedDecorationEntry[]
+    previous: DecorationManagerState
+    tr: Transaction
+    decorationSetsByExtension: Record<string, DecorationSet>
+    recomputedNames: Set<string>
+  }): DecorationSet {
+    if (entries.length === 1) {
+      return decorationSetsByExtension[entries[0].name]
+    }
+
+    if (recomputedNames.size === 0) {
+      return previous.mergedDecorationSet.map(tr.mapping, tr.doc)
+    }
+
+    // Patching the previous merged set is far slower than rebuilding it:
+    // `DecorationSet.remove` scans every decoration once per block, so it goes
+    // quadratic on large documents. Every set here already matches `tr.doc`.
+    return mergeDecorationSets(tr.doc, decorationSetsByExtension)
+  }
+}
diff --git a/packages/core/src/decorations/constants.ts b/packages/core/src/decorations/constants.ts
new file mode 100644
index 0000000..df9a9da
--- /dev/null
+++ b/packages/core/src/decorations/constants.ts
@@ -0,0 +1,7 @@
+import { PluginKey } from '@tiptap/pm/state'
+import { DecorationManagerState } from './types.js'
+
+export const DECORATION_MANAGER_PLUGIN_KEY_NAME = '__tiptap_decorations__'
+export const DECORATION_MANAGER_PLUGIN_KEY = new PluginKey<DecorationManagerState>(
+  DECORATION_MANAGER_PLUGIN_KEY_NAME,
+)
diff --git a/packages/core/src/decorations/createWidgetDecoration.test.ts b/packages/core/src/decorations/createWidgetDecoration.test.ts
new file mode 100644
index 0000000..c33bda4
--- /dev/null
+++ b/packages/core/src/decorations/createWidgetDecoration.test.ts
@@ -0,0 +1,224 @@
+import { Editor, Extension } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { createWidgetDecoration } from './createWidgetDecoration.js'
+
+const CACHE_KEY = Symbol('testWidgetCache')
+
+interface Push {
+  key: string
+  props: Record<string, any>
+}
+
+const pushes: Push[] = []
+const destroyed: string[] = []
+
+/** Stands in for `ReactRenderer` / `VueRenderer` so core can be tested alone. */
+class StubRenderer {
+  element = document.createElement('span')
+  props: Record<string, any>
+
+  constructor(
+    private key: string,
+    props: Record<string, any>,
+  ) {
+    this.props = { ...props }
+    this.element.className = 'stub'
+  }
+
+  updateProps(props: Record<string, any>): void {
+    this.props = { ...this.props, ...props }
+    pushes.push({ key: this.key, props: { ...props } })
+  }
+
+  destroy(): void {
+    destroyed.push(this.key)
+  }
+}
+
+const renderers = new Map<string, StubRenderer>()
+
+/** One stable-keyed widget per paragraph, with a `size` prop that changes on edits. */
+function stubWidgets(onDestroy?: (node: Node) => void) {
+  return Extension.create({
+    name: 'stubWidgets',
+    addDecorations() {
+      return {
+        create: ({ editor, state }) => {
+          const decorations: any[] = []
+          let index = 0
+
+          state.doc.forEach((node, offset) => {
+            const key = `w-${index}`
+
+            decorations.push(
+              createWidgetDecoration<StubRenderer>({
+                editor,
+                pos: offset + node.nodeSize - 1,
+                key,
+                props: { size: state.doc.content.size },
+                cacheKey: CACHE_KEY,
+                side: 1,
+                destroy: onDestroy,
+                context: getPos => ({ editor, getPos }),
+                create: renderProps => {
+                  const renderer = new StubRenderer(key, renderProps)
+
+                  renderers.set(key, renderer)
+
+                  return renderer
+                },
+                materialize: renderer => renderer.element,
+              }),
+            )
+            index += 1
+          })
+
+          return decorations
+        },
+      }
+    },
+  })
+}
+
+async function flushWidgetProps() {
+  await Promise.resolve()
+  await new Promise(resolve => setTimeout(resolve, 0))
+}
+
+function createEditor(content = '<p>aaa</p>', onDestroy?: (node: Node) => void) {
+  const element = document.createElement('div')
+
+  document.body.appendChild(element)
+
+  return new Editor({
+    element,
+    extensions: [Document, Paragraph, Text, stubWidgets(onDestroy)],
+    content,
+  })
+}
+
+describe('createWidgetDecoration', () => {
+  let editor: Editor | null = null
+
+  afterEach(() => {
+    editor?.destroy()
+    editor = null
+    pushes.length = 0
+    destroyed.length = 0
+    renderers.clear()
+  })
+
+  it('never pushes props while a transaction is being applied', () => {
+    editor = createEditor()
+    pushes.length = 0
+
+    editor.commands.insertContentAt(2, 'X')
+
+    // `create()` runs inside `state.apply`, which must stay pure. The renderer
+    // must not be touched until the microtask flush.
+    expect(pushes).toEqual([])
+  })
+
+  it('pushes changed props on the next microtask', async () => {
+    editor = createEditor()
+    pushes.length = 0
+
+    editor.commands.insertContentAt(2, 'X')
+    await flushWidgetProps()
+
+    expect(pushes).toEqual([{ key: 'w-0', props: { size: 6 } }])
+  })
+
+  it('coalesces several transactions into one push per key', async () => {
+    editor = createEditor()
+    pushes.length = 0
+
+    editor.commands.insertContentAt(2, 'X')
+    editor.commands.insertContentAt(2, 'Y')
+    editor.commands.insertContentAt(2, 'Z')
+    await flushWidgetProps()
+
+    expect(pushes).toEqual([{ key: 'w-0', props: { size: 8 } }])
+  })
+
+  it('does not push anything when props are unchanged', async () => {
+    editor = createEditor()
+    const renderer = renderers.get('w-0')!
+
+    pushes.length = 0
+    // Selection-only transactions leave `size` untouched.
+    editor.commands.setTextSelection(2)
+    editor.commands.setTextSelection(3)
+    await flushWidgetProps()
+
+    expect(pushes).toEqual([])
+    expect(renderer.props.size).toBe(5)
+  })
+
+  it('reuses the renderer for a key instead of remounting it', async () => {
+    editor = createEditor()
+    const renderer = renderers.get('w-0')
+
+    editor.commands.insertContentAt(2, 'X')
+    await flushWidgetProps()
+
+    expect(renderers.get('w-0')).toBe(renderer)
+    expect(destroyed).toEqual([])
+  })
+
+  it('keeps the renderer when a key is reassigned rather than removed', () => {
+    editor = createEditor('<p>aaa</p><p>bbb</p>')
+    destroyed.length = 0
+
+    // Splitting shifts paragraph-index keys around, but every key stays live.
+    editor.chain().setTextSelection(2).splitBlock().run()
+
+    expect(destroyed).toEqual([])
+  })
+
+  it('destroys the renderer when a widget is genuinely removed', () => {
+    editor = createEditor('<p>aaa</p><p>bbb</p>')
+    destroyed.length = 0
+
+    editor.commands.setContent('<p>aaa</p>')
+
+    expect(destroyed).toEqual(['w-1'])
+  })
+
+  it('forwards the user destroy callback once the widget is gone', () => {
+    const seen: Node[] = []
+
+    editor = createEditor('<p>aaa</p><p>bbb</p>', node => seen.push(node))
+    seen.length = 0
+
+    editor.commands.setContent('<p>aaa</p>')
+
+    expect(seen).toHaveLength(1)
+  })
+
+  it('destroys every live renderer when the editor is destroyed', () => {
+    editor = createEditor('<p>aaa</p><p>bbb</p>')
+    destroyed.length = 0
+
+    editor.destroy()
+    editor = null
+
+    expect(destroyed.sort()).toEqual(['w-0', 'w-1'])
+  })
+
+  it('drops queued props when the editor is destroyed before the flush', async () => {
+    editor = createEditor()
+
+    editor.commands.insertContentAt(2, 'X')
+    pushes.length = 0
+    editor.destroy()
+    editor = null
+    await flushWidgetProps()
+
+    expect(pushes).toEqual([])
+  })
+})
diff --git a/packages/core/src/decorations/createWidgetDecoration.ts b/packages/core/src/decorations/createWidgetDecoration.ts
new file mode 100644
index 0000000..986864c
--- /dev/null
+++ b/packages/core/src/decorations/createWidgetDecoration.ts
@@ -0,0 +1,221 @@
+import type { EditorView } from '@tiptap/pm/view'
+
+import type { Editor } from '../Editor.js'
+import { attrsEqual } from '../utilities/attrsEqual.js'
+import { Decoration } from './Decoration.js'
+import type { WidgetDecoration, WidgetDecorationOptions } from './Decoration.js'
+import { liveWidgetKeys } from './DecorationManager.js'
+
+/**
+ * The minimum a framework renderer must provide to be driven by
+ * {@link createWidgetDecoration}. Both `ReactRenderer` and `VueRenderer` match it.
+ */
+export interface WidgetRenderer {
+  updateProps: (props: Record<string, any>) => void
+  destroy: () => void
+}
+
+interface WidgetCache<TRenderer extends WidgetRenderer> {
+  /**
+   * The live renderer for each widget key, reused across recomputes so the
+   * component and its state are preserved instead of remounted.
+   */
+  renderers: Map<string, TRenderer>
+  /**
+   * Last props pushed to each widget. Skips updates when nothing changed.
+   */
+  props: Map<string, Record<string, any>>
+  /**
+   * Props queued during `create()` and pushed on the next microtask.
+   * Last write wins per key.
+   */
+  pendingProps: Map<string, Record<string, any>>
+  flushScheduled: boolean
+}
+
+export interface CreateWidgetDecorationOptions<
+  TRenderer extends WidgetRenderer,
+> extends WidgetDecorationOptions {
+  /**
+   * The editor instance. The renderer cache is stored on it, so widgets are
+   * swept when the editor is destroyed.
+   */
+  editor: Editor
+  /**
+   * The document position the widget is rendered at.
+   */
+  pos: number
+  /**
+   * A stable, position-independent identifier for the widget. Reusing the same
+   * key keeps the component mounted across recomputes.
+   */
+  key: string
+  /**
+   * Props passed to the component, merged with {@link context} on every render.
+   */
+  props: Record<string, any>
+  /**
+   * The symbol the renderer cache is stored under on the editor. Use one
+   * dedicated symbol per framework package so caches never mix.
+   */
+  cacheKey: symbol
+  /**
+   * Extra props merged into every render, for example `editor` and `getPos`.
+   * Called on each materialization because `getPos` is view-bound.
+   */
+  context: (getPos: () => number | undefined) => Record<string, any>
+  /**
+   * Creates the renderer on first mount. Receives `props` and `context`
+   * already merged.
+   */
+  create: (props: Record<string, any>) => TRenderer
+  /**
+   * Returns the element ProseMirror inserts, plus any work that has to happen
+   * on every materialization (React re-registers its portal here).
+   */
+  materialize: (renderer: TRenderer) => HTMLElement
+}
+
+function getCache<TRenderer extends WidgetRenderer>(
+  editor: Editor,
+  cacheKey: symbol,
+): WidgetCache<TRenderer> {
+  const host = editor as Editor & Record<symbol, WidgetCache<TRenderer> | undefined>
+
+  let cache = host[cacheKey]
+
+  if (!cache) {
+    cache = {
+      renderers: new Map(),
+      props: new Map(),
+      pendingProps: new Map(),
+      flushScheduled: false,
+    }
+
+    host[cacheKey] = cache
+
+    const sweep = cache
+
+    // Sweep any widgets still mounted when the editor goes away.
+    editor.on('destroy', () => {
+      sweep.pendingProps.clear()
+      sweep.renderers.forEach(renderer => renderer.destroy())
+      sweep.renderers.clear()
+      sweep.props.clear()
+    })
+  }
+
+  return cache
+}
+
+function flushPendingProps<TRenderer extends WidgetRenderer>(cache: WidgetCache<TRenderer>): void {
+  cache.flushScheduled = false
+
+  for (const [key, props] of cache.pendingProps) {
+    const renderer = cache.renderers.get(key)
+
+    if (renderer) {
+      renderer.updateProps(props)
+      cache.props.set(key, { ...props })
+    }
+  }
+
+  cache.pendingProps.clear()
+}
+
+/**
+ * Builds a widget decoration backed by a framework component renderer.
+ *
+ * Owns everything that is not framework specific: the per-editor renderer
+ * cache, prop diffing, the deferred prop flush, the key reassignment guard and
+ * the ProseMirror option pass-through. Framework packages supply only `create`,
+ * `context` and `materialize`.
+ *
+ * @param options The widget options plus the three framework hooks.
+ * @returns The widget decoration to return from `addDecorations`.
+ * @example
+ * createWidgetDecoration<ReactRenderer>({
+ *   editor, pos, key, props, cacheKey: WIDGET_CACHE,
+ *   context: getPos => ({ editor, getPos }),
+ *   create: renderProps => new ReactRenderer(component, { editor, props: renderProps }),
+ *   materialize: renderer => renderer.element,
+ * })
+ */
+export function createWidgetDecoration<TRenderer extends WidgetRenderer>(
+  options: CreateWidgetDecorationOptions<TRenderer>,
+): WidgetDecoration {
+  const {
+    editor,
+    pos,
+    key,
+    props,
+    cacheKey,
+    context,
+    create,
+    materialize,
+    side,
+    relaxedSide,
+    marks,
+    stopEvent,
+    ignoreSelection,
+    destroy,
+  } = options
+  const cache = getCache<TRenderer>(editor, cacheKey)
+
+  // Queue prop updates for already-mounted widgets. This code runs inside
+  // ProseMirror's `state.apply`, which must stay pure, so the renderer is only
+  // touched on the next microtask. ProseMirror skips `render` when it reuses
+  // DOM, so the flush is the only update path for a mounted widget.
+  if (cache.renderers.has(key)) {
+    const previous = cache.pendingProps.get(key) ?? cache.props.get(key)
+
+    if (!previous || !attrsEqual(previous, props)) {
+      cache.pendingProps.set(key, props)
+
+      if (!cache.flushScheduled) {
+        cache.flushScheduled = true
+        queueMicrotask(() => flushPendingProps(cache))
+      }
+    }
+  }
+
+  const render = (_view: EditorView, getPos: () => number | undefined): HTMLElement => {
+    const renderProps = { ...props, ...context(getPos) }
+    let renderer = cache.renderers.get(key)
+
+    if (renderer) {
+      renderer.updateProps(renderProps)
+    } else {
+      renderer = create(renderProps)
+      cache.renderers.set(key, renderer)
+      cache.props.set(key, { ...props })
+    }
+
+    return materialize(renderer)
+  }
+
+  return Decoration.Widget(pos, render, {
+    key,
+    side,
+    relaxedSide,
+    marks,
+    stopEvent,
+    ignoreSelection,
+    destroy: (rendererElement: Node) => {
+      // Keep the renderer if the widget is still live (being reassigned, not removed).
+      // Only correct because ProseMirror sets `view.state` before dropping widget descs.
+      if (liveWidgetKeys(editor).has(key)) {
+        return
+      }
+
+      try {
+        cache.renderers.get(key)?.destroy()
+        cache.renderers.delete(key)
+        cache.props.delete(key)
+        cache.pendingProps.delete(key)
+      } finally {
+        destroy?.(rendererElement)
+      }
+    },
+  })
+}
diff --git a/packages/core/src/decorations/decorationApplyScope.test.ts b/packages/core/src/decorations/decorationApplyScope.test.ts
new file mode 100644
index 0000000..b6c9520
--- /dev/null
+++ b/packages/core/src/decorations/decorationApplyScope.test.ts
@@ -0,0 +1,50 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isInDecorationApplyScope, runInDecorationApplyScope } from './decorationApplyScope.js'
+
+describe('decorationApplyScope', () => {
+  it('marks the editor only while the callback runs', () => {
+    const editor = {}
+
+    expect(isInDecorationApplyScope(editor)).toBe(false)
+
+    runInDecorationApplyScope(editor, () => {
+      expect(isInDecorationApplyScope(editor)).toBe(true)
+    })
+
+    expect(isInDecorationApplyScope(editor)).toBe(false)
+  })
+
+  it('keeps the mark until the outermost scope exits', () => {
+    const editor = {}
+
+    runInDecorationApplyScope(editor, () => {
+      runInDecorationApplyScope(editor, () => {})
+
+      expect(isInDecorationApplyScope(editor)).toBe(true)
+    })
+
+    expect(isInDecorationApplyScope(editor)).toBe(false)
+  })
+
+  it('clears the mark when the callback throws', () => {
+    const editor = {}
+
+    expect(() =>
+      runInDecorationApplyScope(editor, () => {
+        throw new Error('boom')
+      }),
+    ).toThrow('boom')
+
+    expect(isInDecorationApplyScope(editor)).toBe(false)
+  })
+
+  it('tracks editors independently', () => {
+    const first = {}
+    const second = {}
+
+    runInDecorationApplyScope(first, () => {
+      expect(isInDecorationApplyScope(second)).toBe(false)
+    })
+  })
+})
diff --git a/packages/core/src/decorations/decorationApplyScope.ts b/packages/core/src/decorations/decorationApplyScope.ts
new file mode 100644
index 0000000..c6e7d12
--- /dev/null
+++ b/packages/core/src/decorations/decorationApplyScope.ts
@@ -0,0 +1,45 @@
+/**
+ * Tracks which editors are running decoration create() callbacks inside state.apply,
+ * using a private WeakMap to keep this off the public Editor surface.
+ */
+const depthByEditor = new WeakMap<object, number>()
+
+/**
+ * Marks callback as decoration-apply work for editor, so editor.state can warn
+ * about stale reads. Counts depth to handle nested applies.
+ *
+ * @param editor The editor the decorations belong to
+ * @param callback The work to run inside the scope
+ * @returns Whatever `callback` returns
+ * @example
+ * runInDecorationApplyScope(editor, () => spec.create({ editor, state, view }))
+ */
+export function runInDecorationApplyScope<T>(editor: object, callback: () => T): T {
+  depthByEditor.set(editor, (depthByEditor.get(editor) ?? 0) + 1)
+
+  try {
+    return callback()
+  } finally {
+    const remaining = (depthByEditor.get(editor) ?? 1) - 1
+
+    if (remaining > 0) {
+      depthByEditor.set(editor, remaining)
+    } else {
+      depthByEditor.delete(editor)
+    }
+  }
+}
+
+/**
+ * Whether the editor is currently inside a decoration apply scope.
+ *
+ * @param editor The editor to check
+ * @returns `true` while decoration create() callbacks run
+ * @example
+ * if (isInDecorationApplyScope(editor)) {
+ *   // reads of editor.state are stale here
+ * }
+ */
+export function isInDecorationApplyScope(editor: object): boolean {
+  return depthByEditor.has(editor)
+}
diff --git a/packages/core/src/decorations/helpers/buildDecorationSet.ts b/packages/core/src/decorations/helpers/buildDecorationSet.ts
new file mode 100644
index 0000000..a2f9749
--- /dev/null
+++ b/packages/core/src/decorations/helpers/buildDecorationSet.ts
@@ -0,0 +1,25 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { DecorationSet } from '@tiptap/pm/view'
+
+import type { Decoration } from '../Decoration.js'
+import { decorationsToPMDecorations } from './decorationsToPMDecorations.js'
+
+/**
+ * Builds a DecorationSet from a list of decorations.
+ * @param doc The document to build the decoration set for.
+ * @param decorations The decorations to build the set from.
+ * @param extensionName The name of the extension that created the decorations.
+ * @returns The built decoration set and the widget keys.
+ */
+export function buildDecorationSet(
+  doc: PMNode,
+  decorations: Decoration[],
+  extensionName?: string,
+): { set: DecorationSet; widgetKeys: Set<string> } {
+  const { decorations: pmDecorations, widgetKeys } = decorationsToPMDecorations(
+    decorations,
+    extensionName,
+  )
+
+  return { set: DecorationSet.create(doc, pmDecorations), widgetKeys }
+}
diff --git a/packages/core/src/decorations/helpers/decorationsToPMDecorations.ts b/packages/core/src/decorations/helpers/decorationsToPMDecorations.ts
new file mode 100644
index 0000000..4af858a
--- /dev/null
+++ b/packages/core/src/decorations/helpers/decorationsToPMDecorations.ts
@@ -0,0 +1,36 @@
+import { Decoration as PMDecoration } from '@tiptap/pm/view'
+
+import type { Decoration, WidgetDecoration } from '../Decoration.js'
+
+function isWidgetDecoration(decoration: Decoration): decoration is WidgetDecoration {
+  return decoration.kind === 'widget'
+}
+
+/**
+ * Converts a list of decorations to ProseMirror decorations.
+ * @param decorations The decorations to convert.
+ * @param extensionName The name of the extension that created the decorations.
+ * @returns The converted decorations and the widget keys.
+ */
+export function decorationsToPMDecorations(
+  decorations: Decoration[],
+  extensionName?: string,
+): {
+  decorations: PMDecoration[]
+  widgetKeys: Set<string>
+} {
+  const pmDecorations: PMDecoration[] = []
+  const widgetKeys = new Set<string>()
+
+  for (const decoration of decorations) {
+    if (decoration.kind === 'widget') {
+      if (isWidgetDecoration(decoration)) {
+        widgetKeys.add(decoration.key)
+      }
+    }
+
+    pmDecorations.push(decoration.toPMDecoration(extensionName))
+  }
+
+  return { decorations: pmDecorations, widgetKeys }
+}
diff --git a/packages/core/src/decorations/helpers/filterOutOfRangeDecorations.ts b/packages/core/src/decorations/helpers/filterOutOfRangeDecorations.ts
new file mode 100644
index 0000000..8ee0459
--- /dev/null
+++ b/packages/core/src/decorations/helpers/filterOutOfRangeDecorations.ts
@@ -0,0 +1,52 @@
+import type { Decoration } from '../Decoration.js'
+import { rangeOwnsPosition } from './rangeOwnsPosition.js'
+
+export interface FilterOutOfRangeDecorationsOptions {
+  decorations: Decoration[]
+  from: number
+  to: number
+  /** `doc.content.size` of the document the range was computed against. */
+  docSize: number
+  /** The extension that created the decorations, used in the warning. */
+  extensionName: string
+  /** Extensions already warned about, so a buggy one warns once per editor. */
+  warnedExtensions: Set<string>
+}
+
+/**
+ * Filter decorations the block range `[from, to)` does not own.
+ * Must match the stale sweep in `DecorationManager.rebuildRanges`.
+ *
+ * @param options The decorations, the range, and the warning bookkeeping.
+ * @returns The filtered decorations.
+ */
+export function filterOutOfRangeDecorations({
+  decorations,
+  from,
+  to,
+  docSize,
+  extensionName,
+  warnedExtensions,
+}: FilterOutOfRangeDecorationsOptions): Decoration[] {
+  return decorations.filter(decoration => {
+    if (rangeOwnsPosition({ position: decoration.anchor, from, to, docSize })) {
+      return true
+    }
+
+    // The next block owns `to` and rebuilds it there, so this is a normal
+    // overlap from scanning the boundary, not an authoring mistake.
+    if (decoration.anchor === to) {
+      return false
+    }
+
+    if (!warnedExtensions.has(extensionName)) {
+      warnedExtensions.add(extensionName)
+      console.warn(
+        `[tiptap warn]: Extension "${extensionName}" returned a decoration outside the ` +
+          `requested range [${from}, ${to}). It was ignored.`,
+      )
+    }
+
+    return false
+  })
+}
diff --git a/packages/core/src/decorations/helpers/findDuplicateWidgetKeys.ts b/packages/core/src/decorations/helpers/findDuplicateWidgetKeys.ts
new file mode 100644
index 0000000..cfea979
--- /dev/null
+++ b/packages/core/src/decorations/helpers/findDuplicateWidgetKeys.ts
@@ -0,0 +1,37 @@
+import type { DecorationSet } from '@tiptap/pm/view'
+
+import { widgetKeyOf } from './widgetKeyOf.js'
+
+export interface DuplicateWidgetKey {
+  key: string
+  extensions: Set<string>
+}
+
+/**
+ * Finds widget keys which are still duplicated in the final decoration set.
+ * @param decorationSet The merged decoration set to inspect.
+ * @returns The duplicate keys and their producing extensions.
+ */
+export function findDuplicateWidgetKeys(decorationSet: DecorationSet): DuplicateWidgetKey[] {
+  const extensionsByKey = new Map<string, Set<string>>()
+  const counts = new Map<string, number>()
+
+  for (const decoration of decorationSet.find()) {
+    const key = widgetKeyOf(decoration)
+
+    if (!key) {
+      continue
+    }
+
+    const extension = (decoration.spec as { extensionName?: string }).extensionName ?? 'unknown'
+    const extensions = extensionsByKey.get(key) ?? new Set<string>()
+
+    extensions.add(extension)
+    extensionsByKey.set(key, extensions)
+    counts.set(key, (counts.get(key) ?? 0) + 1)
+  }
+
+  return Array.from(extensionsByKey, ([key, extensions]) => ({ key, extensions })).filter(
+    ({ key }) => (counts.get(key) ?? 0) > 1,
+  )
+}
diff --git a/packages/core/src/decorations/helpers/getRebuildRanges.test.ts b/packages/core/src/decorations/helpers/getRebuildRanges.test.ts
new file mode 100644
index 0000000..3605f91
--- /dev/null
+++ b/packages/core/src/decorations/helpers/getRebuildRanges.test.ts
@@ -0,0 +1,147 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Transaction } from '@tiptap/pm/state'
+import { AttrStep } from '@tiptap/pm/transform'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { getRebuildRanges } from './getRebuildRanges.js'
+import { isAttrStep } from './isAttrStep.js'
+
+import type { Range } from '../../types.js'
+
+function createEditor(content: string) {
+  return new Editor({
+    extensions: [Document, Paragraph, Text],
+    content,
+  })
+}
+
+/** Asserts the resolution is incremental and returns its ranges. */
+function rebuiltRanges(tr: Transaction, doc: PMNode): Range[] {
+  const resolution = getRebuildRanges(tr, doc)
+
+  expect(resolution.type).toBe('ranges')
+
+  return resolution.type === 'ranges' ? resolution.ranges : []
+}
+
+// <p>aaa</p><p>bbb</p><p>ccc</p> → blocks at 0-5, 5-10, 10-15
+const THREE_BLOCKS = '<p>aaa</p><p>bbb</p><p>ccc</p>'
+
+describe('getRebuildRanges', () => {
+  it('returns the containing block for an edit inside one block', () => {
+    const editor = createEditor(THREE_BLOCKS)
+    const tr = editor.state.tr.insertText('x', 7)
+
+    expect(getRebuildRanges(tr, tr.doc)).toEqual({ type: 'ranges', ranges: [{ from: 5, to: 11 }] })
+
+    editor.destroy()
+  })
+
+  it('includes the previous block when the change starts on a block boundary', () => {
+    const editor = createEditor(THREE_BLOCKS)
+    // Position 5 is the boundary between the first and second block. The first
+    // block ends there, so decorations spanning the boundary must be rebuilt.
+    const tr = editor.state.tr.insertText('x', 5)
+
+    expect(rebuiltRanges(tr, tr.doc)[0].from).toBe(0)
+
+    editor.destroy()
+  })
+
+  it('covers every block a multi-block change touches', () => {
+    const editor = createEditor(THREE_BLOCKS)
+    const tr = editor.state.tr.delete(2, 12)
+
+    expect(rebuiltRanges(tr, tr.doc)).toEqual([{ from: 0, to: tr.doc.content.size }])
+
+    editor.destroy()
+  })
+
+  it('merges overlapping ranges from multiple steps', () => {
+    const editor = createEditor(THREE_BLOCKS)
+    const tr = editor.state.tr.insertText('x', 2).insertText('y', 8)
+
+    expect(rebuiltRanges(tr, tr.doc)).toEqual([{ from: 0, to: 12 }])
+
+    editor.destroy()
+  })
+
+  it('covers the neighbouring blocks for a setNodeMarkup step', () => {
+    const editor = createEditor(THREE_BLOCKS)
+    // setNodeMarkup maps the block's open and close positions, so both
+    // neighbours end up touching one of the mapped ranges.
+    const tr = editor.state.tr.setNodeMarkup(5, undefined, { textAlign: 'center' })
+
+    expect(rebuiltRanges(tr, tr.doc)).toEqual([{ from: 0, to: 15 }])
+
+    editor.destroy()
+  })
+
+  it('falls back to a full rebuild for steps without a resolvable range', () => {
+    const editor = createEditor(THREE_BLOCKS)
+    const tr = editor.state.tr.replace(0, editor.state.doc.content.size)
+
+    expect(getRebuildRanges(tr, tr.doc).type).toBe('ranges')
+
+    editor.destroy()
+  })
+
+  it('returns no ranges for an empty document', () => {
+    const editor = createEditor('<p></p>')
+    const tr = editor.state.tr.insertText('x', 1)
+
+    expect(getRebuildRanges(tr, tr.doc)).toEqual({ type: 'ranges', ranges: [{ from: 0, to: 3 }] })
+
+    editor.destroy()
+  })
+
+  it('returns the target block for an attribute-only step', () => {
+    const editor = createEditor(THREE_BLOCKS)
+    // setNodeAttribute produces an AttrStep, which maps no position at all.
+    const tr = editor.state.tr.setNodeAttribute(5, 'textAlign', 'center')
+
+    expect(rebuiltRanges(tr, tr.doc)).toEqual([{ from: 0, to: 10 }])
+
+    editor.destroy()
+  })
+})
+
+// Fails on a prosemirror-transform upgrade that breaks what getRebuildRanges
+// assumes, instead of decorations going silently stale.
+describe('AttrStep contract (prosemirror-transform 1.12.0)', () => {
+  it('is tagged "attr", exposes pos, and maps no positions', () => {
+    const step = new AttrStep(5, 'textAlign', 'center')
+    let mappedRanges = 0
+
+    step.getMap().forEach(() => {
+      mappedRanges += 1
+    })
+
+    expect(isAttrStep(step)).toBe(true)
+    expect(step.pos).toBe(5)
+    expect(mappedRanges).toBe(0)
+  })
+
+  it('is produced by setNodeAttribute', () => {
+    const editor = createEditor(THREE_BLOCKS)
+    const tr = editor.state.tr.setNodeAttribute(5, 'textAlign', 'center')
+
+    expect(tr.steps).toHaveLength(1)
+    expect(isAttrStep(tr.steps[0])).toBe(true)
+
+    editor.destroy()
+  })
+
+  it('does not match other step types', () => {
+    const editor = createEditor(THREE_BLOCKS)
+    const tr = editor.state.tr.insertText('x', 2).setDocAttribute('revision', 1)
+
+    expect(tr.steps.some(isAttrStep)).toBe(false)
+
+    editor.destroy()
+  })
+})
diff --git a/packages/core/src/decorations/helpers/getRebuildRanges.ts b/packages/core/src/decorations/helpers/getRebuildRanges.ts
new file mode 100644
index 0000000..5f127b5
--- /dev/null
+++ b/packages/core/src/decorations/helpers/getRebuildRanges.ts
@@ -0,0 +1,96 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Transaction } from '@tiptap/pm/state'
+
+import { getChangedRanges } from '../../helpers/getChangedRanges.js'
+import type { Range } from '../../types.js'
+import { hasResolvableChangedRange } from './hasResolvableChangedRange.js'
+import { isAttrStep } from './isAttrStep.js'
+
+export type RebuildRangeResolution = { type: 'ranges'; ranges: Range[] } | { type: 'full' }
+
+/**
+ * Expands a changed range to the top-level blocks it touches. Blocks are
+ * ordered, so the walk stops as soon as it passes the range.
+ */
+function blockRangeFor(doc: PMNode, changed: Range): Range | null {
+  let from: number | null = null
+  let to = 0
+  let nodeStart = 0
+
+  for (let index = 0; index < doc.childCount; index += 1) {
+    if (nodeStart > changed.to) {
+      break
+    }
+
+    const nodeEnd = nodeStart + doc.child(index).nodeSize
+
+    // A block ending exactly at `changed.from` still owns decorations that
+    // span the boundary, so it counts as overlapping.
+    if (nodeEnd >= changed.from) {
+      if (from === null) {
+        from = nodeStart
+      }
+
+      to = nodeEnd
+    }
+
+    nodeStart = nodeEnd
+  }
+
+  return from === null ? null : { from, to }
+}
+
+/**
+ * Returns the top-level block ranges to recompute after a transaction,
+ * or `{ type: 'full' }` when the whole document must be rebuilt.
+ * @param tr The transaction to inspect.
+ * @param doc The new document after the transaction.
+ * @returns The block ranges to recompute, or a full-recompute signal.
+ */
+export function getRebuildRanges(tr: Transaction, doc: PMNode): RebuildRangeResolution {
+  // If any step cannot be resolved, fall back to full recompute.
+  if (tr.steps.some(step => !hasResolvableChangedRange(step))) {
+    return { type: 'full' }
+  }
+
+  const newRanges: Range[] = getChangedRanges(tr).map(({ newRange }) => newRange)
+
+  // An AttrStep maps no position, so getChangedRanges misses it.
+  tr.steps.forEach((step, index) => {
+    if (!isAttrStep(step)) {
+      return
+    }
+
+    const mapping = tr.mapping.slice(index)
+
+    newRanges.push({ from: mapping.map(step.pos, -1), to: mapping.map(step.pos + 1) })
+  })
+
+  const ranges: Range[] = []
+
+  for (const newRange of newRanges) {
+    const blockRange = blockRangeFor(doc, newRange)
+
+    if (blockRange) {
+      ranges.push(blockRange)
+    }
+  }
+
+  ranges.sort((a, b) => a.from - b.from)
+
+  const merged: Range[] = []
+
+  // for each range, merge it with the previous range if it overlaps
+  for (const range of ranges) {
+    const last = merged[merged.length - 1]
+
+    // if the current range overlaps with the previous range, merge it
+    if (last && range.from <= last.to) {
+      last.to = Math.max(last.to, range.to)
+    } else {
+      merged.push({ ...range })
+    }
+  }
+
+  return { type: 'ranges', ranges: merged }
+}
diff --git a/packages/core/src/decorations/helpers/hasResolvableChangedRange.ts b/packages/core/src/decorations/helpers/hasResolvableChangedRange.ts
new file mode 100644
index 0000000..91806eb
--- /dev/null
+++ b/packages/core/src/decorations/helpers/hasResolvableChangedRange.ts
@@ -0,0 +1,24 @@
+import type { Step } from '@tiptap/pm/transform'
+
+import { isAttrStep } from './isAttrStep.js'
+
+/**
+ * Check if a step has a resolvable changed range.
+ * @param step The step to check.
+ * @returns True if the step has a resolvable changed range, false otherwise.
+ */
+export function hasResolvableChangedRange(step: Step): boolean {
+  let hasMappedRange = false
+
+  step.getMap().forEach(() => {
+    hasMappedRange = true
+  })
+
+  if (hasMappedRange || isAttrStep(step)) {
+    return true
+  }
+
+  const positionalStep = step as Step & { from?: unknown; to?: unknown }
+
+  return typeof positionalStep.from === 'number' && typeof positionalStep.to === 'number'
+}
diff --git a/packages/core/src/decorations/helpers/isAttrStep.ts b/packages/core/src/decorations/helpers/isAttrStep.ts
new file mode 100644
index 0000000..bbd1e65
--- /dev/null
+++ b/packages/core/src/decorations/helpers/isAttrStep.ts
@@ -0,0 +1,21 @@
+import type { Step } from '@tiptap/pm/transform'
+
+/** `jsonID` is set on each step's prototype by `Step.jsonID`; not in the type defs. */
+type StepWithId = Step & { jsonID?: string }
+
+/**
+ * Whether a step only sets a node attribute.
+ *
+ * Matched by `jsonID` rather than `instanceof`, which fails when two copies of
+ * prosemirror-transform are loaded.
+ *
+ * @param step The step to check.
+ * @returns `true` for an `AttrStep`, which carries the target node's position.
+ * @example
+ * if (isAttrStep(step)) {
+ *   rebuildBlockAt(step.pos)
+ * }
+ */
+export function isAttrStep(step: Step): step is Step & { pos: number } {
+  return (step as StepWithId).jsonID === 'attr'
+}
diff --git a/packages/core/src/decorations/helpers/mapDecorationSet.ts b/packages/core/src/decorations/helpers/mapDecorationSet.ts
new file mode 100644
index 0000000..0e832d6
--- /dev/null
+++ b/packages/core/src/decorations/helpers/mapDecorationSet.ts
@@ -0,0 +1,31 @@
+import type { Mapping } from '@tiptap/pm/transform'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { DecorationSet } from '@tiptap/pm/view'
+
+type RemovedDecorationSpec = { key?: unknown } | undefined
+
+/**
+ * Maps a decoration set through a mapping and prunes the keys of any widget
+ * dropped because its position was deleted.
+ * @param set The decoration set to map.
+ * @param mapping The mapping to use.
+ * @param doc The document to map the set through.
+ * @param widgetKeys The set of widget keys to prune.
+ * @returns The mapped decoration set.
+ */
+export function mapDecorationSet(
+  set: DecorationSet,
+  mapping: Mapping,
+  doc: PMNode,
+  widgetKeys: Set<string>,
+): DecorationSet {
+  return set.map(mapping, doc, {
+    onRemove: (removedSpec: RemovedDecorationSpec) => {
+      const key = removedSpec?.key
+
+      if (typeof key === 'string') {
+        widgetKeys.delete(key)
+      }
+    },
+  })
+}
diff --git a/packages/core/src/decorations/helpers/mapDecorations.ts b/packages/core/src/decorations/helpers/mapDecorations.ts
new file mode 100644
index 0000000..deeaa35
--- /dev/null
+++ b/packages/core/src/decorations/helpers/mapDecorations.ts
@@ -0,0 +1,26 @@
+import { DecorationSet } from '@tiptap/pm/view'
+import type { Transaction } from '@tiptap/pm/state'
+
+import type { DecorationManagerState } from '../types.js'
+import { mapDecorationSet } from './mapDecorationSet.js'
+
+/**
+ * Moves an extension's existing decorations to their new positions after a
+ * transaction, and prunes widget keys for any widget whose position was deleted.
+ * @param name The name of the decoration extension.
+ * @param previous The previous decoration manager state.
+ * @param tr The transaction to map through.
+ * @returns The updated decoration set and widget keys.
+ */
+export function mapDecorations(
+  name: string,
+  previous: DecorationManagerState,
+  tr: Transaction,
+): { set: DecorationSet; widgetKeys: Set<string> } {
+  const previousSet = previous.decorationSetsByExtension[name] ?? DecorationSet.empty
+  const widgetKeys = new Set<string>(previous.widgetKeysByExtension[name] ?? [])
+
+  const set = mapDecorationSet(previousSet, tr.mapping, tr.doc, widgetKeys)
+
+  return { set, widgetKeys }
+}
diff --git a/packages/core/src/decorations/helpers/mergeDecorationSets.ts b/packages/core/src/decorations/helpers/mergeDecorationSets.ts
new file mode 100644
index 0000000..90f41ed
--- /dev/null
+++ b/packages/core/src/decorations/helpers/mergeDecorationSets.ts
@@ -0,0 +1,16 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { DecorationSet } from '@tiptap/pm/view'
+
+/**
+ * Merges multiple decoration sets into a single decoration set.
+ * @param doc The document to merge the decoration sets for.
+ * @param decorationSetsByExtension The decoration sets to merge.
+ * @returns The merged decoration set.
+ */
+export function mergeDecorationSets(
+  doc: PMNode,
+  decorationSetsByExtension: Record<string, DecorationSet>,
+): DecorationSet {
+  const allDecorations = Object.values(decorationSetsByExtension).flatMap(set => set.find())
+  return DecorationSet.create(doc, allDecorations)
+}
diff --git a/packages/core/src/decorations/helpers/rangeOwnsPosition.ts b/packages/core/src/decorations/helpers/rangeOwnsPosition.ts
new file mode 100644
index 0000000..f4f13af
--- /dev/null
+++ b/packages/core/src/decorations/helpers/rangeOwnsPosition.ts
@@ -0,0 +1,38 @@
+export interface RangeOwnsPositionOptions {
+  position: number
+  from: number
+  to: number
+  /** `doc.content.size` of the document the range was computed against. */
+  docSize: number
+}
+
+/**
+ * Whether the block range `[from, to)` owns a decoration at `position`.
+ *
+ * `to` is the next block's start, so that block owns it. The last block is the
+ * exception: nothing follows it, so it owns the end of the document.
+ *
+ * @param options The position, the range, and the document size.
+ * @returns True when the range owns the position.
+ * @example
+ * // <p>foo</p><p>bar</p>, blocks [0, 5] and [5, 10]
+ * rangeOwnsPosition({ position: 5, from: 0, to: 5, docSize: 10 }) // false, block 2 owns it
+ * rangeOwnsPosition({ position: 5, from: 5, to: 10, docSize: 10 }) // true
+ * rangeOwnsPosition({ position: 10, from: 5, to: 10, docSize: 10 }) // true, end of document
+ */
+export function rangeOwnsPosition({
+  position,
+  from,
+  to,
+  docSize,
+}: RangeOwnsPositionOptions): boolean {
+  if (position < from) {
+    return false
+  }
+
+  if (position < to) {
+    return true
+  }
+
+  return position === to && to === docSize
+}
diff --git a/packages/core/src/decorations/helpers/shouldRecomputeDecoration.ts b/packages/core/src/decorations/helpers/shouldRecomputeDecoration.ts
new file mode 100644
index 0000000..ec50fc8
--- /dev/null
+++ b/packages/core/src/decorations/helpers/shouldRecomputeDecoration.ts
@@ -0,0 +1,24 @@
+import type { DecorationShouldUpdateProps, DecorationSpec } from '../types.js'
+
+/**
+ * Decides whether a decoration spec should be recomputed for a transaction.
+ * @param spec The decoration spec to check.
+ * @param props Properties containing editor, transaction, and state.
+ * @param forced Whether recomputation was forced.
+ * @returns `true` if the decoration should be recomputed.
+ */
+export function shouldRecomputeDecoration(
+  spec: DecorationSpec,
+  props: DecorationShouldUpdateProps,
+  forced: boolean,
+): boolean {
+  if (forced) {
+    return true
+  }
+
+  if (spec.update === 'manual') {
+    return false
+  }
+
+  return spec.shouldUpdate ? spec.shouldUpdate(props) : props.tr.docChanged
+}
diff --git a/packages/core/src/decorations/helpers/unionWidgetKeys.ts b/packages/core/src/decorations/helpers/unionWidgetKeys.ts
new file mode 100644
index 0000000..33f5ab3
--- /dev/null
+++ b/packages/core/src/decorations/helpers/unionWidgetKeys.ts
@@ -0,0 +1,15 @@
+/**
+ * Unions all widget keys from multiple extensions into a single set.
+ * @param widgetKeysByExtension The widget keys to union.
+ * @returns The unioned widget keys.
+ */
+export function unionWidgetKeys(widgetKeysByExtension: Record<string, Set<string>>): Set<string> {
+  const merged = new Set<string>()
+  for (const keys of Object.values(widgetKeysByExtension)) {
+    for (const key of keys) {
+      merged.add(key)
+    }
+  }
+
+  return merged
+}
diff --git a/packages/core/src/decorations/helpers/validateDecorationSpec.ts b/packages/core/src/decorations/helpers/validateDecorationSpec.ts
new file mode 100644
index 0000000..3c7e680
--- /dev/null
+++ b/packages/core/src/decorations/helpers/validateDecorationSpec.ts
@@ -0,0 +1,49 @@
+import type { DecorationSpec } from '../types.js'
+
+/**
+ * Validates a decoration spec to ensure it follows the correct pattern for its update strategy.
+ * @param name The name of the extension.
+ * @param spec The decoration spec to validate
+ */
+export function validateDecorationSpec(name: string, spec: DecorationSpec): void {
+  const strategy = (spec as DecorationSpec & { update?: unknown }).update ?? 'document'
+
+  switch (strategy) {
+    case 'document':
+      if (spec.createInRange) {
+        throw new Error(
+          `[tiptap error]: Extension "${name}" provides createInRange() but does not use the ` +
+            '"changedRanges" decoration update strategy.',
+        )
+      }
+      return
+    case 'changedRanges':
+      if (!spec.createInRange) {
+        throw new Error(
+          `[tiptap error]: Extension "${name}" uses the "changedRanges" decoration update ` +
+            'strategy but does not provide createInRange().',
+        )
+      }
+      return
+    case 'manual':
+      if (spec.createInRange) {
+        throw new Error(
+          `[tiptap error]: Extension "${name}" uses the "manual" decoration update strategy, ` +
+            'which is not compatible with createInRange(). createInRange() requires the ' +
+            '"changedRanges" strategy.',
+        )
+      }
+      if (spec.shouldUpdate) {
+        throw new Error(
+          `[tiptap error]: Extension "${name}" cannot combine the "manual" decoration update ` +
+            'strategy with shouldUpdate().',
+        )
+      }
+      return
+    default:
+      throw new Error(
+        `[tiptap error]: Extension "${name}" uses an unknown decoration update strategy. ` +
+          'Expected "document", "changedRanges", or "manual".',
+      )
+  }
+}
diff --git a/packages/core/src/decorations/helpers/widgetKeyOf.ts b/packages/core/src/decorations/helpers/widgetKeyOf.ts
new file mode 100644
index 0000000..758fcfd
--- /dev/null
+++ b/packages/core/src/decorations/helpers/widgetKeyOf.ts
@@ -0,0 +1,11 @@
+import type { Decoration } from '@tiptap/pm/view'
+
+/**
+ * Extracts the widget key from a decoration spec.
+ * @param decoration The decoration to extract the key from.
+ * @returns The widget key, or undefined if the decoration has no key.
+ */
+export function widgetKeyOf(decoration: Decoration): string | undefined {
+  const key = (decoration.spec as { key?: unknown } | undefined)?.key
+  return typeof key === 'string' ? key : undefined
+}
diff --git a/packages/core/src/decorations/index.ts b/packages/core/src/decorations/index.ts
new file mode 100644
index 0000000..55564df
--- /dev/null
+++ b/packages/core/src/decorations/index.ts
@@ -0,0 +1,28 @@
+export { liveWidgetKeys, DecorationManager } from './DecorationManager.js'
+export { DECORATION_MANAGER_PLUGIN_KEY } from './constants.js'
+export {
+  createWidgetDecoration,
+  type CreateWidgetDecorationOptions,
+  type WidgetRenderer,
+} from './createWidgetDecoration.js'
+export {
+  Decoration,
+  InlineDecoration,
+  NodeDecoration,
+  WidgetDecoration,
+  type WidgetDecorationOptions,
+} from './Decoration.js'
+export type {
+  BaseDecorationSpec,
+  ChangedRangesDecorationSpec,
+  DecorationCreateProps,
+  DecorationManagerEntry,
+  DecorationManagerState,
+  DecorationRangeProps,
+  DecorationShouldUpdateProps,
+  DecorationSpec,
+  DecorationUpdateStrategy,
+  DocumentDecorationSpec,
+  ManualDecorationSpec,
+  ResolvedDecorationEntry,
+} from './types.js'
diff --git a/packages/core/src/decorations/types.ts b/packages/core/src/decorations/types.ts
new file mode 100644
index 0000000..2f3a93a
--- /dev/null
+++ b/packages/core/src/decorations/types.ts
@@ -0,0 +1,87 @@
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+import type { DecorationSet, EditorView } from '@tiptap/pm/view'
+
+import type { Editor } from '../Editor.js'
+import type { Decoration } from './Decoration.js'
+
+export interface DecorationCreateProps {
+  /**
+   * The editor instance. Read `state` from the `state` argument, not
+   * `editor.state` — during `create()` the editor's view state has not been
+   * updated yet, so `editor.state` points at the pre-transaction document.
+   */
+  editor: Editor
+  /**
+   * The editor state being built. This is the correct state to read from
+   * inside `create()`; `editor.state` is stale until the transaction finishes
+   * applying.
+   */
+  state: EditorState
+  /** The editor view, or `null` while the editor is not mounted. */
+  view: EditorView | null
+}
+
+export interface DecorationShouldUpdateProps {
+  editor: Editor
+  tr: Transaction
+  oldState: EditorState
+  newState: EditorState
+}
+
+export interface DecorationRangeProps extends DecorationCreateProps {
+  /** Start of the block range to scan, inclusive. */
+  from: number
+  /**
+   * End of the block range to scan, exclusive. `to` is the next block's start
+   * and that block rebuilds it, so decorations anchored there are ignored.
+   * The last block is the exception: it owns the end of the document.
+   */
+  to: number
+}
+
+export type DecorationUpdateStrategy = 'document' | 'changedRanges' | 'manual'
+
+export interface BaseDecorationSpec {
+  create: (props: DecorationCreateProps) => Decoration[]
+  shouldUpdate?: (props: DecorationShouldUpdateProps) => boolean
+}
+
+export interface DocumentDecorationSpec extends BaseDecorationSpec {
+  update?: 'document'
+  createInRange?: never
+}
+
+export interface ChangedRangesDecorationSpec extends BaseDecorationSpec {
+  update: 'changedRanges'
+  createInRange: (props: DecorationRangeProps) => Decoration[]
+}
+
+export interface ManualDecorationSpec extends BaseDecorationSpec {
+  update: 'manual'
+  shouldUpdate?: never
+  createInRange?: never
+}
+
+export type DecorationSpec =
+  | DocumentDecorationSpec
+  | ChangedRangesDecorationSpec
+  | ManualDecorationSpec
+
+export type DecorationMeta = { type: 'force'; name?: string }
+
+export interface DecorationManagerState {
+  decorationSetsByExtension: Record<string, DecorationSet>
+  widgetKeysByExtension: Record<string, Set<string>>
+  mergedDecorationSet: DecorationSet
+  widgetKeys: Set<string>
+}
+
+export interface ResolvedDecorationEntry {
+  name: string
+  spec: DecorationSpec
+}
+
+export interface DecorationManagerEntry {
+  name: string
+  addDecorations: () => DecorationSpec | null
+}
diff --git a/packages/core/src/extensions/clipboardTextSerializer.test.ts b/packages/core/src/extensions/clipboardTextSerializer.test.ts
new file mode 100644
index 0000000..5bb728a
--- /dev/null
+++ b/packages/core/src/extensions/clipboardTextSerializer.test.ts
@@ -0,0 +1,68 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { TextSelection } from '@tiptap/pm/state'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+
+const callClipboardTextSerializer = (editor: Editor): string => {
+  const serializer = editor.view.someProp('clipboardTextSerializer') as
+    | ((slice: ReturnType<typeof editor.state.selection.content>) => string)
+    | undefined
+
+  if (!serializer) {
+    throw new Error('clipboardTextSerializer prop not registered')
+  }
+
+  return serializer(editor.state.selection.content())
+}
+
+describe('clipboardTextSerializer', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('serializes the selected substring of a single TextSelection', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      content: '<p>hello world</p>',
+    })
+
+    const { state, view } = editor
+    const from = state.doc.resolve(1)
+    const to = state.doc.resolve(6)
+    view.dispatch(state.tr.setSelection(new TextSelection(from, to)))
+
+    expect(callClipboardTextSerializer(editor)).toBe('hello')
+  })
+
+  it('joins multiple paragraphs with the default block separator', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      content: '<p>first</p><p>second</p>',
+    })
+
+    const { state, view } = editor
+    view.dispatch(state.tr.setSelection(TextSelection.create(state.doc, 0, state.doc.content.size)))
+
+    expect(callClipboardTextSerializer(editor)).toBe('first\n\nsecond')
+  })
+
+  it('honors a custom blockSeparator option', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      content: '<p>first</p><p>second</p>',
+      coreExtensionOptions: {
+        clipboardTextSerializer: { blockSeparator: ' | ' },
+      },
+    })
+
+    const { state, view } = editor
+    view.dispatch(state.tr.setSelection(TextSelection.create(state.doc, 0, state.doc.content.size)))
+
+    expect(callClipboardTextSerializer(editor)).toBe('first | second')
+  })
+})
diff --git a/packages/core/src/extensions/clipboardTextSerializer.ts b/packages/core/src/extensions/clipboardTextSerializer.ts
new file mode 100644
index 0000000..ac2123a
--- /dev/null
+++ b/packages/core/src/extensions/clipboardTextSerializer.ts
@@ -0,0 +1,53 @@
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+import { Extension } from '../Extension.js'
+import { getTextBetween } from '../helpers/getTextBetween.js'
+import { getTextSerializersFromSchema } from '../helpers/getTextSerializersFromSchema.js'
+
+export type ClipboardTextSerializerOptions = {
+  blockSeparator?: string
+}
+
+export const ClipboardTextSerializer = Extension.create<ClipboardTextSerializerOptions>({
+  name: 'clipboardTextSerializer',
+
+  addOptions() {
+    return {
+      blockSeparator: undefined,
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: new PluginKey('clipboardTextSerializer'),
+        props: {
+          clipboardTextSerializer: () => {
+            const { editor } = this
+            const { state, schema } = editor
+            const { doc, selection } = state
+            const textSerializers = getTextSerializersFromSchema(schema)
+            const { blockSeparator } = this.options
+            const options = {
+              ...(blockSeparator !== undefined ? { blockSeparator } : {}),
+              textSerializers,
+            }
+
+            // Serialize each selection range independently and join the results.
+            // CellSelection exposes one range per selected cell; flattening to
+            // min(from)/max(to) would pull in unselected cells between them.
+            // Sort by document position so reverse selections (e.g. dragging
+            // upward) still emit text in document order.
+            const sortedRanges = [...selection.ranges].sort((a, b) => a.$from.pos - b.$from.pos)
+
+            return sortedRanges
+              .map(({ $from, $to }) =>
+                getTextBetween(doc, { from: $from.pos, to: $to.pos }, options),
+              )
+              .join(blockSeparator ?? '\n\n')
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/core/src/extensions/commands.ts b/packages/core/src/extensions/commands.ts
new file mode 100644
index 0000000..e25e3bd
--- /dev/null
+++ b/packages/core/src/extensions/commands.ts
@@ -0,0 +1,14 @@
+import * as commands from '../commands/index.js'
+import { Extension } from '../Extension.js'
+
+export * from '../commands/index.js'
+
+export const Commands = Extension.create({
+  name: 'commands',
+
+  addCommands() {
+    return {
+      ...commands,
+    }
+  },
+})
diff --git a/packages/core/src/extensions/delete.test.ts b/packages/core/src/extensions/delete.test.ts
new file mode 100644
index 0000000..d39b039
--- /dev/null
+++ b/packages/core/src/extensions/delete.test.ts
@@ -0,0 +1,49 @@
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it, vi } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+
+const InlineDocument = Document.extend({
+  content: 'inline*',
+})
+
+describe('delete extension', () => {
+  it('should not throw when removing a mark from inline content at position 0', () => {
+    const onDelete = vi.fn()
+    const editor = new Editor({
+      extensions: [InlineDocument, Text, Bold],
+      content: 'hello world',
+      onDelete,
+      coreExtensionOptions: {
+        delete: {
+          async: false,
+        },
+      },
+    })
+
+    editor.commands.selectAll()
+    editor.commands.setMark('bold')
+    editor.commands.selectAll()
+
+    expect(() => editor.commands.unsetMark('bold')).not.toThrow()
+    expect(editor.getJSON()).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'text',
+          text: 'hello world',
+        },
+      ],
+    })
+    expect(onDelete).toHaveBeenCalledWith(
+      expect.objectContaining({
+        type: 'mark',
+        partial: false,
+      }),
+    )
+
+    editor.destroy()
+  })
+})
diff --git a/packages/core/src/extensions/delete.ts b/packages/core/src/extensions/delete.ts
new file mode 100644
index 0000000..c6ae61b
--- /dev/null
+++ b/packages/core/src/extensions/delete.ts
@@ -0,0 +1,101 @@
+import { RemoveMarkStep } from '@tiptap/pm/transform'
+
+import { Extension } from '../Extension.js'
+import { combineTransactionSteps, getChangedRanges } from '../helpers/index.js'
+
+/**
+ * This extension allows you to be notified when the user deletes content you are interested in.
+ */
+export const Delete = Extension.create({
+  name: 'delete',
+
+  onUpdate({ transaction, appendedTransactions }) {
+    const callback = () => {
+      if (
+        this.editor.options.coreExtensionOptions?.delete?.filterTransaction?.(transaction) ??
+        transaction.getMeta('y-sync$')
+      ) {
+        return
+      }
+      const nextTransaction = combineTransactionSteps(transaction.before, [
+        transaction,
+        ...appendedTransactions,
+      ])
+      const changes = getChangedRanges(nextTransaction)
+
+      changes.forEach(change => {
+        if (
+          nextTransaction.mapping.mapResult(change.oldRange.from).deletedAfter &&
+          nextTransaction.mapping.mapResult(change.oldRange.to).deletedBefore
+        ) {
+          nextTransaction.before.nodesBetween(
+            change.oldRange.from,
+            change.oldRange.to,
+            (node, from) => {
+              const to = from + node.nodeSize - 2
+              const isFullyWithinRange = change.oldRange.from <= from && to <= change.oldRange.to
+
+              this.editor.emit('delete', {
+                type: 'node',
+                node,
+                from,
+                to,
+                newFrom: nextTransaction.mapping.map(from),
+                newTo: nextTransaction.mapping.map(to),
+                deletedRange: change.oldRange,
+                newRange: change.newRange,
+                partial: !isFullyWithinRange,
+                editor: this.editor,
+                transaction,
+                combinedTransform: nextTransaction,
+              })
+            },
+          )
+        }
+      })
+
+      const mapping = nextTransaction.mapping
+      nextTransaction.steps.forEach((step, index) => {
+        if (step instanceof RemoveMarkStep) {
+          const newStart = mapping.slice(index).map(step.from, -1)
+          const newEnd = mapping.slice(index).map(step.to)
+          const oldStart = mapping.invert().map(newStart, -1)
+          const oldEnd = mapping.invert().map(newEnd)
+
+          const foundBeforeMark =
+            newStart > 0
+              ? nextTransaction.doc.nodeAt(newStart - 1)?.marks.some(mark => mark.eq(step.mark))
+              : false
+          const foundAfterMark = nextTransaction.doc
+            .nodeAt(newEnd)
+            ?.marks.some(mark => mark.eq(step.mark))
+
+          this.editor.emit('delete', {
+            type: 'mark',
+            mark: step.mark,
+            from: step.from,
+            to: step.to,
+            deletedRange: {
+              from: oldStart,
+              to: oldEnd,
+            },
+            newRange: {
+              from: newStart,
+              to: newEnd,
+            },
+            partial: Boolean(foundAfterMark || foundBeforeMark),
+            editor: this.editor,
+            transaction,
+            combinedTransform: nextTransaction,
+          })
+        }
+      })
+    }
+
+    if (this.editor.options.coreExtensionOptions?.delete?.async ?? true) {
+      setTimeout(callback, 0)
+    } else {
+      callback()
+    }
+  },
+})
diff --git a/packages/core/src/extensions/drop.ts b/packages/core/src/extensions/drop.ts
new file mode 100644
index 0000000..0d079a0
--- /dev/null
+++ b/packages/core/src/extensions/drop.ts
@@ -0,0 +1,26 @@
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+import { Extension } from '../Extension.js'
+
+export const Drop = Extension.create({
+  name: 'drop',
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: new PluginKey('tiptapDrop'),
+
+        props: {
+          handleDrop: (_, e, slice, moved) => {
+            this.editor.emit('drop', {
+              editor: this.editor,
+              event: e,
+              slice,
+              moved,
+            })
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/core/src/extensions/editable.ts b/packages/core/src/extensions/editable.ts
new file mode 100644
index 0000000..60c977d
--- /dev/null
+++ b/packages/core/src/extensions/editable.ts
@@ -0,0 +1,18 @@
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+import { Extension } from '../Extension.js'
+
+export const Editable = Extension.create({
+  name: 'editable',
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: new PluginKey('editable'),
+        props: {
+          editable: () => this.editor.options.editable,
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/core/src/extensions/focusEvents.ts b/packages/core/src/extensions/focusEvents.ts
new file mode 100644
index 0000000..69d03ba
--- /dev/null
+++ b/packages/core/src/extensions/focusEvents.ts
@@ -0,0 +1,45 @@
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+import { Extension } from '../Extension.js'
+
+export const focusEventsPluginKey = new PluginKey('focusEvents')
+
+export const FocusEvents = Extension.create({
+  name: 'focusEvents',
+
+  addProseMirrorPlugins() {
+    const { editor } = this
+
+    return [
+      new Plugin({
+        key: focusEventsPluginKey,
+        props: {
+          handleDOMEvents: {
+            focus: (view, event: Event) => {
+              editor.isFocused = true
+
+              const transaction = editor.state.tr
+                .setMeta('focus', { event })
+                .setMeta('addToHistory', false)
+
+              view.dispatch(transaction)
+
+              return false
+            },
+            blur: (view, event: Event) => {
+              editor.isFocused = false
+
+              const transaction = editor.state.tr
+                .setMeta('blur', { event })
+                .setMeta('addToHistory', false)
+
+              view.dispatch(transaction)
+
+              return false
+            },
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/core/src/extensions/index.ts b/packages/core/src/extensions/index.ts
new file mode 100644
index 0000000..f962aff
--- /dev/null
+++ b/packages/core/src/extensions/index.ts
@@ -0,0 +1,10 @@
+export { ClipboardTextSerializer } from './clipboardTextSerializer.js'
+export { Commands } from './commands.js'
+export { Delete } from './delete.js'
+export { Drop } from './drop.js'
+export { Editable } from './editable.js'
+export { FocusEvents, focusEventsPluginKey } from './focusEvents.js'
+export { Keymap } from './keymap.js'
+export { Paste } from './paste.js'
+export { Tabindex } from './tabindex.js'
+export { TextDirection } from './textDirection.js'
diff --git a/packages/core/src/extensions/keymap.ts b/packages/core/src/extensions/keymap.ts
new file mode 100644
index 0000000..3d3b75a
--- /dev/null
+++ b/packages/core/src/extensions/keymap.ts
@@ -0,0 +1,165 @@
+import { Plugin, PluginKey, Selection } from '@tiptap/pm/state'
+
+import { CommandManager } from '../CommandManager.js'
+import { Extension } from '../Extension.js'
+import { createChainableState } from '../helpers/createChainableState.js'
+import { isNodeEmpty } from '../helpers/isNodeEmpty.js'
+import { isiOS } from '../utilities/isiOS.js'
+import { isMacOS } from '../utilities/isMacOS.js'
+
+export const Keymap = Extension.create({
+  name: 'keymap',
+
+  addKeyboardShortcuts() {
+    const handleBackspace = () =>
+      this.editor.commands.first(({ commands }) => [
+        () => commands.undoInputRule(),
+
+        // maybe convert first text block node to default node
+        () =>
+          commands.command(({ tr }) => {
+            const { selection, doc } = tr
+            const { empty, $anchor } = selection
+            const { pos, parent } = $anchor
+            const $parentPos =
+              $anchor.parent.isTextblock && pos > 0 ? tr.doc.resolve(pos - 1) : $anchor
+            const parentIsIsolating = $parentPos.parent.type.spec.isolating
+
+            const parentPos = $anchor.pos - $anchor.parentOffset
+
+            const isAtStart =
+              parentIsIsolating && $parentPos.parent.childCount === 1
+                ? parentPos === $anchor.pos
+                : Selection.atStart(doc).from === pos
+
+            if (
+              !empty ||
+              !parent.type.isTextblock ||
+              parent.textContent.length ||
+              !isAtStart ||
+              (isAtStart && $anchor.parent.type.name === 'paragraph') // prevent clearNodes when no nodes to clear, otherwise history stack is appended
+            ) {
+              return false
+            }
+
+            return commands.clearNodes()
+          }),
+
+        () => commands.deleteSelection(),
+        () => commands.joinBackward(),
+        () => commands.selectNodeBackward(),
+      ])
+
+    const handleDelete = () =>
+      this.editor.commands.first(({ commands }) => [
+        () => commands.deleteSelection(),
+        () => commands.deleteCurrentNode(),
+        () => commands.joinForward(),
+        () => commands.selectNodeForward(),
+      ])
+
+    const handleEnter = () =>
+      this.editor.commands.first(({ commands }) => [
+        () => commands.newlineInCode(),
+        () => commands.createParagraphNear(),
+        () => commands.liftEmptyBlock(),
+        () => commands.splitBlock(),
+      ])
+
+    const baseKeymap = {
+      Enter: handleEnter,
+      'Mod-Enter': () => this.editor.commands.exitCode(),
+      Backspace: handleBackspace,
+      'Mod-Backspace': handleBackspace,
+      'Shift-Backspace': handleBackspace,
+      Delete: handleDelete,
+      'Mod-Delete': handleDelete,
+      'Mod-a': () => this.editor.commands.selectAll(),
+    }
+
+    const pcKeymap = {
+      ...baseKeymap,
+    }
+
+    const macKeymap = {
+      ...baseKeymap,
+      'Ctrl-h': handleBackspace,
+      'Alt-Backspace': handleBackspace,
+      'Ctrl-d': handleDelete,
+      'Ctrl-Alt-Backspace': handleDelete,
+      'Alt-Delete': handleDelete,
+      'Alt-d': handleDelete,
+      'Ctrl-a': () => this.editor.commands.selectTextblockStart(),
+      'Ctrl-e': () => this.editor.commands.selectTextblockEnd(),
+    }
+
+    if (isiOS() || isMacOS()) {
+      return macKeymap
+    }
+
+    return pcKeymap
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      // With this plugin we check if the whole document was selected and deleted.
+      // In this case we will additionally call `clearNodes()` to convert e.g. a heading
+      // to a paragraph if necessary.
+      // This is an alternative to ProseMirror's `AllSelection`, which doesn’t work well
+      // with many other commands.
+      new Plugin({
+        key: new PluginKey('clearDocument'),
+        appendTransaction: (transactions, oldState, newState) => {
+          if (transactions.some(tr => tr.getMeta('composition'))) {
+            return
+          }
+
+          const docChanges =
+            transactions.some(transaction => transaction.docChanged) &&
+            !oldState.doc.eq(newState.doc)
+
+          const ignoreTr = transactions.some(transaction =>
+            transaction.getMeta('preventClearDocument'),
+          )
+
+          if (!docChanges || ignoreTr) {
+            return
+          }
+
+          const { empty, from, to } = oldState.selection
+          const allFrom = Selection.atStart(oldState.doc).from
+          const allEnd = Selection.atEnd(oldState.doc).to
+          const allWasSelected = from === allFrom && to === allEnd
+
+          if (empty || !allWasSelected) {
+            return
+          }
+
+          const isEmpty = isNodeEmpty(newState.doc)
+
+          if (!isEmpty) {
+            return
+          }
+
+          const tr = newState.tr
+          const state = createChainableState({
+            state: newState,
+            transaction: tr,
+          })
+          const { commands } = new CommandManager({
+            editor: this.editor,
+            state,
+          })
+
+          commands.clearNodes()
+
+          if (!tr.steps.length) {
+            return
+          }
+
+          return tr
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/core/src/extensions/paste.ts b/packages/core/src/extensions/paste.ts
new file mode 100644
index 0000000..82ce7a4
--- /dev/null
+++ b/packages/core/src/extensions/paste.ts
@@ -0,0 +1,25 @@
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+import { Extension } from '../Extension.js'
+
+export const Paste = Extension.create({
+  name: 'paste',
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: new PluginKey('tiptapPaste'),
+
+        props: {
+          handlePaste: (_view, e, slice) => {
+            this.editor.emit('paste', {
+              editor: this.editor,
+              event: e,
+              slice,
+            })
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/core/src/extensions/tabindex.test.ts b/packages/core/src/extensions/tabindex.test.ts
new file mode 100644
index 0000000..43e7844
--- /dev/null
+++ b/packages/core/src/extensions/tabindex.test.ts
@@ -0,0 +1,75 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+
+describe('tabindex extension', () => {
+  it('should set tabindex="0" on editable editor by default', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+    })
+
+    expect(editor.view.dom.getAttribute('tabindex')).toBe('0')
+
+    editor.destroy()
+  })
+
+  it('should not set tabindex on non-editable editor by default', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      editable: false,
+    })
+
+    expect(editor.view.dom.getAttribute('tabindex')).toBeNull()
+
+    editor.destroy()
+  })
+
+  it('should set custom tabindex on editable editor when configured', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      coreExtensionOptions: {
+        tabindex: {
+          value: '4',
+        },
+      },
+    })
+
+    expect(editor.view.dom.getAttribute('tabindex')).toBe('4')
+
+    editor.destroy()
+  })
+
+  it('should set custom tabindex on non-editable editor when configured', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      editable: false,
+      coreExtensionOptions: {
+        tabindex: {
+          value: '-1',
+        },
+      },
+    })
+
+    expect(editor.view.dom.getAttribute('tabindex')).toBe('-1')
+
+    editor.destroy()
+  })
+
+  it('should set tabindex="0" when value is explicitly undefined', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+      coreExtensionOptions: {
+        tabindex: {
+          value: undefined,
+        },
+      },
+    })
+
+    expect(editor.view.dom.getAttribute('tabindex')).toBe('0')
+
+    editor.destroy()
+  })
+})
diff --git a/packages/core/src/extensions/tabindex.ts b/packages/core/src/extensions/tabindex.ts
new file mode 100644
index 0000000..aa886c8
--- /dev/null
+++ b/packages/core/src/extensions/tabindex.ts
@@ -0,0 +1,58 @@
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+import { Extension } from '../Extension.js'
+
+/**
+ * Options for the Tabindex extension.
+ */
+export type TabindexOptions = {
+  /**
+   * The value for the `tabindex` attribute on the editor element.
+   * When undefined, editable editors default to `0` and non-editable editors get no tabindex.
+   */
+  value?: string
+}
+
+/**
+ * The Tabindex extension adds a configurable tabindex attribute to the editor.
+ *
+ * By default, the editor gets tabindex="0" when editable. This can be customized
+ * via coreExtensionOptions to support specific focus ordering requirements in forms
+ * or to enable focusing on non-editable editors.
+ *
+ * @example
+ * ```ts
+ * new Editor({
+ *   coreExtensionOptions: {
+ *     tabindex: {
+ *       value: '-1',
+ *     },
+ *   },
+ * })
+ * ```
+ */
+export const Tabindex = Extension.create<TabindexOptions>({
+  name: 'tabindex',
+
+  addOptions() {
+    return {
+      value: undefined,
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: new PluginKey('tabindex'),
+        props: {
+          attributes: (): { [name: string]: string } => {
+            if (!this.editor.isEditable && this.options.value === undefined) {
+              return {}
+            }
+            return { tabindex: this.options.value ?? '0' }
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/core/src/extensions/textDirection.ts b/packages/core/src/extensions/textDirection.ts
new file mode 100644
index 0000000..be6c2fc
--- /dev/null
+++ b/packages/core/src/extensions/textDirection.ts
@@ -0,0 +1,88 @@
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+import { Extension } from '../Extension.js'
+import { splitExtensions } from '../helpers/splitExtensions.js'
+
+export interface TextDirectionOptions {
+  direction: 'ltr' | 'rtl' | 'auto' | undefined
+}
+
+/**
+ * The TextDirection extension adds support for setting text direction (LTR/RTL/auto)
+ * on all nodes in the editor.
+ *
+ * This extension adds a global `dir` attribute to all node types, which can be used
+ * to control bidirectional text rendering. The direction can be set globally via
+ * editor options or per-node using commands.
+ */
+export const TextDirection = Extension.create<TextDirectionOptions>({
+  name: 'textDirection',
+
+  addOptions() {
+    return {
+      direction: undefined,
+    }
+  },
+
+  addGlobalAttributes() {
+    // Only add the dir attribute to nodes if text direction is configured
+    // This prevents null/undefined values from appearing in JSON exports
+    if (!this.options.direction) {
+      return []
+    }
+
+    const { nodeExtensions } = splitExtensions(this.extensions)
+
+    return [
+      {
+        types: nodeExtensions
+          .filter(extension => extension.name !== 'text')
+          .map(extension => extension.name),
+        attributes: {
+          dir: {
+            default: this.options.direction,
+            parseHTML: element => {
+              const dir = element.getAttribute('dir')
+
+              if (dir && (dir === 'ltr' || dir === 'rtl' || dir === 'auto')) {
+                return dir
+              }
+
+              return this.options.direction
+            },
+            renderHTML: attributes => {
+              if (!attributes.dir) {
+                return {}
+              }
+
+              return {
+                dir: attributes.dir,
+              }
+            },
+          },
+        },
+      },
+    ]
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: new PluginKey('textDirection'),
+        props: {
+          attributes: (): { [name: string]: string } => {
+            const direction = this.options.direction
+
+            if (!direction) {
+              return {}
+            }
+
+            return {
+              dir: direction,
+            }
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/core/src/helpers/MappablePosition.ts b/packages/core/src/helpers/MappablePosition.ts
new file mode 100644
index 0000000..3d07569
--- /dev/null
+++ b/packages/core/src/helpers/MappablePosition.ts
@@ -0,0 +1,69 @@
+import type { Transaction } from '@tiptap/pm/state'
+import type { MapResult } from '@tiptap/pm/transform'
+
+/**
+ * A class that represents a mappable position in the editor. It can be extended
+ * by other extensions to add additional position mapping capabilities.
+ */
+export class MappablePosition {
+  /**
+   * The absolute position in the editor.
+   */
+  public position: number
+
+  constructor(position: number) {
+    this.position = position
+  }
+
+  /**
+   * Creates a MappablePosition from a JSON object.
+   */
+  static fromJSON(json: any): MappablePosition {
+    return new MappablePosition(json.position)
+  }
+
+  /**
+   * Converts the MappablePosition to a JSON object.
+   */
+  toJSON(): any {
+    return {
+      position: this.position,
+    }
+  }
+}
+
+/**
+ * The result of the getUpdatedPosition function.
+ */
+export interface GetUpdatedPositionResult {
+  position: MappablePosition
+  mapResult: MapResult | null
+}
+
+/**
+ * Calculates the new position after applying a transaction.
+ *
+ * @returns The new mappable position and the map result.
+ */
+export function getUpdatedPosition(
+  position: MappablePosition,
+  transaction: Transaction,
+): GetUpdatedPositionResult {
+  const mapResult = transaction.mapping.mapResult(position.position)
+  return {
+    position: new MappablePosition(mapResult.pos),
+    mapResult,
+  }
+}
+
+/**
+ * Creates a MappablePosition from a position number. This is the default
+ * implementation for Tiptap core. It can be overridden by other Tiptap
+ * extensions.
+ *
+ * @param position The position (as a number) where the MappablePosition will be created.
+ * @returns A new MappablePosition instance at the given position.
+ */
+export function createMappablePosition(position: number): MappablePosition {
+  return new MappablePosition(position)
+}
diff --git a/packages/core/src/helpers/combineTransactionSteps.ts b/packages/core/src/helpers/combineTransactionSteps.ts
new file mode 100644
index 0000000..ead0d87
--- /dev/null
+++ b/packages/core/src/helpers/combineTransactionSteps.ts
@@ -0,0 +1,21 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Transaction } from '@tiptap/pm/state'
+import { Transform } from '@tiptap/pm/transform'
+
+/**
+ * Returns a new `Transform` based on all steps of the passed transactions.
+ * @param oldDoc The Prosemirror node to start from
+ * @param transactions The transactions to combine
+ * @returns A new `Transform` with all steps of the passed transactions
+ */
+export function combineTransactionSteps(oldDoc: PMNode, transactions: Transaction[]): Transform {
+  const transform = new Transform(oldDoc)
+
+  transactions.forEach(transaction => {
+    transaction.steps.forEach(step => {
+      transform.step(step)
+    })
+  })
+
+  return transform
+}
diff --git a/packages/core/src/helpers/createChainableState.ts b/packages/core/src/helpers/createChainableState.ts
new file mode 100644
index 0000000..0c795a5
--- /dev/null
+++ b/packages/core/src/helpers/createChainableState.ts
@@ -0,0 +1,42 @@
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+
+/**
+ * Takes a Transaction & Editor State and turns it into a chainable state object
+ * @param config The transaction and state to create the chainable state from
+ * @returns A chainable Editor state object
+ */
+export function createChainableState(config: {
+  transaction: Transaction
+  state: EditorState
+}): EditorState {
+  const { state, transaction } = config
+  let { selection } = transaction
+  let { doc } = transaction
+  let { storedMarks } = transaction
+
+  return {
+    ...state,
+    apply: state.apply.bind(state),
+    applyTransaction: state.applyTransaction.bind(state),
+    plugins: state.plugins,
+    schema: state.schema,
+    reconfigure: state.reconfigure.bind(state),
+    toJSON: state.toJSON.bind(state),
+    get storedMarks() {
+      return storedMarks
+    },
+    get selection() {
+      return selection
+    },
+    get doc() {
+      return doc
+    },
+    get tr() {
+      selection = transaction.selection
+      doc = transaction.doc
+      storedMarks = transaction.storedMarks
+
+      return transaction
+    },
+  }
+}
diff --git a/packages/core/src/helpers/createDocument.ts b/packages/core/src/helpers/createDocument.ts
new file mode 100644
index 0000000..fd87453
--- /dev/null
+++ b/packages/core/src/helpers/createDocument.ts
@@ -0,0 +1,24 @@
+import type { Fragment, Node as PMNode, ParseOptions, Schema } from '@tiptap/pm/model'
+
+import type { Content } from '../types.js'
+import { createNodeFromContent } from './createNodeFromContent.js'
+
+/**
+ * Create a new Prosemirror document node from content.
+ * @param content The JSON or HTML content to create the document from
+ * @param schema The Prosemirror schema to use for the document
+ * @param parseOptions Options for the parser
+ * @returns The created Prosemirror document node
+ */
+export function createDocument(
+  content: Content | PMNode | Fragment,
+  schema: Schema,
+  parseOptions: ParseOptions = {},
+  options: { errorOnInvalidContent?: boolean } = {},
+): PMNode {
+  return createNodeFromContent(content, schema, {
+    slice: false,
+    parseOptions,
+    errorOnInvalidContent: options.errorOnInvalidContent,
+  }) as PMNode
+}
diff --git a/packages/core/src/helpers/createNodeFromContent.test.ts b/packages/core/src/helpers/createNodeFromContent.test.ts
new file mode 100644
index 0000000..82c598d
--- /dev/null
+++ b/packages/core/src/helpers/createNodeFromContent.test.ts
@@ -0,0 +1,332 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { createNodeFromContent } from './createNodeFromContent.js'
+import { getSchemaByResolvedExtensions } from './getSchemaByResolvedExtensions.js'
+
+describe('createNodeFromContent', () => {
+  it('creates a fragment from a schema and HTML content', () => {
+    const content = '<p>Example Text</p>'
+
+    const fragment = createNodeFromContent(
+      content,
+      getSchemaByResolvedExtensions([Document, Paragraph, Text]),
+    )
+
+    expect(fragment.toJSON()).toEqual([
+      {
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'Example Text',
+          },
+        ],
+      },
+    ])
+  })
+
+  it('if `errorOnInvalidContent` is true, creates a fragment from a schema and HTML content', () => {
+    const content = '<p>Example Text</p>'
+
+    const fragment = createNodeFromContent(
+      content,
+      getSchemaByResolvedExtensions([Document, Paragraph, Text]),
+      {
+        errorOnInvalidContent: true,
+      },
+    )
+
+    expect(fragment.toJSON()).toEqual([
+      {
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'Example Text',
+          },
+        ],
+      },
+    ])
+  })
+
+  it('creates a fragment from a schema and JSON content', () => {
+    const content = {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'Example Text',
+        },
+      ],
+    }
+
+    const fragment = createNodeFromContent(
+      content,
+      getSchemaByResolvedExtensions([Document, Paragraph, Text]),
+    )
+
+    expect(fragment.toJSON()).toEqual({
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'Example Text',
+        },
+      ],
+    })
+  })
+
+  it('if `errorOnInvalidContent` is true, creates a fragment from a schema and JSON content', () => {
+    const content = {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'Example Text',
+        },
+      ],
+    }
+
+    const fragment = createNodeFromContent(
+      content,
+      getSchemaByResolvedExtensions([Document, Paragraph, Text]),
+      {
+        errorOnInvalidContent: true,
+      },
+    )
+
+    expect(fragment.toJSON()).toEqual({
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'Example Text',
+        },
+      ],
+    })
+  })
+
+  it('creates a fragment from a schema and JSON array of content', () => {
+    const content = [
+      {
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'Example Text',
+          },
+        ],
+      },
+      {
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'More Text',
+          },
+        ],
+      },
+    ]
+
+    const fragment = createNodeFromContent(
+      content,
+      getSchemaByResolvedExtensions([Document, Paragraph, Text]),
+    )
+
+    expect(fragment.toJSON()).toEqual([
+      {
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'Example Text',
+          },
+        ],
+      },
+      {
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'More Text',
+          },
+        ],
+      },
+    ])
+  })
+
+  it('if `errorOnInvalidContent` is true, creates a fragment from a schema and JSON array of content', () => {
+    const content = [
+      {
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'Example Text',
+          },
+        ],
+      },
+      {
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'More Text',
+          },
+        ],
+      },
+    ]
+
+    const fragment = createNodeFromContent(
+      content,
+      getSchemaByResolvedExtensions([Document, Paragraph, Text]),
+      {
+        errorOnInvalidContent: true,
+      },
+    )
+
+    expect(fragment.toJSON()).toEqual([
+      {
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'Example Text',
+          },
+        ],
+      },
+      {
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'More Text',
+          },
+        ],
+      },
+    ])
+  })
+
+  it('returns empty content when a schema does not have matching node types for JSON content', () => {
+    const content = {
+      type: 'non-existing-node-type',
+      content: [
+        {
+          type: 'text',
+          text: 'Example Text',
+        },
+      ],
+    }
+
+    const fragment = createNodeFromContent(
+      content,
+      getSchemaByResolvedExtensions([Document, Paragraph, Text]),
+    )
+
+    expect(fragment.toJSON()).toEqual(null)
+  })
+
+  it('returns empty content when a schema does not have matching node types for HTML content', () => {
+    const content = '<non-existing-node-type>Example Text</non-existing-node-type>'
+
+    const fragment = createNodeFromContent(
+      content,
+      getSchemaByResolvedExtensions([Document, Paragraph, Text]),
+    )
+
+    expect(fragment.toJSON()).toEqual([{ type: 'text', text: 'Example Text' }])
+  })
+
+  it('if `errorOnInvalidContent` is true, will throw an error when a schema does not have matching node types for HTML content', () => {
+    const content = '<non-existing-node-type>Example Text</non-existing-node-type>'
+
+    expect(() => {
+      createNodeFromContent(content, getSchemaByResolvedExtensions([Document, Paragraph, Text]), {
+        errorOnInvalidContent: true,
+      })
+    }).toThrow('[tiptap error]: Invalid HTML content')
+  })
+
+  it('if `errorOnInvalidContent` is true, will throw an error when a schema does not have matching node types for JSON content', () => {
+    const content = {
+      type: 'non-existing-node-type',
+      content: [
+        {
+          type: 'text',
+          text: 'Example Text',
+        },
+      ],
+    }
+
+    expect(() => {
+      createNodeFromContent(content, getSchemaByResolvedExtensions([Document, Paragraph, Text]), {
+        errorOnInvalidContent: true,
+      })
+    }).toThrow('[tiptap error]: Invalid JSON content')
+  })
+
+  it('if `errorOnInvalidContent` is true, will throw an error when a schema does not have matching mark types for JSON content', () => {
+    const content = {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'Example Text',
+          marks: [
+            {
+              type: 'non-existing-mark-type',
+            },
+          ],
+        },
+      ],
+    }
+
+    expect(() => {
+      createNodeFromContent(content, getSchemaByResolvedExtensions([Document, Paragraph, Text]), {
+        errorOnInvalidContent: true,
+      })
+    }).toThrow('[tiptap error]: Invalid JSON content')
+  })
+
+  it('if `errorOnInvalidContent` is true, will throw an error, when the JSON content does not follow the nesting rules of the schema', () => {
+    const content = {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+            },
+          ],
+        },
+      ],
+    }
+
+    expect(() => {
+      createNodeFromContent(content, getSchemaByResolvedExtensions([Document, Paragraph, Text]), {
+        errorOnInvalidContent: true,
+      })
+    }).toThrow('[tiptap error]: Invalid JSON content')
+  })
+
+  // These look like a node or a fragment at a glance, but are still invalid JSON.
+  it.each([
+    ['an object type', { type: {} }],
+    ['a null type', { type: null }],
+    ['an array type', { type: [] }],
+    ['a numeric size', { size: 5 }],
+    ['no keys at all', {}],
+  ])('returns empty content for JSON content with %s', (_label, content) => {
+    const fragment = createNodeFromContent(
+      content,
+      getSchemaByResolvedExtensions([Document, Paragraph, Text]),
+    )
+
+    expect(fragment.toJSON()).toBeNull()
+  })
+})
diff --git a/packages/core/src/helpers/createNodeFromContent.ts b/packages/core/src/helpers/createNodeFromContent.ts
new file mode 100644
index 0000000..7f117a7
--- /dev/null
+++ b/packages/core/src/helpers/createNodeFromContent.ts
@@ -0,0 +1,128 @@
+import type { Node as PMNode, ParseOptions } from '@tiptap/pm/model'
+import { DOMParser, Fragment, Schema } from '@tiptap/pm/model'
+
+import type { Content } from '../types.js'
+import { elementFromString } from '../utilities/elementFromString.js'
+import { isProseMirrorContent } from './isProseMirrorContent.js'
+
+export type CreateNodeFromContentOptions = {
+  slice?: boolean
+  parseOptions?: ParseOptions
+  errorOnInvalidContent?: boolean
+}
+
+/**
+ * Takes a JSON or HTML content and creates a Prosemirror node or fragment from it.
+ * @param content The JSON or HTML content to create the node from
+ * @param schema The Prosemirror schema to use for the node
+ * @param options Options for the parser
+ * @returns The created Prosemirror node or fragment
+ */
+export function createNodeFromContent(
+  content: Content | PMNode | Fragment,
+  schema: Schema,
+  options?: CreateNodeFromContentOptions,
+): PMNode | Fragment {
+  if (isProseMirrorContent(content)) {
+    return content
+  }
+
+  const isJSONContent = typeof content === 'object' && content !== null
+
+  options = {
+    slice: true,
+    parseOptions: {},
+    ...options,
+  }
+
+  const isTextContent = typeof content === 'string'
+
+  if (isJSONContent) {
+    try {
+      const isArrayContent = Array.isArray(content) && content.length > 0
+
+      // if the JSON Content is an array of nodes, create a fragment for each node
+      if (isArrayContent) {
+        return Fragment.fromArray(content.map(item => schema.nodeFromJSON(item)))
+      }
+
+      const node = schema.nodeFromJSON(content)
+
+      if (options.errorOnInvalidContent) {
+        node.check()
+      }
+
+      return node
+    } catch (error) {
+      if (options.errorOnInvalidContent) {
+        throw new Error('[tiptap error]: Invalid JSON content', { cause: error as Error })
+      }
+
+      console.warn('[tiptap warn]: Invalid content.', 'Passed value:', content, 'Error:', error)
+
+      return createNodeFromContent('', schema, options)
+    }
+  }
+
+  if (isTextContent) {
+    // Check for invalid content
+    if (options.errorOnInvalidContent) {
+      let hasInvalidContent = false
+      let invalidContent = ''
+
+      // A copy of the current schema with a catch-all node at the end
+      const contentCheckSchema = new Schema({
+        topNode: schema.spec.topNode,
+        marks: schema.spec.marks,
+        // Prosemirror's schemas are executed such that: the last to execute, matches last
+        // This means that we can add a catch-all node at the end of the schema to catch any content that we don't know how to handle
+        nodes: schema.spec.nodes.append({
+          __tiptap__private__unknown__catch__all__node: {
+            content: 'inline*',
+            group: 'block',
+            parseDOM: [
+              {
+                tag: '*',
+                getAttrs: e => {
+                  // If this is ever called, we know that the content has something that we don't know how to handle in the schema
+                  hasInvalidContent = true
+                  // Try to stringify the element for a more helpful error message
+                  invalidContent = typeof e === 'string' ? e : e.outerHTML
+                  return null
+                },
+              },
+            ],
+          },
+        }),
+      })
+
+      if (options.slice) {
+        DOMParser.fromSchema(contentCheckSchema).parseSlice(
+          elementFromString(content),
+          options.parseOptions,
+        )
+      } else {
+        DOMParser.fromSchema(contentCheckSchema).parse(
+          elementFromString(content),
+          options.parseOptions,
+        )
+      }
+
+      if (options.errorOnInvalidContent && hasInvalidContent) {
+        throw new Error('[tiptap error]: Invalid HTML content', {
+          cause: new Error(`Invalid element found: ${invalidContent}`),
+        })
+      }
+    }
+
+    const parser = DOMParser.fromSchema(schema)
+
+    if (options.slice) {
+      return parser.parseSlice(elementFromString(content), options.parseOptions).content
+    }
+
+    return parser.parse(elementFromString(content), options.parseOptions)
+  }
+
+  return createNodeFromContent('', schema, options)
+}
diff --git a/packages/core/src/helpers/defaultBlockAt.ts b/packages/core/src/helpers/defaultBlockAt.ts
new file mode 100644
index 0000000..fbd00d9
--- /dev/null
+++ b/packages/core/src/helpers/defaultBlockAt.ts
@@ -0,0 +1,18 @@
+import type { ContentMatch, NodeType } from '@tiptap/pm/model'
+
+/**
+ * Gets the default block type at a given match
+ * @param match The content match to get the default block type from
+ * @returns The default block type or null
+ */
+export function defaultBlockAt(match: ContentMatch): NodeType | null {
+  for (let i = 0; i < match.edgeCount; i += 1) {
+    const { type } = match.edge(i)
+
+    if (type.isTextblock && !type.hasRequiredAttrs()) {
+      return type
+    }
+  }
+
+  return null
+}
diff --git a/packages/core/src/helpers/findChildren.ts b/packages/core/src/helpers/findChildren.ts
new file mode 100644
index 0000000..7868ccf
--- /dev/null
+++ b/packages/core/src/helpers/findChildren.ts
@@ -0,0 +1,24 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import type { NodeWithPos, Predicate } from '../types.js'
+
+/**
+ * Find children inside a Prosemirror node that match a predicate.
+ * @param node The Prosemirror node to search in
+ * @param predicate The predicate to match
+ * @returns An array of nodes with their positions
+ */
+export function findChildren(node: PMNode, predicate: Predicate): NodeWithPos[] {
+  const nodesWithPos: NodeWithPos[] = []
+
+  node.descendants((child, pos) => {
+    if (predicate(child)) {
+      nodesWithPos.push({
+        node: child,
+        pos,
+      })
+    }
+  })
+
+  return nodesWithPos
+}
diff --git a/packages/core/src/helpers/findChildrenInRange.ts b/packages/core/src/helpers/findChildrenInRange.ts
new file mode 100644
index 0000000..8e51248
--- /dev/null
+++ b/packages/core/src/helpers/findChildrenInRange.ts
@@ -0,0 +1,40 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import type { NodeWithPos, Predicate, Range } from '../types.js'
+
+/**
+ * Same as `findChildren` but searches only within a `range`.
+ * @param node The Prosemirror node to search in
+ * @param range The range to search in
+ * @param predicate The predicate to match
+ * @returns An array of nodes with their positions
+ */
+export function findChildrenInRange(
+  node: PMNode,
+  range: Range,
+  predicate: Predicate,
+): NodeWithPos[] {
+  const nodesWithPos: NodeWithPos[] = []
+
+  // if (range.from === range.to) {
+  //   const nodeAt = node.nodeAt(range.from)
+
+  //   if (nodeAt) {
+  //     nodesWithPos.push({
+  //       node: nodeAt,
+  //       pos: range.from,
+  //     })
+  //   }
+  // }
+
+  node.nodesBetween(range.from, range.to, (child, pos) => {
+    if (predicate(child)) {
+      nodesWithPos.push({
+        node: child,
+        pos,
+      })
+    }
+  })
+
+  return nodesWithPos
+}
diff --git a/packages/core/src/helpers/findParentNode.ts b/packages/core/src/helpers/findParentNode.ts
new file mode 100644
index 0000000..2ccccd4
--- /dev/null
+++ b/packages/core/src/helpers/findParentNode.ts
@@ -0,0 +1,18 @@
+import type { Selection } from '@tiptap/pm/state'
+
+import type { Predicate } from '../types.js'
+import { findParentNodeClosestToPos } from './findParentNodeClosestToPos.js'
+
+/**
+ * Finds the closest parent node to the current selection that matches a predicate.
+ * @param predicate The predicate to match
+ * @returns A command that finds the closest parent node to the current selection that matches the predicate
+ * @example ```js
+ * findParentNode(node => node.type.name === 'paragraph')
+ * ```
+ */
+export function findParentNode(
+  predicate: Predicate,
+): (selection: Selection) => ReturnType<typeof findParentNodeClosestToPos> {
+  return (selection: Selection) => findParentNodeClosestToPos(selection.$from, predicate)
+}
diff --git a/packages/core/src/helpers/findParentNodeClosestToPos.ts b/packages/core/src/helpers/findParentNodeClosestToPos.ts
new file mode 100644
index 0000000..efb5651
--- /dev/null
+++ b/packages/core/src/helpers/findParentNodeClosestToPos.ts
@@ -0,0 +1,37 @@
+import type { Node as PMNode, ResolvedPos } from '@tiptap/pm/model'
+
+import type { Predicate } from '../types.js'
+
+/**
+ * Finds the closest parent node to a resolved position that matches a predicate.
+ * @param $pos The resolved position to search from
+ * @param predicate The predicate to match
+ * @returns The closest parent node to the resolved position that matches the predicate
+ * @example ```js
+ * findParentNodeClosestToPos($from, node => node.type.name === 'paragraph')
+ * ```
+ */
+export function findParentNodeClosestToPos(
+  $pos: ResolvedPos,
+  predicate: Predicate,
+):
+  | {
+      pos: number
+      start: number
+      depth: number
+      node: PMNode
+    }
+  | undefined {
+  for (let i = $pos.depth; i > 0; i -= 1) {
+    const node = $pos.node(i)
+
+    if (predicate(node)) {
+      return {
+        pos: i > 0 ? $pos.before(i) : 0,
+        start: $pos.start(i),
+        depth: i,
+        node,
+      }
+    }
+  }
+}
diff --git a/packages/core/src/helpers/flattenExtensions.ts b/packages/core/src/helpers/flattenExtensions.ts
new file mode 100644
index 0000000..a5778b6
--- /dev/null
+++ b/packages/core/src/helpers/flattenExtensions.ts
@@ -0,0 +1,34 @@
+import type { AnyConfig, Extensions } from '../types.js'
+import { getExtensionField } from './getExtensionField.js'
+
+/**
+ * Create a flattened array of extensions by traversing the `addExtensions` field.
+ * @param extensions An array of Tiptap extensions
+ * @returns A flattened array of Tiptap extensions
+ */
+export function flattenExtensions(extensions: Extensions): Extensions {
+  return (
+    extensions
+      .map(extension => {
+        const context = {
+          name: extension.name,
+          options: extension.options,
+          storage: extension.storage,
+        }
+
+        const addExtensions = getExtensionField<AnyConfig['addExtensions']>(
+          extension,
+          'addExtensions',
+          context,
+        )
+
+        if (addExtensions) {
+          return [extension, ...flattenExtensions(addExtensions())]
+        }
+
+        return extension
+      })
+      // `Infinity` will break TypeScript so we set a number that is probably high enough
+      .flat(10)
+  )
+}
diff --git a/packages/core/src/helpers/generateHTML.test.ts b/packages/core/src/helpers/generateHTML.test.ts
new file mode 100644
index 0000000..4aa984d
--- /dev/null
+++ b/packages/core/src/helpers/generateHTML.test.ts
@@ -0,0 +1,29 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { generateHTML } from './generateHTML.js'
+
+describe('generateHTML', () => {
+  it('generate HTML from JSON without an editor instance', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const html = generateHTML(json, [Document, Paragraph, Text])
+
+    expect(html).toBe('<p>Example Text</p>')
+  })
+})
diff --git a/packages/core/src/helpers/generateHTML.ts b/packages/core/src/helpers/generateHTML.ts
new file mode 100644
index 0000000..08503c1
--- /dev/null
+++ b/packages/core/src/helpers/generateHTML.ts
@@ -0,0 +1,18 @@
+import { Node as PMNode } from '@tiptap/pm/model'
+
+import type { Extensions, JSONContent } from '../types.js'
+import { getHTMLFromFragment } from './getHTMLFromFragment.js'
+import { getSchema } from './getSchema.js'
+
+/**
+ * Generate HTML from a JSONContent
+ * @param doc The JSONContent to generate HTML from
+ * @param extensions The extensions to use for the schema
+ * @returns The generated HTML
+ */
+export function generateHTML(doc: JSONContent, extensions: Extensions): string {
+  const schema = getSchema(extensions)
+  const contentNode = PMNode.fromJSON(schema, doc)
+
+  return getHTMLFromFragment(contentNode.content, schema)
+}
diff --git a/packages/core/src/helpers/generateJSON.test.ts b/packages/core/src/helpers/generateJSON.test.ts
new file mode 100644
index 0000000..662628d
--- /dev/null
+++ b/packages/core/src/helpers/generateJSON.test.ts
@@ -0,0 +1,31 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { generateJSON } from './generateJSON.js'
+
+describe('generateJSON', () => {
+  it('generate JSON from HTML without an editor instance', () => {
+    const html = '<p>Example Text</p>'
+
+    const json = generateJSON(html, [Document, Paragraph, Text])
+
+    expect(JSON.stringify(json)).toBe(
+      JSON.stringify({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'Example Text',
+              },
+            ],
+          },
+        ],
+      }),
+    )
+  })
+})
diff --git a/packages/core/src/helpers/generateJSON.ts b/packages/core/src/helpers/generateJSON.ts
new file mode 100644
index 0000000..d1ef80e
--- /dev/null
+++ b/packages/core/src/helpers/generateJSON.ts
@@ -0,0 +1,18 @@
+import { DOMParser } from '@tiptap/pm/model'
+
+import type { Extensions } from '../types.js'
+import { elementFromString } from '../utilities/elementFromString.js'
+import { getSchema } from './getSchema.js'
+
+/**
+ * Generate JSONContent from HTML
+ * @param html The HTML to generate JSONContent from
+ * @param extensions The extensions to use for the schema
+ * @returns The generated JSONContent
+ */
+export function generateJSON(html: string, extensions: Extensions): Record<string, any> {
+  const schema = getSchema(extensions)
+  const dom = elementFromString(html)
+
+  return DOMParser.fromSchema(schema).parse(dom).toJSON()
+}
diff --git a/packages/core/src/helpers/generateText.test.ts b/packages/core/src/helpers/generateText.test.ts
new file mode 100644
index 0000000..a2065b7
--- /dev/null
+++ b/packages/core/src/helpers/generateText.test.ts
@@ -0,0 +1,71 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import type { NodeConfig } from '../Node.js'
+import { Node } from '../Node.js'
+import { generateText } from './generateText.js'
+
+describe(generateText.name, () => {
+  it('generates Text from JSON without an editor instance', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'custom-node-default-renderer',
+              content: [
+                {
+                  type: 'text',
+                  text: 'Example One',
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: ' ',
+            },
+            {
+              type: 'custom-node-custom-renderer',
+              content: [
+                {
+                  type: 'text',
+                  text: 'Example Two',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+
+    const contentfulInlineNode = (name: string, config?: Partial<NodeConfig>) =>
+      Node.create({
+        name,
+        group: 'inline',
+        inline: true,
+        content: 'text*',
+        parseHTML() {
+          return [{ tag: name }]
+        },
+        ...config,
+      })
+
+    const text = generateText(json, [
+      Document,
+      Paragraph,
+      Text,
+      contentfulInlineNode('custom-node-default-renderer'),
+      contentfulInlineNode('custom-node-custom-renderer', {
+        renderText({ node }) {
+          return `~${node.textContent}~`
+        },
+      }),
+    ])
+
+    expect(text).toBe('Example One ~Example Two~')
+  })
+})
diff --git a/packages/core/src/helpers/generateText.ts b/packages/core/src/helpers/generateText.ts
new file mode 100644
index 0000000..41581f2
--- /dev/null
+++ b/packages/core/src/helpers/generateText.ts
@@ -0,0 +1,34 @@
+import { Node as PMNode } from '@tiptap/pm/model'
+
+import type { Extensions, JSONContent, TextSerializer } from '../types.js'
+import { getSchema } from './getSchema.js'
+import { getText } from './getText.js'
+import { getTextSerializersFromSchema } from './getTextSerializersFromSchema.js'
+
+/**
+ * Generate raw text from a JSONContent
+ * @param doc The JSONContent to generate text from
+ * @param extensions The extensions to use for the schema
+ * @param options Options for the text generation f.e. blockSeparator or textSerializers
+ * @returns The generated text
+ */
+export function generateText(
+  doc: JSONContent,
+  extensions: Extensions,
+  options?: {
+    blockSeparator?: string
+    textSerializers?: Record<string, TextSerializer>
+  },
+): string {
+  const { blockSeparator = '\n\n', textSerializers = {} } = options || {}
+  const schema = getSchema(extensions)
+  const contentNode = PMNode.fromJSON(schema, doc)
+
+  return getText(contentNode, {
+    blockSeparator,
+    textSerializers: {
+      ...getTextSerializersFromSchema(schema),
+      ...textSerializers,
+    },
+  })
+}
diff --git a/packages/core/src/helpers/getAttributes.ts b/packages/core/src/helpers/getAttributes.ts
new file mode 100644
index 0000000..eba7a09
--- /dev/null
+++ b/packages/core/src/helpers/getAttributes.ts
@@ -0,0 +1,32 @@
+import type { MarkType, NodeType } from '@tiptap/pm/model'
+import type { EditorState } from '@tiptap/pm/state'
+
+import { getMarkAttributes } from './getMarkAttributes.js'
+import { getNodeAttributes } from './getNodeAttributes.js'
+import { getSchemaTypeNameByName } from './getSchemaTypeNameByName.js'
+
+/**
+ * Get node or mark attributes by type or name on the current editor state
+ * @param state The current editor state
+ * @param typeOrName The node or mark type or name
+ * @returns The attributes of the node or mark or an empty object
+ */
+export function getAttributes(
+  state: EditorState,
+  typeOrName: string | NodeType | MarkType,
+): Record<string, any> {
+  const schemaType = getSchemaTypeNameByName(
+    typeof typeOrName === 'string' ? typeOrName : typeOrName.name,
+    state.schema,
+  )
+
+  if (schemaType === 'node') {
+    return getNodeAttributes(state, typeOrName as NodeType)
+  }
+
+  if (schemaType === 'mark') {
+    return getMarkAttributes(state, typeOrName as MarkType)
+  }
+
+  return {}
+}
diff --git a/packages/core/src/helpers/getAttributesFromExtensions.test.ts b/packages/core/src/helpers/getAttributesFromExtensions.test.ts
new file mode 100644
index 0000000..30313c4
--- /dev/null
+++ b/packages/core/src/helpers/getAttributesFromExtensions.test.ts
@@ -0,0 +1,473 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { Extension } from '../Extension.js'
+import { Mark } from '../Mark.js'
+import { Node } from '../Node.js'
+import { getAttributesFromExtensions } from './getAttributesFromExtensions.js'
+
+describe('getAttributesFromExtensions', () => {
+  describe('node attributes', () => {
+    it('should extract attributes from node extensions', () => {
+      const CustomNode = Node.create({
+        name: 'customNode',
+        addAttributes() {
+          return {
+            foo: {
+              default: 'bar',
+            },
+          }
+        },
+      })
+
+      const attributes = getAttributesFromExtensions([CustomNode])
+
+      expect(attributes).toContainEqual(
+        expect.objectContaining({
+          type: 'customNode',
+          name: 'foo',
+          attribute: expect.objectContaining({
+            default: 'bar',
+          }),
+        }),
+      )
+    })
+
+    it('should merge default attribute values', () => {
+      const CustomNode = Node.create({
+        name: 'customNode',
+        addAttributes() {
+          return {
+            foo: {
+              default: 'bar',
+            },
+          }
+        },
+      })
+
+      const attributes = getAttributesFromExtensions([CustomNode])
+      const fooAttr = attributes.find(a => a.name === 'foo')
+
+      expect(fooAttr?.attribute).toMatchObject({
+        default: 'bar',
+        rendered: true,
+        renderHTML: null,
+        parseHTML: null,
+        keepOnSplit: true,
+        isRequired: false,
+      })
+    })
+
+    it('should handle function defaults', () => {
+      const CustomNode = Node.create({
+        name: 'customNode',
+        addAttributes() {
+          return {
+            foo: {
+              default: () => 'computed',
+            },
+          }
+        },
+      })
+
+      const attributes = getAttributesFromExtensions([CustomNode])
+      const fooAttr = attributes.find(a => a.name === 'foo')
+
+      expect(fooAttr?.attribute.default).toBe('computed')
+    })
+
+    it('should handle required attributes without default', () => {
+      const CustomNode = Node.create({
+        name: 'customNode',
+        addAttributes() {
+          return {
+            requiredAttr: {
+              isRequired: true,
+              default: undefined,
+            },
+          }
+        },
+      })
+
+      const attributes = getAttributesFromExtensions([CustomNode])
+      const requiredAttr = attributes.find(a => a.name === 'requiredAttr')
+
+      expect(requiredAttr?.attribute.isRequired).toBe(true)
+      expect(requiredAttr?.attribute).not.toHaveProperty('default')
+    })
+  })
+
+  describe('mark attributes', () => {
+    it('should extract attributes from mark extensions', () => {
+      const CustomMark = Mark.create({
+        name: 'customMark',
+        addAttributes() {
+          return {
+            color: {
+              default: 'red',
+            },
+          }
+        },
+      })
+
+      const attributes = getAttributesFromExtensions([CustomMark])
+
+      expect(attributes).toContainEqual(
+        expect.objectContaining({
+          type: 'customMark',
+          name: 'color',
+          attribute: expect.objectContaining({
+            default: 'red',
+          }),
+        }),
+      )
+    })
+  })
+
+  describe('global attributes with types', () => {
+    it('should apply global attributes to specified types', () => {
+      const CustomNode = Node.create({
+        name: 'customNode',
+      })
+
+      const AnotherNode = Node.create({
+        name: 'anotherNode',
+      })
+
+      const GlobalExtension = Extension.create({
+        name: 'globalExtension',
+        addGlobalAttributes() {
+          return [
+            {
+              types: ['customNode'],
+              attributes: {
+                globalAttr: {
+                  default: 'global',
+                },
+              },
+            },
+          ]
+        },
+      })
+
+      const attributes = getAttributesFromExtensions([CustomNode, AnotherNode, GlobalExtension])
+
+      // Should have the global attribute for customNode
+      expect(attributes).toContainEqual(
+        expect.objectContaining({
+          type: 'customNode',
+          name: 'globalAttr',
+          attribute: expect.objectContaining({
+            default: 'global',
+          }),
+        }),
+      )
+
+      // Should NOT have the global attribute for anotherNode
+      const anotherNodeAttrs = attributes.filter(a => a.type === 'anotherNode')
+      expect(anotherNodeAttrs.find(a => a.name === 'globalAttr')).toBeUndefined()
+    })
+
+    it('should apply global attributes to multiple types', () => {
+      const NodeA = Node.create({ name: 'nodeA' })
+      const NodeB = Node.create({ name: 'nodeB' })
+      const NodeC = Node.create({ name: 'nodeC' })
+
+      const GlobalExtension = Extension.create({
+        name: 'globalExtension',
+        addGlobalAttributes() {
+          return [
+            {
+              types: ['nodeA', 'nodeB'],
+              attributes: {
+                sharedAttr: {
+                  default: 'shared',
+                },
+              },
+            },
+          ]
+        },
+      })
+
+      const attributes = getAttributesFromExtensions([NodeA, NodeB, NodeC, GlobalExtension])
+
+      // Should have the attribute for nodeA and nodeB
+      expect(attributes).toContainEqual(
+        expect.objectContaining({ type: 'nodeA', name: 'sharedAttr' }),
+      )
+      expect(attributes).toContainEqual(
+        expect.objectContaining({ type: 'nodeB', name: 'sharedAttr' }),
+      )
+
+      // Should NOT have the attribute for nodeC
+      const nodeCAttrs = attributes.filter(a => a.type === 'nodeC')
+      expect(nodeCAttrs.find(a => a.name === 'sharedAttr')).toBeUndefined()
+    })
+  })
+
+  describe('global attributes with shorthand types', () => {
+    it('should apply global attributes to all nodes and marks when types is "*"', () => {
+      const NodeA = Node.create({ name: 'nodeA' })
+      const NodeB = Node.create({ name: 'nodeB' })
+      const CustomMark = Mark.create({ name: 'customMark' })
+
+      const GlobalExtension = Extension.create({
+        name: 'globalExtension',
+        addGlobalAttributes() {
+          return [
+            {
+              types: '*',
+              attributes: {
+                universalAttr: {
+                  default: 'universal',
+                },
+              },
+            },
+          ]
+        },
+      })
+
+      const attributes = getAttributesFromExtensions([NodeA, NodeB, CustomMark, GlobalExtension])
+
+      // Should have the attribute for both nodes and mark
+      expect(attributes).toContainEqual(
+        expect.objectContaining({
+          type: 'nodeA',
+          name: 'universalAttr',
+          attribute: expect.objectContaining({ default: 'universal' }),
+        }),
+      )
+      expect(attributes).toContainEqual(
+        expect.objectContaining({
+          type: 'nodeB',
+          name: 'universalAttr',
+          attribute: expect.objectContaining({ default: 'universal' }),
+        }),
+      )
+      expect(attributes).toContainEqual(
+        expect.objectContaining({
+          type: 'customMark',
+          name: 'universalAttr',
+          attribute: expect.objectContaining({ default: 'universal' }),
+        }),
+      )
+    })
+
+    it('should apply global attributes to all nodes when types is "nodes"', () => {
+      const TextNode = Node.create({ name: 'text' })
+      const ParagraphNode = Node.create({ name: 'paragraph' })
+      const HeadingNode = Node.create({ name: 'heading' })
+      const CustomMark = Mark.create({ name: 'customMark' })
+
+      const GlobalExtension = Extension.create({
+        name: 'globalExtension',
+        addGlobalAttributes() {
+          return [
+            {
+              types: 'nodes',
+              attributes: {
+                nodeAttr: {
+                  default: 'nodeValue',
+                },
+              },
+            },
+          ]
+        },
+      })
+
+      const attributes = getAttributesFromExtensions([
+        TextNode,
+        ParagraphNode,
+        HeadingNode,
+        CustomMark,
+        GlobalExtension,
+      ])
+
+      // Should NOT have the attribute for text node
+      const textAttrs = attributes.filter(a => a.type === 'text')
+      expect(textAttrs.find(a => a.name === 'nodeAttr')).toBeUndefined()
+
+      // Should have the attribute for other nodes
+      expect(attributes).toContainEqual(
+        expect.objectContaining({
+          type: 'paragraph',
+          name: 'nodeAttr',
+        }),
+      )
+      expect(attributes).toContainEqual(
+        expect.objectContaining({
+          type: 'heading',
+          name: 'nodeAttr',
+        }),
+      )
+
+      // Should NOT have the attribute for marks
+      const markAttrs = attributes.filter(a => a.type === 'customMark')
+      expect(markAttrs.find(a => a.name === 'nodeAttr')).toBeUndefined()
+    })
+
+    it('should apply global attributes to all marks when types is "marks"', () => {
+      const CustomNode = Node.create({ name: 'customNode' })
+      const BoldMark = Mark.create({ name: 'bold' })
+      const ItalicMark = Mark.create({ name: 'italic' })
+
+      const GlobalExtension = Extension.create({
+        name: 'globalExtension',
+        addGlobalAttributes() {
+          return [
+            {
+              types: 'marks',
+              attributes: {
+                markAttr: {
+                  default: 'markValue',
+                },
+              },
+            },
+          ]
+        },
+      })
+
+      const attributes = getAttributesFromExtensions([
+        CustomNode,
+        BoldMark,
+        ItalicMark,
+        GlobalExtension,
+      ])
+
+      // Should have the attribute for marks
+      expect(attributes).toContainEqual(
+        expect.objectContaining({
+          type: 'bold',
+          name: 'markAttr',
+        }),
+      )
+      expect(attributes).toContainEqual(
+        expect.objectContaining({
+          type: 'italic',
+          name: 'markAttr',
+        }),
+      )
+
+      // Should NOT have the attribute for nodes
+      const nodeAttrs = attributes.filter(a => a.type === 'customNode')
+      expect(nodeAttrs.find(a => a.name === 'markAttr')).toBeUndefined()
+    })
+  })
+
+  describe('combining node and global attributes', () => {
+    it('should include both node-specific and global attributes', () => {
+      const CustomNode = Node.create({
+        name: 'customNode',
+        addAttributes() {
+          return {
+            nodeAttr: {
+              default: 'nodeValue',
+            },
+          }
+        },
+      })
+
+      const GlobalExtension = Extension.create({
+        name: 'globalExtension',
+        addGlobalAttributes() {
+          return [
+            {
+              types: ['customNode'],
+              attributes: {
+                globalAttr: {
+                  default: 'globalValue',
+                },
+              },
+            },
+          ]
+        },
+      })
+
+      const attributes = getAttributesFromExtensions([CustomNode, GlobalExtension])
+
+      const customNodeAttrs = attributes.filter(a => a.type === 'customNode')
+
+      expect(customNodeAttrs).toHaveLength(2)
+      expect(customNodeAttrs).toContainEqual(
+        expect.objectContaining({
+          name: 'nodeAttr',
+          attribute: expect.objectContaining({ default: 'nodeValue' }),
+        }),
+      )
+      expect(customNodeAttrs).toContainEqual(
+        expect.objectContaining({
+          name: 'globalAttr',
+          attribute: expect.objectContaining({ default: 'globalValue' }),
+        }),
+      )
+    })
+  })
+
+  describe('extensions without attributes', () => {
+    it('should handle extensions without addAttributes', () => {
+      const SimpleNode = Node.create({
+        name: 'simpleNode',
+      })
+
+      const attributes = getAttributesFromExtensions([SimpleNode])
+
+      const simpleNodeAttrs = attributes.filter(a => a.type === 'simpleNode')
+      expect(simpleNodeAttrs).toHaveLength(0)
+    })
+
+    it('should handle extensions without addGlobalAttributes', () => {
+      const SimpleExtension = Extension.create({
+        name: 'simpleExtension',
+      })
+
+      const attributes = getAttributesFromExtensions([SimpleExtension])
+
+      expect(attributes).toHaveLength(0)
+    })
+  })
+
+  describe('multiple global attribute definitions', () => {
+    it('should handle multiple global attribute groups', () => {
+      const NodeA = Node.create({ name: 'nodeA' })
+      const NodeB = Node.create({ name: 'nodeB' })
+
+      const GlobalExtension = Extension.create({
+        name: 'globalExtension',
+        addGlobalAttributes() {
+          return [
+            {
+              types: ['nodeA'],
+              attributes: {
+                attrForA: { default: 'a' },
+              },
+            },
+            {
+              types: ['nodeB'],
+              attributes: {
+                attrForB: { default: 'b' },
+              },
+            },
+            {
+              types: ['nodeA', 'nodeB'],
+              attributes: {
+                sharedAttr: { default: 'shared' },
+              },
+            },
+          ]
+        },
+      })
+
+      const attributes = getAttributesFromExtensions([NodeA, NodeB, GlobalExtension])
+
+      const nodeAAttrs = attributes.filter(a => a.type === 'nodeA')
+      const nodeBAttrs = attributes.filter(a => a.type === 'nodeB')
+
+      expect(nodeAAttrs).toContainEqual(expect.objectContaining({ name: 'attrForA' }))
+      expect(nodeAAttrs).toContainEqual(expect.objectContaining({ name: 'sharedAttr' }))
+      expect(nodeAAttrs).not.toContainEqual(expect.objectContaining({ name: 'attrForB' }))
+
+      expect(nodeBAttrs).toContainEqual(expect.objectContaining({ name: 'attrForB' }))
+      expect(nodeBAttrs).toContainEqual(expect.objectContaining({ name: 'sharedAttr' }))
+      expect(nodeBAttrs).not.toContainEqual(expect.objectContaining({ name: 'attrForA' }))
+    })
+  })
+})
diff --git a/packages/core/src/helpers/getAttributesFromExtensions.ts b/packages/core/src/helpers/getAttributesFromExtensions.ts
new file mode 100644
index 0000000..a1e8ef1
--- /dev/null
+++ b/packages/core/src/helpers/getAttributesFromExtensions.ts
@@ -0,0 +1,120 @@
+import type { MarkConfig, NodeConfig } from '../index.js'
+import type { AnyConfig, Attribute, Attributes, ExtensionAttribute, Extensions } from '../types.js'
+import { getExtensionField } from './getExtensionField.js'
+import { splitExtensions } from './splitExtensions.js'
+
+/**
+ * Get a list of all extension attributes defined in `addAttribute` and `addGlobalAttribute`.
+ * @param extensions List of extensions
+ */
+export function getAttributesFromExtensions(extensions: Extensions): ExtensionAttribute[] {
+  const extensionAttributes: ExtensionAttribute[] = []
+  const { nodeExtensions, markExtensions } = splitExtensions(extensions)
+  const nodeAndMarkExtensions = [...nodeExtensions, ...markExtensions]
+  const defaultAttribute: Required<Omit<Attribute, 'validate'>> & Pick<Attribute, 'validate'> = {
+    default: null,
+    validate: undefined,
+    rendered: true,
+    renderHTML: null,
+    parseHTML: null,
+    keepOnSplit: true,
+    isRequired: false,
+  }
+
+  // Precompute lists of extension types for global attribute resolution
+  const nodeExtensionTypes = nodeExtensions.filter(ext => ext.name !== 'text').map(ext => ext.name)
+  const markExtensionTypes = markExtensions.map(ext => ext.name)
+  const allExtensionTypes = [...nodeExtensionTypes, ...markExtensionTypes]
+
+  extensions.forEach(extension => {
+    const context = {
+      name: extension.name,
+      options: extension.options,
+      storage: extension.storage,
+      extensions: nodeAndMarkExtensions,
+    }
+
+    const addGlobalAttributes = getExtensionField<AnyConfig['addGlobalAttributes']>(
+      extension,
+      'addGlobalAttributes',
+      context,
+    )
+
+    if (!addGlobalAttributes) {
+      return
+    }
+
+    const globalAttributes = addGlobalAttributes()
+
+    globalAttributes.forEach(globalAttribute => {
+      // Resolve the types based on the string shorthand or explicit array
+      let resolvedTypes: string[]
+      if (Array.isArray(globalAttribute.types)) {
+        resolvedTypes = globalAttribute.types
+      } else if (globalAttribute.types === '*') {
+        resolvedTypes = allExtensionTypes
+      } else if (globalAttribute.types === 'nodes') {
+        resolvedTypes = nodeExtensionTypes
+      } else if (globalAttribute.types === 'marks') {
+        resolvedTypes = markExtensionTypes
+      } else {
+        resolvedTypes = []
+      }
+
+      resolvedTypes.forEach(type => {
+        Object.entries(globalAttribute.attributes).forEach(([name, attribute]) => {
+          extensionAttributes.push({
+            type,
+            name,
+            attribute: {
+              ...defaultAttribute,
+              ...attribute,
+            },
+          })
+        })
+      })
+    })
+  })
+
+  nodeAndMarkExtensions.forEach(extension => {
+    const context = {
+      name: extension.name,
+      options: extension.options,
+      storage: extension.storage,
+    }
+
+    const addAttributes = getExtensionField<
+      NodeConfig['addAttributes'] | MarkConfig['addAttributes']
+    >(extension, 'addAttributes', context)
+
+    if (!addAttributes) {
+      return
+    }
+
+    // TODO: remove `as Attributes`
+    const attributes = addAttributes() as Attributes
+
+    Object.entries(attributes).forEach(([name, attribute]) => {
+      const mergedAttr = {
+        ...defaultAttribute,
+        ...attribute,
+      }
+
+      if (typeof mergedAttr?.default === 'function') {
+        mergedAttr.default = mergedAttr.default()
+      }
+
+      if (mergedAttr?.isRequired && mergedAttr?.default === undefined) {
+        delete mergedAttr.default
+      }
+
+      extensionAttributes.push({
+        type: extension.name,
+        name,
+        attribute: mergedAttr,
+      })
+    })
+  })
+
+  return extensionAttributes
+}
diff --git a/packages/core/src/helpers/getChangedRanges.test.ts b/packages/core/src/helpers/getChangedRanges.test.ts
new file mode 100644
index 0000000..f7a31be
--- /dev/null
+++ b/packages/core/src/helpers/getChangedRanges.test.ts
@@ -0,0 +1,48 @@
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Transform } from '@tiptap/pm/transform'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { getChangedRanges } from './getChangedRanges.js'
+
+/** "<p>hello world</p>" 0=doc, 1=<p>, 2..12="hello world", 13=</p>. */
+function createDoc(): PMNode {
+  const editor = new Editor({
+    extensions: [Document, Paragraph, Text, Bold],
+    content: '<p>hello world</p>',
+  })
+  const doc = editor.state.doc
+  editor.destroy()
+
+  return doc
+}
+
+describe('getChangedRanges', () => {
+  it('from/to branch: AddMarkStep yields a changed range covering the marked text', () => {
+    const doc = createDoc()
+    const transform = new Transform(doc)
+
+    // AddMarkStep carries from/to but its StepMap has no ranges.
+    transform.addMark(2, 7, doc.type.schema.marks.bold.create())
+
+    const changes = getChangedRanges(transform)
+
+    expect(changes).toHaveLength(1)
+    expect(changes[0].newRange).toEqual({ from: 2, to: 7 })
+    expect(changes[0].oldRange).toEqual({ from: 2, to: 7 })
+  })
+
+  it('no-position fallback branch: DocAttrStep produces no changed ranges', () => {
+    const doc = createDoc()
+    const transform = new Transform(doc)
+
+    // DocAttrStep has no from/to/pos, so the loop returns early for this step.
+    transform.setDocAttribute('title', 'demo')
+
+    expect(getChangedRanges(transform)).toEqual([])
+  })
+})
diff --git a/packages/core/src/helpers/getChangedRanges.ts b/packages/core/src/helpers/getChangedRanges.ts
new file mode 100644
index 0000000..71a007f
--- /dev/null
+++ b/packages/core/src/helpers/getChangedRanges.ts
@@ -0,0 +1,85 @@
+import type { Step, Transform } from '@tiptap/pm/transform'
+
+import type { Range } from '../types.js'
+import { removeDuplicates } from '../utilities/removeDuplicates.js'
+
+export type ChangedRange = {
+  oldRange: Range
+  newRange: Range
+}
+
+/**
+ * Removes duplicated ranges and ranges that are
+ * fully captured by other ranges.
+ */
+function simplifyChangedRanges(changes: ChangedRange[]): ChangedRange[] {
+  const uniqueChanges = removeDuplicates(changes)
+
+  return uniqueChanges.length === 1
+    ? uniqueChanges
+    : uniqueChanges.filter((change, index) => {
+        const rest = uniqueChanges.filter((_, i) => i !== index)
+
+        return !rest.some(otherChange => {
+          return (
+            change.oldRange.from >= otherChange.oldRange.from &&
+            change.oldRange.to <= otherChange.oldRange.to &&
+            change.newRange.from >= otherChange.newRange.from &&
+            change.newRange.to <= otherChange.newRange.to
+          )
+        })
+      })
+}
+
+/**
+ * Returns a list of changed ranges
+ * based on the first and last state of all steps.
+ */
+export function getChangedRanges(transform: Transform): ChangedRange[] {
+  const { mapping, steps } = transform
+  const changes: ChangedRange[] = []
+
+  mapping.maps.forEach((stepMap, index) => {
+    const ranges: Range[] = []
+
+    // This accounts for step changes where no range was actually altered
+    // e.g. when setting a mark, node attribute, etc.
+    // @ts-ignore
+    if (!stepMap.ranges.length) {
+      const { from, to } = steps[index] as Step & {
+        from?: number
+        to?: number
+      }
+
+      if (from === undefined || to === undefined) {
+        return
+      }
+
+      ranges.push({ from, to })
+    } else {
+      stepMap.forEach((from, to) => {
+        ranges.push({ from, to })
+      })
+    }
+
+    ranges.forEach(({ from, to }) => {
+      const newStart = mapping.slice(index).map(from, -1)
+      const newEnd = mapping.slice(index).map(to)
+      const oldStart = mapping.invert().map(newStart, -1)
+      const oldEnd = mapping.invert().map(newEnd)
+
+      changes.push({
+        oldRange: {
+          from: oldStart,
+          to: oldEnd,
+        },
+        newRange: {
+          from: newStart,
+          to: newEnd,
+        },
+      })
+    })
+  })
+
+  return simplifyChangedRanges(changes)
+}
diff --git a/packages/core/src/helpers/getDebugJSON.ts b/packages/core/src/helpers/getDebugJSON.ts
new file mode 100644
index 0000000..2201efa
--- /dev/null
+++ b/packages/core/src/helpers/getDebugJSON.ts
@@ -0,0 +1,54 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import type { JSONContent } from '../types.js'
+
+interface DebugJSONContent extends JSONContent {
+  from: number
+  to: number
+}
+
+export function getDebugJSON(node: PMNode, startOffset = 0): DebugJSONContent {
+  const isTopNode = node.type === node.type.schema.topNodeType
+  const increment = isTopNode ? 0 : 1
+  const from = startOffset
+  const to = from + node.nodeSize
+  const marks = node.marks.map(mark => {
+    const output: { type: string; attrs?: Record<string, any> } = {
+      type: mark.type.name,
+    }
+
+    if (Object.keys(mark.attrs).length) {
+      output.attrs = { ...mark.attrs }
+    }
+
+    return output
+  })
+  const attrs = { ...node.attrs }
+  const output: DebugJSONContent = {
+    type: node.type.name,
+    from,
+    to,
+  }
+
+  if (Object.keys(attrs).length) {
+    output.attrs = attrs
+  }
+
+  if (marks.length) {
+    output.marks = marks
+  }
+
+  if (node.content.childCount) {
+    output.content = []
+
+    node.forEach((child, offset) => {
+      output.content?.push(getDebugJSON(child, startOffset + offset + increment))
+    })
+  }
+
+  if (node.text) {
+    output.text = node.text
+  }
+
+  return output
+}
diff --git a/packages/core/src/helpers/getExtensionField.ts b/packages/core/src/helpers/getExtensionField.ts
new file mode 100644
index 0000000..1406462
--- /dev/null
+++ b/packages/core/src/helpers/getExtensionField.ts
@@ -0,0 +1,32 @@
+import type { ExtensionConfig } from '../Extension.js'
+import type { MarkConfig } from '../Mark.js'
+import type { NodeConfig } from '../Node.js'
+import type { AnyExtension, MaybeThisParameterType, RemoveThis } from '../types.js'
+
+/**
+ * Returns a field from an extension
+ * @param extension The Tiptap extension
+ * @param field The field, for example `renderHTML` or `priority`
+ * @param context The context object that should be passed as `this` into the function
+ * @returns The field value
+ */
+export function getExtensionField<T = any, E extends AnyExtension = any>(
+  extension: E,
+  field: keyof ExtensionConfig | keyof MarkConfig | keyof NodeConfig,
+  context?: Omit<MaybeThisParameterType<T>, 'parent'>,
+): RemoveThis<T> {
+  if (extension.config[field as keyof typeof extension.config] === undefined && extension.parent) {
+    return getExtensionField(extension.parent, field, context)
+  }
+
+  if (typeof extension.config[field as keyof typeof extension.config] === 'function') {
+    const value = (extension.config[field as keyof typeof extension.config] as any).bind({
+      ...context,
+      parent: extension.parent ? getExtensionField(extension.parent, field, context) : null,
+    })
+
+    return value
+  }
+
+  return extension.config[field as keyof typeof extension.config] as RemoveThis<T>
+}
diff --git a/packages/core/src/helpers/getHTMLFromFragment.ts b/packages/core/src/helpers/getHTMLFromFragment.ts
new file mode 100644
index 0000000..fa058f5
--- /dev/null
+++ b/packages/core/src/helpers/getHTMLFromFragment.ts
@@ -0,0 +1,13 @@
+import type { Fragment, Schema } from '@tiptap/pm/model'
+import { DOMSerializer } from '@tiptap/pm/model'
+
+export function getHTMLFromFragment(fragment: Fragment, schema: Schema): string {
+  const documentFragment = DOMSerializer.fromSchema(schema).serializeFragment(fragment)
+
+  const temporaryDocument = document.implementation.createHTMLDocument()
+  const container = temporaryDocument.createElement('div')
+
+  container.appendChild(documentFragment)
+
+  return container.innerHTML
+}
diff --git a/packages/core/src/helpers/getMarkAttributes.ts b/packages/core/src/helpers/getMarkAttributes.ts
new file mode 100644
index 0000000..98df17f
--- /dev/null
+++ b/packages/core/src/helpers/getMarkAttributes.ts
@@ -0,0 +1,33 @@
+import type { Mark, MarkType } from '@tiptap/pm/model'
+import type { EditorState } from '@tiptap/pm/state'
+
+import { getMarkType } from './getMarkType.js'
+
+export function getMarkAttributes(
+  state: EditorState,
+  typeOrName: string | MarkType,
+): Record<string, any> {
+  const type = getMarkType(typeOrName, state.schema)
+  const { from, to, empty } = state.selection
+  const marks: Mark[] = []
+
+  if (empty) {
+    if (state.storedMarks) {
+      marks.push(...state.storedMarks)
+    }
+
+    marks.push(...state.selection.$head.marks())
+  } else {
+    state.doc.nodesBetween(from, to, node => {
+      marks.push(...node.marks)
+    })
+  }
+
+  const mark = marks.find(markItem => markItem.type.name === type.name)
+
+  if (!mark) {
+    return {}
+  }
+
+  return { ...mark.attrs }
+}
diff --git a/packages/core/src/helpers/getMarkRange.test.ts b/packages/core/src/helpers/getMarkRange.test.ts
new file mode 100644
index 0000000..aeaa5c2
--- /dev/null
+++ b/packages/core/src/helpers/getMarkRange.test.ts
@@ -0,0 +1,237 @@
+import Document from '@tiptap/extension-document'
+import Highlight from '@tiptap/extension-highlight'
+import Link from '@tiptap/extension-link'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Node as PMNode } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { getMarkRange } from './getMarkRange.js'
+import { getSchemaByResolvedExtensions } from './getSchemaByResolvedExtensions.js'
+
+describe('getMarkRange', () => {
+  const document = {
+    type: 'doc',
+    content: [
+      {
+        type: 'paragraph',
+        content: [
+          { type: 'text', text: 'This is a ' },
+          {
+            type: 'text',
+            text: 'linked',
+            marks: [{ type: 'link', attrs: { href: 'https://tiptap.dev' } }],
+          },
+          { type: 'text', text: ' text.' },
+        ],
+      },
+    ],
+  }
+
+  const schema = getSchemaByResolvedExtensions([
+    Document,
+    Paragraph,
+    Text,
+    Link.configure({ openOnClick: false }),
+  ])
+
+  it('gets the correct range for a position inside the mark', () => {
+    const doc = PMNode.fromJSON(schema, document)
+    const $pos = doc.resolve(14)
+    const range = getMarkRange($pos, schema.marks.link)
+
+    expect(range).toEqual({
+      from: 11,
+      to: 17,
+    })
+  })
+
+  it('gets the correct range for a position at the start of the mark', () => {
+    const doc = PMNode.fromJSON(schema, document)
+    const $pos = doc.resolve(11)
+    const range = getMarkRange($pos, schema.marks.link)
+
+    expect(range).toEqual({
+      from: 11,
+      to: 17,
+    })
+  })
+
+  it('gets the correct range for a position at the end of the mark', () => {
+    const doc = PMNode.fromJSON(schema, document)
+    const $pos = doc.resolve(17)
+    const range = getMarkRange($pos, schema.marks.link)
+
+    expect(range).toEqual({
+      from: 11,
+      to: 17,
+    })
+  })
+
+  it('gets undefined if a mark is not found', () => {
+    const doc = PMNode.fromJSON(schema, document)
+    const $pos = doc.resolve(6)
+    const range = getMarkRange($pos, schema.marks.link)
+
+    expect(range).toBe(undefined)
+  })
+
+  it('doesnt cross node boundaries on backward check', () => {
+    const testDocument = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: 'This is a text with a ' },
+            {
+              type: 'text',
+              text: 'link.',
+              marks: [{ type: 'link', attrs: { href: 'https://tiptap.dev' } }],
+            },
+          ],
+        },
+        {
+          type: 'paragraph',
+          content: [{ type: 'text', text: 'This is a text without a link.' }],
+        },
+      ],
+    }
+
+    const doc = PMNode.fromJSON(schema, testDocument)
+    const $pos = doc.resolve(28)
+    const range = getMarkRange($pos, schema.marks.link)
+
+    expect(range).toEqual({
+      from: 23,
+      to: 28,
+    })
+
+    const nextRange = getMarkRange(doc.resolve(30), schema.marks.link)
+
+    expect(nextRange).toBe(undefined)
+  })
+
+  it('doesnt cross node boundaries on forward check', () => {
+    const testDocument = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [{ type: 'text', text: 'This is a text without a link.' }],
+        },
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'A link',
+              marks: [{ type: 'link', attrs: { href: 'https://tiptap.dev' } }],
+            },
+            { type: 'text', text: ' is at the start of this paragraph.' },
+          ],
+        },
+      ],
+    }
+    const doc = PMNode.fromJSON(schema, testDocument)
+
+    const range = getMarkRange(doc.resolve(32), schema.marks.link)
+
+    expect(range).toBe(undefined)
+
+    const $pos = doc.resolve(33)
+    const nextRange = getMarkRange($pos, schema.marks.link)
+
+    expect(nextRange).toEqual({
+      from: 33,
+      to: 39,
+    })
+  })
+  it('can distinguish mark boundaries', () => {
+    const testDocument = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: 'This is a text with a ' },
+            {
+              type: 'text',
+              text: 'link.',
+              marks: [{ type: 'link', attrs: { href: 'https://tiptap.dev' } }],
+            },
+            {
+              type: 'text',
+              text: 'another link',
+              marks: [{ type: 'link', attrs: { href: 'https://tiptap.dev/invalid' } }],
+            },
+          ],
+        },
+        {
+          type: 'paragraph',
+          content: [{ type: 'text', text: 'This is a text without a link.' }],
+        },
+      ],
+    }
+
+    const doc = PMNode.fromJSON(schema, testDocument)
+    const $pos = doc.resolve(27)
+    const range = getMarkRange($pos, schema.marks.link, { href: 'https://tiptap.dev' })
+
+    expect(range).toEqual({
+      from: 23,
+      to: 28,
+    })
+
+    const nextRange = getMarkRange(doc.resolve(28), schema.marks.link)
+
+    expect(nextRange).toEqual({ from: 28, to: 40 })
+  })
+
+  it('defaults to attributes of the first mark of the given type', () => {
+    const schemaWithHighlight = getSchemaByResolvedExtensions([
+      Document,
+      Paragraph,
+      Text,
+      Highlight.configure({ multicolor: true }),
+      Link.configure({ openOnClick: false }),
+    ])
+
+    const testDocument = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Highlighted ',
+              marks: [
+                { type: 'highlight', attrs: { color: 'red' } },
+                { type: 'link', attrs: { href: 'https://tiptap.dev' } },
+              ],
+            },
+            {
+              type: 'text',
+              text: 'link.',
+              marks: [{ type: 'link', attrs: { href: 'https://tiptap.dev' } }],
+            },
+            {
+              type: 'text',
+              text: 'another link',
+              marks: [{ type: 'link', attrs: { href: 'https://tiptap.dev/invalid' } }],
+            },
+          ],
+        },
+      ],
+    }
+
+    const doc = PMNode.fromJSON(schemaWithHighlight, testDocument)
+    const $pos = doc.resolve(5)
+    const range = getMarkRange($pos, schemaWithHighlight.marks.link)
+
+    // range should include both text nodes with href 'https://tiptap.dev'.
+    // It should not get confused by the highlight mark with different attributes.
+    expect(range).toEqual({ from: 1, to: 18 })
+  })
+})
diff --git a/packages/core/src/helpers/getMarkRange.ts b/packages/core/src/helpers/getMarkRange.ts
new file mode 100644
index 0000000..f7797be
--- /dev/null
+++ b/packages/core/src/helpers/getMarkRange.ts
@@ -0,0 +1,105 @@
+import type { Mark as ProseMirrorMark, MarkType, ResolvedPos } from '@tiptap/pm/model'
+
+import type { Range } from '../types.js'
+import { objectIncludes } from '../utilities/objectIncludes.js'
+
+function findMarkInSet(
+  marks: ProseMirrorMark[],
+  type: MarkType,
+  attributes: Record<string, any> = {},
+): ProseMirrorMark | undefined {
+  return marks.find(item => {
+    return (
+      item.type === type &&
+      objectIncludes(
+        // Only check equality for the attributes that are provided
+        Object.fromEntries(Object.keys(attributes).map(k => [k, item.attrs[k]])),
+        attributes,
+      )
+    )
+  })
+}
+
+function isMarkInSet(
+  marks: ProseMirrorMark[],
+  type: MarkType,
+  attributes: Record<string, any> = {},
+): boolean {
+  return !!findMarkInSet(marks, type, attributes)
+}
+
+/**
+ * Get the range of a mark at a resolved position.
+ */
+export function getMarkRange(
+  /**
+   * The position to get the mark range for.
+   */
+  $pos: ResolvedPos,
+  /**
+   * The mark type to get the range for.
+   */
+  type: MarkType,
+  /**
+   * The attributes to match against.
+   * If not provided, only the first mark at the position will be matched.
+   */
+  attributes?: Record<string, any>,
+): Range | void {
+  if (!$pos || !type) {
+    return
+  }
+  let start = $pos.parent.childAfter($pos.parentOffset)
+
+  // If the cursor is at the start of a text node that does not have the mark, look backward
+  if (!start.node || !start.node.marks.some(mark => mark.type === type)) {
+    start = $pos.parent.childBefore($pos.parentOffset)
+  }
+
+  // If there is no text node with the mark even backward, return undefined
+  if (!start.node || !start.node.marks.some(mark => mark.type === type)) {
+    return
+  }
+
+  // Default to only matching against the attributes of the first mark with the given type
+  if (!attributes) {
+    const firstMark = start.node.marks.find(mark => mark.type === type)
+    if (firstMark) {
+      attributes = firstMark.attrs
+    }
+  }
+
+  // We now know that the cursor is either at the start, middle or end of a text node with the specified mark
+  // so we can look it up on the targeted mark
+  const mark = findMarkInSet([...start.node.marks], type, attributes)
+
+  if (!mark) {
+    return
+  }
+
+  let startIndex = start.index
+  let startPos = $pos.start() + start.offset
+  let endIndex = startIndex + 1
+  let endPos = startPos + start.node.nodeSize
+
+  while (
+    startIndex > 0 &&
+    isMarkInSet([...$pos.parent.child(startIndex - 1).marks], type, attributes)
+  ) {
+    startIndex -= 1
+    startPos -= $pos.parent.child(startIndex).nodeSize
+  }
+
+  while (
+    endIndex < $pos.parent.childCount &&
+    isMarkInSet([...$pos.parent.child(endIndex).marks], type, attributes)
+  ) {
+    endPos += $pos.parent.child(endIndex).nodeSize
+    endIndex += 1
+  }
+
+  return {
+    from: startPos,
+    to: endPos,
+  }
+}
diff --git a/packages/core/src/helpers/getMarkType.ts b/packages/core/src/helpers/getMarkType.ts
new file mode 100644
index 0000000..9889cdb
--- /dev/null
+++ b/packages/core/src/helpers/getMarkType.ts
@@ -0,0 +1,15 @@
+import type { MarkType, Schema } from '@tiptap/pm/model'
+
+export function getMarkType(nameOrType: string | MarkType, schema: Schema): MarkType {
+  if (typeof nameOrType === 'string') {
+    if (!schema.marks[nameOrType]) {
+      throw Error(
+        `There is no mark type named '${nameOrType}'. Maybe you forgot to add the extension?`,
+      )
+    }
+
+    return schema.marks[nameOrType]
+  }
+
+  return nameOrType
+}
diff --git a/packages/core/src/helpers/getMarksBetween.ts b/packages/core/src/helpers/getMarksBetween.ts
new file mode 100644
index 0000000..8452092
--- /dev/null
+++ b/packages/core/src/helpers/getMarksBetween.ts
@@ -0,0 +1,44 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import type { MarkRange } from '../types.js'
+import { getMarkRange } from './getMarkRange.js'
+
+export function getMarksBetween(from: number, to: number, doc: PMNode): MarkRange[] {
+  const marks: MarkRange[] = []
+
+  // get all inclusive marks on empty selection
+  if (from === to) {
+    doc
+      .resolve(from)
+      .marks()
+      .forEach(mark => {
+        const $pos = doc.resolve(from)
+        const range = getMarkRange($pos, mark.type)
+
+        if (!range) {
+          return
+        }
+
+        marks.push({
+          mark,
+          ...range,
+        })
+      })
+  } else {
+    doc.nodesBetween(from, to, (node, pos) => {
+      if (!node || node?.nodeSize === undefined) {
+        return
+      }
+
+      marks.push(
+        ...node.marks.map(mark => ({
+          from: pos,
+          to: pos + node.nodeSize,
+          mark,
+        })),
+      )
+    })
+  }
+
+  return marks
+}
diff --git a/packages/core/src/helpers/getNodeAtPosition.ts b/packages/core/src/helpers/getNodeAtPosition.ts
new file mode 100644
index 0000000..c8e2389
--- /dev/null
+++ b/packages/core/src/helpers/getNodeAtPosition.ts
@@ -0,0 +1,34 @@
+import type { Node as PMNode, NodeType } from '@tiptap/pm/model'
+import type { EditorState } from '@tiptap/pm/state'
+
+/**
+ * Finds the first node of a given type or name in the current selection.
+ * @param state The editor state.
+ * @param typeOrName The node type or name.
+ * @param pos The position to start searching from.
+ * @param maxDepth The maximum depth to search.
+ * @returns The node and the depth as an array.
+ */
+export const getNodeAtPosition = (
+  state: EditorState,
+  typeOrName: string | NodeType,
+  pos: number,
+  maxDepth = 20,
+) => {
+  const $pos = state.doc.resolve(pos)
+
+  let currentDepth = maxDepth
+  let node: PMNode | null = null
+
+  while (currentDepth > 0 && node === null) {
+    const currentNode = $pos.node(currentDepth)
+
+    if (currentNode?.type.name === typeOrName) {
+      node = currentNode
+    } else {
+      currentDepth -= 1
+    }
+  }
+
+  return [node, currentDepth] as [PMNode | null, number]
+}
diff --git a/packages/core/src/helpers/getNodeAttributes.ts b/packages/core/src/helpers/getNodeAttributes.ts
new file mode 100644
index 0000000..c8392c0
--- /dev/null
+++ b/packages/core/src/helpers/getNodeAttributes.ts
@@ -0,0 +1,25 @@
+import type { Node as PMNode, NodeType } from '@tiptap/pm/model'
+import type { EditorState } from '@tiptap/pm/state'
+
+import { getNodeType } from './getNodeType.js'
+
+export function getNodeAttributes(
+  state: EditorState,
+  typeOrName: string | NodeType,
+): Record<string, any> {
+  const type = getNodeType(typeOrName, state.schema)
+  const { from, to } = state.selection
+  const nodes: PMNode[] = []
+
+  state.doc.nodesBetween(from, to, node => {
+    nodes.push(node)
+  })
+
+  const node = nodes.reverse().find(nodeItem => nodeItem.type.name === type.name)
+
+  if (!node) {
+    return {}
+  }
+
+  return { ...node.attrs }
+}
diff --git a/packages/core/src/helpers/getNodeType.ts b/packages/core/src/helpers/getNodeType.ts
new file mode 100644
index 0000000..fe37402
--- /dev/null
+++ b/packages/core/src/helpers/getNodeType.ts
@@ -0,0 +1,15 @@
+import type { NodeType, Schema } from '@tiptap/pm/model'
+
+export function getNodeType(nameOrType: string | NodeType, schema: Schema): NodeType {
+  if (typeof nameOrType === 'string') {
+    if (!schema.nodes[nameOrType]) {
+      throw Error(
+        `There is no node type named '${nameOrType}'. Maybe you forgot to add the extension?`,
+      )
+    }
+
+    return schema.nodes[nameOrType]
+  }
+
+  return nameOrType
+}
diff --git a/packages/core/src/helpers/getPreviousBlockSibling.test.ts b/packages/core/src/helpers/getPreviousBlockSibling.test.ts
new file mode 100644
index 0000000..57fa3ad
--- /dev/null
+++ b/packages/core/src/helpers/getPreviousBlockSibling.test.ts
@@ -0,0 +1,111 @@
+import Blockquote from '@tiptap/extension-blockquote'
+import BulletList from '@tiptap/extension-bullet-list'
+import Document from '@tiptap/extension-document'
+import { ListItem } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Node as PMNode } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { getPreviousBlockSibling } from './getPreviousBlockSibling.js'
+import { getSchemaByResolvedExtensions } from './getSchemaByResolvedExtensions.js'
+
+const schema = getSchemaByResolvedExtensions([
+  Document,
+  Paragraph,
+  Text,
+  Blockquote,
+  BulletList,
+  ListItem,
+])
+
+/**
+ * Resolves the position right before the first occurrence of `target` text.
+ */
+const resolveBefore = (doc: PMNode, target: string) => {
+  let pos = -1
+
+  doc.descendants((node, nodePos) => {
+    if (pos !== -1 || !node.isText || !node.text) {
+      return
+    }
+
+    const offset = node.text.indexOf(target)
+
+    if (offset !== -1) {
+      pos = nodePos + offset
+    }
+  })
+
+  if (pos === -1) {
+    throw new Error(`Could not find "${target}" in the document`)
+  }
+
+  return doc.resolve(pos)
+}
+
+describe('getPreviousBlockSibling', () => {
+  it('returns the previous block-level sibling of a top-level paragraph', () => {
+    const doc = PMNode.fromJSON(schema, {
+      type: 'doc',
+      content: [
+        {
+          type: 'bulletList',
+          content: [
+            {
+              type: 'listItem',
+              content: [{ type: 'paragraph', content: [{ type: 'text', text: 'A' }] }],
+            },
+          ],
+        },
+        { type: 'paragraph', content: [{ type: 'text', text: 'B' }] },
+      ],
+    })
+
+    const previous = getPreviousBlockSibling(resolveBefore(doc, 'B'))
+
+    expect(previous?.type.name).toBe('bulletList')
+  })
+
+  it('returns the previous sibling within the same parent', () => {
+    const doc = PMNode.fromJSON(schema, {
+      type: 'doc',
+      content: [
+        {
+          type: 'blockquote',
+          content: [
+            { type: 'paragraph', content: [{ type: 'text', text: 'A' }] },
+            { type: 'paragraph', content: [{ type: 'text', text: 'B' }] },
+          ],
+        },
+      ],
+    })
+
+    const previous = getPreviousBlockSibling(resolveBefore(doc, 'B'))
+
+    expect(previous?.type.name).toBe('paragraph')
+    expect(previous?.textContent).toBe('A')
+  })
+
+  it('returns null when the cursor is in the first child of its block parent', () => {
+    const doc = PMNode.fromJSON(schema, {
+      type: 'doc',
+      content: [{ type: 'paragraph', content: [{ type: 'text', text: 'A' }] }],
+    })
+
+    expect(getPreviousBlockSibling(resolveBefore(doc, 'A'))).toBeNull()
+  })
+
+  it('returns null at the top of the document', () => {
+    const doc = PMNode.fromJSON(schema, {
+      type: 'doc',
+      content: [
+        { type: 'paragraph', content: [{ type: 'text', text: 'A' }] },
+        { type: 'paragraph', content: [{ type: 'text', text: 'B' }] },
+      ],
+    })
+
+    // resolve(0) has no parent depth to read a sibling from
+    expect(getPreviousBlockSibling(doc.resolve(0))).toBeNull()
+  })
+})
diff --git a/packages/core/src/helpers/getPreviousBlockSibling.ts b/packages/core/src/helpers/getPreviousBlockSibling.ts
new file mode 100644
index 0000000..70cbab8
--- /dev/null
+++ b/packages/core/src/helpers/getPreviousBlockSibling.ts
@@ -0,0 +1,36 @@
+import type { Node as PMNode, ResolvedPos } from '@tiptap/pm/model'
+
+/**
+ * Returns the block-level sibling immediately before the cursor's textblock
+ * (or null when the cursor is at the first child of its block parent).
+ *
+ * The position does not have to sit inside a textblock: for any resolved
+ * position, the result is the sibling immediately before `$pos.parent`. At a
+ * GapCursor position this is the sibling before the whole container, not the
+ * node before the gap.
+ *
+ * @param $pos The resolved position to look around
+ * @returns The previous block-level sibling, or null
+ * @example ```js
+ * // Cursor in a top-level paragraph after a list:
+ * // <ul><li>A</li></ul><p>|B</p>
+ * getPreviousBlockSibling($from) // <ul>
+ *
+ * // Cursor in the second paragraph of a list item:
+ * // <ul><li><p>A</p><p>|B</p></li></ul>
+ * getPreviousBlockSibling($from) // <p>A</p>
+ *
+ * // Cursor in the first child of its block parent:
+ * // <doc><p>|A</p></doc>
+ * getPreviousBlockSibling($from) // null
+ * ```
+ */
+export const getPreviousBlockSibling = ($pos: ResolvedPos): PMNode | null => {
+  const parentDepth = $pos.depth - 1
+  if (parentDepth < 0) return null
+
+  const index = $pos.index(parentDepth)
+  if (index === 0) return null
+
+  return $pos.node(parentDepth).child(index - 1)
+}
diff --git a/packages/core/src/helpers/getRenderedAttributes.ts b/packages/core/src/helpers/getRenderedAttributes.ts
new file mode 100644
index 0000000..13b83d3
--- /dev/null
+++ b/packages/core/src/helpers/getRenderedAttributes.ts
@@ -0,0 +1,23 @@
+import type { Mark, Node as PMNode } from '@tiptap/pm/model'
+
+import type { ExtensionAttribute } from '../types.js'
+import { mergeAttributes } from '../utilities/mergeAttributes.js'
+
+export function getRenderedAttributes(
+  nodeOrMark: PMNode | Mark,
+  extensionAttributes: ExtensionAttribute[],
+): Record<string, any> {
+  return extensionAttributes
+    .filter(attribute => attribute.type === nodeOrMark.type.name)
+    .filter(item => item.attribute.rendered)
+    .map(item => {
+      if (!item.attribute.renderHTML) {
+        return {
+          [item.name]: nodeOrMark.attrs[item.name],
+        }
+      }
+
+      return item.attribute.renderHTML(nodeOrMark.attrs) || {}
+    })
+    .reduce((attributes, attribute) => mergeAttributes(attributes, attribute), {})
+}
diff --git a/packages/core/src/helpers/getSchema.ts b/packages/core/src/helpers/getSchema.ts
new file mode 100644
index 0000000..51898b0
--- /dev/null
+++ b/packages/core/src/helpers/getSchema.ts
@@ -0,0 +1,12 @@
+import type { Schema } from '@tiptap/pm/model'
+
+import type { Editor } from '../Editor.js'
+import type { Extensions } from '../types.js'
+import { getSchemaByResolvedExtensions } from './getSchemaByResolvedExtensions.js'
+import { resolveExtensions } from './resolveExtensions.js'
+
+export function getSchema(extensions: Extensions, editor?: Editor): Schema {
+  const resolvedExtensions = resolveExtensions(extensions)
+
+  return getSchemaByResolvedExtensions(resolvedExtensions, editor)
+}
diff --git a/packages/core/src/helpers/getSchemaByResolvedExtensions.test.ts b/packages/core/src/helpers/getSchemaByResolvedExtensions.test.ts
new file mode 100644
index 0000000..79f696e
--- /dev/null
+++ b/packages/core/src/helpers/getSchemaByResolvedExtensions.test.ts
@@ -0,0 +1,171 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+import { Mark } from '../Mark.js'
+import { Node } from '../Node.js'
+
+describe('Required Attributes', () => {
+  it('should mark node attributes as required when isRequired is true and no default is set', () => {
+    const CustomNode = Node.create({
+      name: 'customNode',
+      addAttributes() {
+        return {
+          requiredAttr: {
+            isRequired: true,
+            // No default value specified
+          },
+          optionalAttr: {
+            default: null,
+          },
+        }
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, CustomNode],
+    })
+
+    const schema = editor.schema
+    const nodeType = schema.nodes.customNode
+
+    // Check that the required attribute does not have a default
+    expect(nodeType.spec.attrs?.requiredAttr).not.toEqual(undefined)
+    expect(nodeType.spec.attrs?.requiredAttr).not.toHaveProperty('default')
+
+    // Check that the optional attribute has a default
+    expect(nodeType.spec.attrs?.optionalAttr).not.toEqual(undefined)
+    expect(nodeType.spec.attrs?.optionalAttr).toHaveProperty('default')
+  })
+
+  it('should mark mark attributes as required when isRequired is true and no default is set', () => {
+    const CustomMark = Mark.create({
+      name: 'customMark',
+      addAttributes() {
+        return {
+          requiredAttr: {
+            isRequired: true,
+            // No default value specified
+          },
+          optionalAttr: {
+            default: 'test',
+          },
+        }
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, CustomMark],
+    })
+
+    const schema = editor.schema
+    const markType = schema.marks.customMark
+
+    // Check that the required attribute does not have a default
+    expect(markType?.spec.attrs?.requiredAttr).not.toEqual(undefined)
+    expect(markType?.spec.attrs?.requiredAttr).not.toHaveProperty('default')
+
+    // Check that the optional attribute has a default
+    expect(markType?.spec.attrs?.optionalAttr).not.toEqual(undefined)
+    expect(markType?.spec.attrs?.optionalAttr).toHaveProperty('default')
+    expect(markType?.spec.attrs?.optionalAttr.default).toBe('test')
+  })
+
+  it('should not mark attributes as required when they have an explicit default value', () => {
+    const CustomNode = Node.create({
+      name: 'customNode',
+      addAttributes() {
+        return {
+          attrWithNull: {
+            default: null,
+          },
+          attrWithValue: {
+            default: 'defaultValue',
+          },
+          attrWithZero: {
+            default: 0,
+          },
+          attrWithFalse: {
+            default: false,
+          },
+          attrWithUndefined: {
+            default: undefined,
+          },
+        }
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, CustomNode],
+    })
+
+    const schema = editor.schema
+    const nodeType = schema.nodes.customNode
+
+    // All attributes should have a default property
+    expect(nodeType.spec.attrs?.attrWithNull).toHaveProperty('default', null)
+    expect(nodeType.spec.attrs?.attrWithValue).toHaveProperty('default', 'defaultValue')
+    expect(nodeType.spec.attrs?.attrWithZero).toHaveProperty('default', 0)
+    expect(nodeType.spec.attrs?.attrWithFalse).toHaveProperty('default', false)
+    expect(nodeType.spec.attrs?.attrWithUndefined).toHaveProperty('default', undefined)
+  })
+
+  it('should only include validate property when it is defined', () => {
+    const CustomNode = Node.create({
+      name: 'customNode',
+      addAttributes() {
+        return {
+          validatedAttr: {
+            default: null,
+            validate: (value: any) => typeof value === 'string',
+          },
+          nonValidatedAttr: {
+            default: null,
+          },
+        }
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, CustomNode],
+    })
+
+    const schema = editor.schema
+    const nodeType = schema.nodes.customNode
+
+    // Check that the validated attribute has a validate property
+    expect(nodeType.spec.attrs?.validatedAttr).toHaveProperty('validate')
+    expect(nodeType.spec.attrs?.validatedAttr.validate).toBeTypeOf('function')
+
+    // Check that the non-validated attribute does not have a validate property
+    expect(nodeType.spec.attrs?.nonValidatedAttr).not.toHaveProperty('validate')
+  })
+
+  it('should handle attributes with isRequired and validate together', () => {
+    const CustomNode = Node.create({
+      name: 'customNode',
+      addAttributes() {
+        return {
+          strictAttr: {
+            isRequired: true,
+            validate: (value: any) => value !== null,
+          },
+        }
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, CustomNode],
+    })
+
+    const schema = editor.schema
+    const nodeType = schema.nodes.customNode
+
+    // Check that the attribute is required (no default) but has validation
+    expect(nodeType.spec.attrs?.strictAttr).not.toEqual(undefined)
+    expect(nodeType.spec.attrs?.strictAttr).not.toHaveProperty('default')
+    expect(nodeType.spec.attrs?.strictAttr).toHaveProperty('validate')
+  })
+})
diff --git a/packages/core/src/helpers/getSchemaByResolvedExtensions.ts b/packages/core/src/helpers/getSchemaByResolvedExtensions.ts
new file mode 100644
index 0000000..f576934
--- /dev/null
+++ b/packages/core/src/helpers/getSchemaByResolvedExtensions.ts
@@ -0,0 +1,236 @@
+import type { MarkSpec, NodeSpec, TagParseRule } from '@tiptap/pm/model'
+import { Schema } from '@tiptap/pm/model'
+
+import type { Editor, MarkConfig, NodeConfig } from '../index.js'
+import type { AnyConfig, Extensions } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
+import { isEmptyObject } from '../utilities/isEmptyObject.js'
+import { getAttributesFromExtensions } from './getAttributesFromExtensions.js'
+import { getExtensionField } from './getExtensionField.js'
+import { getRenderedAttributes } from './getRenderedAttributes.js'
+import { injectExtensionAttributesToParseRule } from './injectExtensionAttributesToParseRule.js'
+import { splitExtensions } from './splitExtensions.js'
+
+function cleanUpSchemaItem<T>(data: T) {
+  return Object.fromEntries(
+    // @ts-ignore
+    Object.entries(data).filter(([key, value]) => {
+      if (key === 'attrs' && isEmptyObject(value as object | undefined)) {
+        return false
+      }
+
+      return value !== null && value !== undefined
+    }),
+  ) as T
+}
+
+/**
+ * Builds an attribute spec tuple for ProseMirror schema from an extension attribute.
+ * @param extensionAttribute The extension attribute to build the spec for
+ * @returns A tuple of [attributeName, spec]
+ */
+function buildAttributeSpec(
+  extensionAttribute: ReturnType<typeof getAttributesFromExtensions>[number],
+): [string, Record<string, any>] {
+  const spec: Record<string, any> = {}
+
+  // Only include 'default' if the attribute is not required and default is set on the attribute
+  if (
+    !extensionAttribute?.attribute?.isRequired &&
+    'default' in (extensionAttribute?.attribute || {})
+  ) {
+    spec.default = extensionAttribute.attribute.default
+  }
+
+  // Only include 'validate' if it's defined
+  if (extensionAttribute?.attribute?.validate !== undefined) {
+    spec.validate = extensionAttribute.attribute.validate
+  }
+
+  return [extensionAttribute.name, spec]
+}
+
+/**
+ * Creates a new Prosemirror schema based on the given extensions.
+ * @param extensions An array of Tiptap extensions
+ * @param editor The editor instance
+ * @returns A Prosemirror schema
+ */
+export function getSchemaByResolvedExtensions(extensions: Extensions, editor?: Editor): Schema {
+  const allAttributes = getAttributesFromExtensions(extensions)
+  const { nodeExtensions, markExtensions } = splitExtensions(extensions)
+  const topNode = nodeExtensions.find(extension => getExtensionField(extension, 'topNode'))?.name
+
+  const nodes = Object.fromEntries(
+    nodeExtensions.map(extension => {
+      const extensionAttributes = allAttributes.filter(
+        attribute => attribute.type === extension.name,
+      )
+      const context = {
+        name: extension.name,
+        options: extension.options,
+        storage: extension.storage,
+        editor,
+      }
+
+      const extraNodeFields = extensions.reduce((fields, e) => {
+        const extendNodeSchema = getExtensionField<AnyConfig['extendNodeSchema']>(
+          e,
+          'extendNodeSchema',
+          context,
+        )
+
+        return {
+          ...fields,
+          ...(extendNodeSchema ? extendNodeSchema(extension) : {}),
+        }
+      }, {})
+
+      const schema: NodeSpec = cleanUpSchemaItem({
+        ...extraNodeFields,
+        content: callOrReturn(
+          getExtensionField<NodeConfig['content']>(extension, 'content', context),
+        ),
+        marks: callOrReturn(getExtensionField<NodeConfig['marks']>(extension, 'marks', context)),
+        group: callOrReturn(getExtensionField<NodeConfig['group']>(extension, 'group', context)),
+        inline: callOrReturn(getExtensionField<NodeConfig['inline']>(extension, 'inline', context)),
+        atom: callOrReturn(getExtensionField<NodeConfig['atom']>(extension, 'atom', context)),
+        selectable: callOrReturn(
+          getExtensionField<NodeConfig['selectable']>(extension, 'selectable', context),
+        ),
+        draggable: callOrReturn(
+          getExtensionField<NodeConfig['draggable']>(extension, 'draggable', context),
+        ),
+        code: callOrReturn(getExtensionField<NodeConfig['code']>(extension, 'code', context)),
+        whitespace: callOrReturn(
+          getExtensionField<NodeConfig['whitespace']>(extension, 'whitespace', context),
+        ),
+        linebreakReplacement: callOrReturn(
+          getExtensionField<NodeConfig['linebreakReplacement']>(
+            extension,
+            'linebreakReplacement',
+            context,
+          ),
+        ),
+        defining: callOrReturn(
+          getExtensionField<NodeConfig['defining']>(extension, 'defining', context),
+        ),
+        isolating: callOrReturn(
+          getExtensionField<NodeConfig['isolating']>(extension, 'isolating', context),
+        ),
+        attrs: Object.fromEntries(extensionAttributes.map(buildAttributeSpec)),
+      })
+
+      const parseHTML = callOrReturn(
+        getExtensionField<NodeConfig['parseHTML']>(extension, 'parseHTML', context),
+      )
+
+      if (parseHTML) {
+        schema.parseDOM = parseHTML.map(parseRule =>
+          injectExtensionAttributesToParseRule(parseRule, extensionAttributes),
+        ) as TagParseRule[]
+      }
+
+      const renderHTML = getExtensionField<NodeConfig['renderHTML']>(
+        extension,
+        'renderHTML',
+        context,
+      )
+
+      if (renderHTML) {
+        schema.toDOM = node =>
+          renderHTML({
+            node,
+            HTMLAttributes: getRenderedAttributes(node, extensionAttributes),
+          })
+      }
+
+      const renderText = getExtensionField<NodeConfig['renderText']>(
+        extension,
+        'renderText',
+        context,
+      )
+
+      if (renderText) {
+        schema.toText = renderText
+      }
+
+      return [extension.name, schema]
+    }),
+  )
+
+  const marks = Object.fromEntries(
+    markExtensions.map(extension => {
+      const extensionAttributes = allAttributes.filter(
+        attribute => attribute.type === extension.name,
+      )
+      const context = {
+        name: extension.name,
+        options: extension.options,
+        storage: extension.storage,
+        editor,
+      }
+
+      const extraMarkFields = extensions.reduce((fields, e) => {
+        const extendMarkSchema = getExtensionField<AnyConfig['extendMarkSchema']>(
+          e,
+          'extendMarkSchema',
+          context,
+        )
+
+        return {
+          ...fields,
+          ...(extendMarkSchema ? extendMarkSchema(extension as any) : {}),
+        }
+      }, {})
+
+      const schema: MarkSpec = cleanUpSchemaItem({
+        ...extraMarkFields,
+        inclusive: callOrReturn(
+          getExtensionField<MarkConfig['inclusive']>(extension, 'inclusive', context),
+        ),
+        excludes: callOrReturn(
+          getExtensionField<MarkConfig['excludes']>(extension, 'excludes', context),
+        ),
+        group: callOrReturn(getExtensionField<MarkConfig['group']>(extension, 'group', context)),
+        spanning: callOrReturn(
+          getExtensionField<MarkConfig['spanning']>(extension, 'spanning', context),
+        ),
+        code: callOrReturn(getExtensionField<MarkConfig['code']>(extension, 'code', context)),
+        attrs: Object.fromEntries(extensionAttributes.map(buildAttributeSpec)),
+      })
+
+      const parseHTML = callOrReturn(
+        getExtensionField<MarkConfig['parseHTML']>(extension, 'parseHTML', context),
+      )
+
+      if (parseHTML) {
+        schema.parseDOM = parseHTML.map(parseRule =>
+          injectExtensionAttributesToParseRule(parseRule, extensionAttributes),
+        )
+      }
+
+      const renderHTML = getExtensionField<MarkConfig['renderHTML']>(
+        extension,
+        'renderHTML',
+        context,
+      )
+
+      if (renderHTML) {
+        schema.toDOM = mark =>
+          renderHTML({
+            mark,
+            HTMLAttributes: getRenderedAttributes(mark, extensionAttributes),
+          })
+      }
+
+      return [extension.name, schema]
+    }),
+  )
+
+  return new Schema({
+    topNode,
+    nodes,
+    marks,
+  })
+}
diff --git a/packages/core/src/helpers/getSchemaTypeByName.ts b/packages/core/src/helpers/getSchemaTypeByName.ts
new file mode 100644
index 0000000..f5e1b2b
--- /dev/null
+++ b/packages/core/src/helpers/getSchemaTypeByName.ts
@@ -0,0 +1,11 @@
+import type { MarkType, NodeType, Schema } from '@tiptap/pm/model'
+
+/**
+ * Tries to get a node or mark type by its name.
+ * @param name The name of the node or mark type
+ * @param schema The Prosemiror schema to search in
+ * @returns The node or mark type, or null if it doesn't exist
+ */
+export function getSchemaTypeByName(name: string, schema: Schema): NodeType | MarkType | null {
+  return schema.nodes[name] || schema.marks[name] || null
+}
diff --git a/packages/core/src/helpers/getSchemaTypeNameByName.ts b/packages/core/src/helpers/getSchemaTypeNameByName.ts
new file mode 100644
index 0000000..63cce15
--- /dev/null
+++ b/packages/core/src/helpers/getSchemaTypeNameByName.ts
@@ -0,0 +1,19 @@
+import type { Schema } from '@tiptap/pm/model'
+
+/**
+ * Get the type of a schema item by its name.
+ * @param name The name of the schema item
+ * @param schema The Prosemiror schema to search in
+ * @returns The type of the schema item (`node` or `mark`), or null if it doesn't exist
+ */
+export function getSchemaTypeNameByName(name: string, schema: Schema): 'node' | 'mark' | null {
+  if (schema.nodes[name]) {
+    return 'node'
+  }
+
+  if (schema.marks[name]) {
+    return 'mark'
+  }
+
+  return null
+}
diff --git a/packages/core/src/helpers/getSplittedAttributes.ts b/packages/core/src/helpers/getSplittedAttributes.ts
new file mode 100644
index 0000000..4f194a9
--- /dev/null
+++ b/packages/core/src/helpers/getSplittedAttributes.ts
@@ -0,0 +1,28 @@
+import type { ExtensionAttribute } from '../types.js'
+
+/**
+ * Return attributes of an extension that should be splitted by keepOnSplit flag
+ * @param extensionAttributes Array of extension attributes
+ * @param typeName The type of the extension
+ * @param attributes The attributes of the extension
+ * @returns The splitted attributes
+ */
+export function getSplittedAttributes(
+  extensionAttributes: ExtensionAttribute[],
+  typeName: string,
+  attributes: Record<string, any>,
+): Record<string, any> {
+  return Object.fromEntries(
+    Object.entries(attributes).filter(([name]) => {
+      const extensionAttribute = extensionAttributes.find(item => {
+        return item.type === typeName && item.name === name
+      })
+
+      if (!extensionAttribute) {
+        return false
+      }
+
+      return extensionAttribute.attribute.keepOnSplit
+    }),
+  )
+}
diff --git a/packages/core/src/helpers/getText.ts b/packages/core/src/helpers/getText.ts
new file mode 100644
index 0000000..b5b6063
--- /dev/null
+++ b/packages/core/src/helpers/getText.ts
@@ -0,0 +1,28 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import type { TextSerializer } from '../types.js'
+import { getTextBetween } from './getTextBetween.js'
+
+/**
+ * Gets the text of a Prosemirror node
+ * @param node The Prosemirror node
+ * @param options Options for the text serializer & block separator
+ * @returns The text of the node
+ * @example ```js
+ * const text = getText(node, { blockSeparator: '\n' })
+ * ```
+ */
+export function getText(
+  node: PMNode,
+  options?: {
+    blockSeparator?: string
+    textSerializers?: Record<string, TextSerializer>
+  },
+) {
+  const range = {
+    from: 0,
+    to: node.content.size,
+  }
+
+  return getTextBetween(node, range, options)
+}
diff --git a/packages/core/src/helpers/getTextBetween.ts b/packages/core/src/helpers/getTextBetween.ts
new file mode 100644
index 0000000..4fb430f
--- /dev/null
+++ b/packages/core/src/helpers/getTextBetween.ts
@@ -0,0 +1,52 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import type { Range, TextSerializer } from '../types.js'
+
+/**
+ * Gets the text between two positions in a Prosemirror node
+ * and serializes it using the given text serializers and block separator (see getText)
+ * @param startNode The Prosemirror node to start from
+ * @param range The range of the text to get
+ * @param options Options for the text serializer & block separator
+ * @returns The text between the two positions
+ */
+export function getTextBetween(
+  startNode: PMNode,
+  range: Range,
+  options?: {
+    blockSeparator?: string
+    textSerializers?: Record<string, TextSerializer>
+  },
+): string {
+  const { from, to } = range
+  const { blockSeparator = '\n\n', textSerializers = {} } = options || {}
+  let text = ''
+
+  startNode.nodesBetween(from, to, (node, pos, parent, index) => {
+    if (node.isBlock && pos > from) {
+      text += blockSeparator
+    }
+
+    const textSerializer = textSerializers?.[node.type.name]
+
+    if (textSerializer) {
+      if (parent) {
+        text += textSerializer({
+          node,
+          pos,
+          parent,
+          index,
+          range,
+        })
+      }
+      // do not descend into child nodes when there exists a serializer
+      return false
+    }
+
+    if (node.isText) {
+      text += node?.text?.slice(Math.max(from, pos) - pos, to - pos) // oxlint-disable-line
+    }
+  })
+
+  return text
+}
diff --git a/packages/core/src/helpers/getTextContentFromNodes.test.ts b/packages/core/src/helpers/getTextContentFromNodes.test.ts
new file mode 100644
index 0000000..35621bf
--- /dev/null
+++ b/packages/core/src/helpers/getTextContentFromNodes.test.ts
@@ -0,0 +1,40 @@
+import Document from '@tiptap/extension-document'
+import Mention from '@tiptap/extension-mention'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Node as PMNode } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { getSchemaByResolvedExtensions } from './getSchemaByResolvedExtensions.js'
+import { getTextContentFromNodes } from './getTextContentFromNodes.js'
+
+describe(getTextContentFromNodes.name, () => {
+  it('gets text', () => {
+    const schema = getSchemaByResolvedExtensions([
+      Document,
+      Paragraph,
+      Text,
+      Mention.configure({ renderText: ({ node }) => `@${node.attrs.label ?? 'Unknown'}` }),
+    ])
+
+    const doc = PMNode.fromJSON(schema, {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: 'Start ' },
+            { type: 'mention', attrs: { id: 1, label: 'Mention' } },
+            { type: 'text', text: ' End' },
+          ],
+        },
+      ],
+    })
+
+    const pos = doc.resolve(12)
+
+    const text = getTextContentFromNodes(pos)
+
+    expect(text).toBe('Start @Mention End')
+  })
+})
diff --git a/packages/core/src/helpers/getTextContentFromNodes.ts b/packages/core/src/helpers/getTextContentFromNodes.ts
new file mode 100644
index 0000000..5a04a85
--- /dev/null
+++ b/packages/core/src/helpers/getTextContentFromNodes.ts
@@ -0,0 +1,34 @@
+import type { ResolvedPos } from '@tiptap/pm/model'
+
+/**
+ * Returns the text content of a resolved prosemirror position
+ * @param $from The resolved position to get the text content from
+ * @param maxMatch The maximum number of characters to match
+ * @returns The text content
+ */
+export const getTextContentFromNodes = ($from: ResolvedPos, maxMatch = 500) => {
+  let textBefore = ''
+
+  const sliceEndPos = $from.parentOffset
+
+  $from.parent.nodesBetween(
+    Math.max(0, sliceEndPos - maxMatch),
+    sliceEndPos,
+    (node, pos, parent, index) => {
+      const chunk =
+        node.type.spec.toText?.({
+          node,
+          pos,
+          parent,
+          index,
+        }) ||
+        node.textContent ||
+        '%leaf%'
+
+      textBefore +=
+        node.isAtom && !node.isText ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos))
+    },
+  )
+
+  return textBefore
+}
diff --git a/packages/core/src/helpers/getTextSerializersFromSchema.ts b/packages/core/src/helpers/getTextSerializersFromSchema.ts
new file mode 100644
index 0000000..fa99724
--- /dev/null
+++ b/packages/core/src/helpers/getTextSerializersFromSchema.ts
@@ -0,0 +1,16 @@
+import type { Schema } from '@tiptap/pm/model'
+
+import type { TextSerializer } from '../types.js'
+
+/**
+ * Find text serializers `toText` in a Prosemirror schema
+ * @param schema The Prosemirror schema to search in
+ * @returns A record of text serializers by node name
+ */
+export function getTextSerializersFromSchema(schema: Schema): Record<string, TextSerializer> {
+  return Object.fromEntries(
+    Object.entries(schema.nodes)
+      .filter(([, node]) => node.spec.toText)
+      .map(([name, node]) => [name, node.spec.toText]),
+  )
+}
diff --git a/packages/core/src/helpers/index.ts b/packages/core/src/helpers/index.ts
new file mode 100644
index 0000000..98aafd1
--- /dev/null
+++ b/packages/core/src/helpers/index.ts
@@ -0,0 +1,71 @@
+export * from './combineTransactionSteps.js'
+export * from './createChainableState.js'
+export * from './createDocument.js'
+export * from './createNodeFromContent.js'
+export * from './defaultBlockAt.js'
+export * from './findChildren.js'
+export * from './findChildrenInRange.js'
+export * from './findParentNode.js'
+export * from './findParentNodeClosestToPos.js'
+export * from './flattenExtensions.js'
+export * from './generateHTML.js'
+export * from './generateJSON.js'
+export * from './generateText.js'
+export * from './getAttributes.js'
+export * from './getAttributesFromExtensions.js'
+export * from './getChangedRanges.js'
+export * from './getDebugJSON.js'
+export * from './getExtensionField.js'
+export * from './getHTMLFromFragment.js'
+export * from './getMarkAttributes.js'
+export * from './getMarkRange.js'
+export * from './getMarksBetween.js'
+export * from './getMarkType.js'
+export * from './getNodeAtPosition.js'
+export * from './getNodeAttributes.js'
+export * from './getNodeType.js'
+export * from './getPreviousBlockSibling.js'
+export * from './getRenderedAttributes.js'
+export * from './getSchema.js'
+export * from './getSchemaByResolvedExtensions.js'
+export * from './getSchemaTypeByName.js'
+export * from './getSchemaTypeNameByName.js'
+export * from './getSplittedAttributes.js'
+export * from './getText.js'
+export * from './getTextBetween.js'
+export * from './getTextContentFromNodes.js'
+export * from './getTextSerializersFromSchema.js'
+export * from './injectExtensionAttributesToParseRule.js'
+export * from './isActive.js'
+export * from './isAtEndOfNode.js'
+export * from './isAtStartOfNode.js'
+export * from './isExtensionRulesEnabled.js'
+export * from './isList.js'
+export * from './isMarkActive.js'
+export * from './isNodeActive.js'
+export * from './isNodeEmpty.js'
+export * from './isNodeSelection.js'
+export * from './isNodeViewSelected.js'
+export * from './isProseMirrorAddMarkStep.js'
+export * from './isProseMirrorAddNodeMarkStep.js'
+export * from './isProseMirrorAttrStep.js'
+export * from './isProseMirrorCellSelection.js'
+export * from './isProseMirrorDocAttrStep.js'
+export * from './isProseMirrorFragment.js'
+export * from './isProseMirrorNodeSelection.js'
+export * from './isProseMirrorRemoveMarkStep.js'
+export * from './isProseMirrorRemoveNodeMarkStep.js'
+export * from './isProseMirrorReplaceAroundStep.js'
+export * from './isProseMirrorReplaceStep.js'
+export * from './isProseMirrorSlice.js'
+export * from './isProseMirrorStep.js'
+export * from './isProseMirrorStepResult.js'
+export * from './isTextSelection.js'
+export * from './MappablePosition.js'
+export * from './posToDOMRect.js'
+export * from './resolveExtensions.js'
+export * from './resolveFocusPosition.js'
+export * from './rewriteUnknownContent.js'
+export * from './selectionToInsertionEnd.js'
+export * from './sortExtensions.js'
+export * from './splitExtensions.js'
diff --git a/packages/core/src/helpers/injectExtensionAttributesToParseRule.ts b/packages/core/src/helpers/injectExtensionAttributesToParseRule.ts
new file mode 100644
index 0000000..32b8097
--- /dev/null
+++ b/packages/core/src/helpers/injectExtensionAttributesToParseRule.ts
@@ -0,0 +1,47 @@
+import type { ParseRule } from '@tiptap/pm/model'
+
+import type { ExtensionAttribute } from '../types.js'
+import { fromString } from '../utilities/fromString.js'
+
+/**
+ * This function merges extension attributes into parserule attributes (`attrs` or `getAttrs`).
+ * Cancels when `getAttrs` returned `false`.
+ * @param parseRule ProseMirror ParseRule
+ * @param extensionAttributes List of attributes to inject
+ */
+export function injectExtensionAttributesToParseRule(
+  parseRule: ParseRule,
+  extensionAttributes: ExtensionAttribute[],
+): ParseRule {
+  if ('style' in parseRule) {
+    return parseRule
+  }
+
+  return {
+    ...parseRule,
+    getAttrs: (node: HTMLElement) => {
+      const oldAttributes = parseRule.getAttrs ? parseRule.getAttrs(node) : parseRule.attrs
+
+      if (oldAttributes === false) {
+        return false
+      }
+
+      const newAttributes = extensionAttributes.reduce((items, item) => {
+        const value = item.attribute.parseHTML
+          ? item.attribute.parseHTML(node)
+          : fromString(node.getAttribute(item.name))
+
+        if (value === null || value === undefined) {
+          return items
+        }
+
+        return {
+          ...items,
+          [item.name]: value,
+        }
+      }, {})
+
+      return { ...oldAttributes, ...newAttributes }
+    },
+  }
+}
diff --git a/packages/core/src/helpers/isActive.test.ts b/packages/core/src/helpers/isActive.test.ts
new file mode 100644
index 0000000..61488fe
--- /dev/null
+++ b/packages/core/src/helpers/isActive.test.ts
@@ -0,0 +1,106 @@
+import CodeBlock from '@tiptap/extension-code-block'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Color, FontFamily, TextStyle } from '@tiptap/extension-text-style'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+
+describe('isActive', () => {
+  let editor: Editor | null = null
+
+  afterEach(() => {
+    editor?.destroy()
+    editor = null
+  })
+
+  it('should check the current node', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+    })
+
+    expect(editor.isActive('paragraph')).toBe(true)
+  })
+
+  it('should check non-existent nodes', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text],
+    })
+
+    expect(editor.isActive('doesNotExist')).toBe(false)
+  })
+
+  it('should check the current mark for correct values', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, TextStyle, FontFamily, Color],
+      content: `
+        <p><span style="font-family: Inter">text</span></p>
+      `,
+    })
+
+    expect(editor.isActive('textStyle', { fontFamily: 'Inter' })).toBe(true)
+  })
+
+  it('should check the current mark for false values', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, TextStyle, FontFamily, Color],
+      content: `
+        <p><span style="font-family: Inter; color: red">text</span></p>
+      `,
+    })
+
+    expect(editor.isActive('textStyle', { fontFamily: 'Comic Sans' })).toBe(false)
+  })
+
+  it('should check the current mark for any values', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, TextStyle, FontFamily],
+      content: `
+        <p><span style="font-family: Inter; color: red">text</span></p>
+      `,
+    })
+
+    expect(editor.isActive('textStyle', { fontFamily: /.*/ })).toBe(true)
+  })
+
+  it('should check the current mark for correct values (multiple)', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, TextStyle, FontFamily, Color],
+      content: `
+        <p><span style="font-family: Inter; color: red">text</span></p>
+      `,
+    })
+
+    expect(editor.isActive('textStyle', { fontFamily: 'Inter', color: 'red' })).toBe(true)
+  })
+
+  it('should check the current mark for false values (multiple)', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, TextStyle, FontFamily, Color],
+      content: `
+        <p><span style="font-family: Inter; color: red">text</span></p>
+      `,
+    })
+
+    expect(editor.isActive('textStyle', { fontFamily: 'Inter', color: 'green' })).toBe(false)
+  })
+
+  it('should skip code blocks when checking the current mark', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, TextStyle, FontFamily, CodeBlock],
+      content: `
+        <pre>code</pre>
+        <p><span style="font-family: Inter; color: red">text</span></p>
+      `,
+    })
+
+    // Selection that touches the code block and paragraph
+    editor.commands.setTextSelection({ from: 1, to: 9 })
+    expect(editor.isActive('textStyle', { fontFamily: /.*/ })).toBe(true)
+
+    // Selection that touches just the code block
+    editor.commands.setTextSelection({ from: 1, to: 3 })
+    expect(editor.isActive('textStyle', { fontFamily: /.*/ })).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isActive.ts b/packages/core/src/helpers/isActive.ts
new file mode 100644
index 0000000..c9e006e
--- /dev/null
+++ b/packages/core/src/helpers/isActive.ts
@@ -0,0 +1,27 @@
+import type { EditorState } from '@tiptap/pm/state'
+
+import { getSchemaTypeNameByName } from './getSchemaTypeNameByName.js'
+import { isMarkActive } from './isMarkActive.js'
+import { isNodeActive } from './isNodeActive.js'
+
+export function isActive(
+  state: EditorState,
+  name: string | null,
+  attributes: Record<string, any> = {},
+): boolean {
+  if (!name) {
+    return isNodeActive(state, null, attributes) || isMarkActive(state, null, attributes)
+  }
+
+  const schemaType = getSchemaTypeNameByName(name, state.schema)
+
+  if (schemaType === 'node') {
+    return isNodeActive(state, name, attributes)
+  }
+
+  if (schemaType === 'mark') {
+    return isMarkActive(state, name, attributes)
+  }
+
+  return false
+}
diff --git a/packages/core/src/helpers/isAtEndOfNode.ts b/packages/core/src/helpers/isAtEndOfNode.ts
new file mode 100644
index 0000000..35efe32
--- /dev/null
+++ b/packages/core/src/helpers/isAtEndOfNode.ts
@@ -0,0 +1,29 @@
+import type { EditorState } from '@tiptap/pm/state'
+
+import { findParentNode } from './findParentNode.js'
+
+export const isAtEndOfNode = (state: EditorState, nodeType?: string) => {
+  const { $from, $to, $anchor } = state.selection
+
+  if (nodeType) {
+    const parentNode = findParentNode(node => node.type.name === nodeType)(state.selection)
+
+    if (!parentNode) {
+      return false
+    }
+
+    const $parentPos = state.doc.resolve(parentNode.pos + 1)
+
+    if ($anchor.pos + 1 === $parentPos.end()) {
+      return true
+    }
+
+    return false
+  }
+
+  if ($to.parentOffset < $to.parent.nodeSize - 2 || $from.pos !== $to.pos) {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isAtStartOfNode.ts b/packages/core/src/helpers/isAtStartOfNode.ts
new file mode 100644
index 0000000..a5b21ca
--- /dev/null
+++ b/packages/core/src/helpers/isAtStartOfNode.ts
@@ -0,0 +1,11 @@
+import type { EditorState } from '@tiptap/pm/state'
+
+export const isAtStartOfNode = (state: EditorState) => {
+  const { $from, $to } = state.selection
+
+  if ($from.parentOffset > 0 || $from.pos !== $to.pos) {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isExtensionRulesEnabled.ts b/packages/core/src/helpers/isExtensionRulesEnabled.ts
new file mode 100644
index 0000000..c9d91ea
--- /dev/null
+++ b/packages/core/src/helpers/isExtensionRulesEnabled.ts
@@ -0,0 +1,13 @@
+import type { AnyExtension, EnableRules } from '../types.js'
+
+export function isExtensionRulesEnabled(extension: AnyExtension, enabled: EnableRules): boolean {
+  if (Array.isArray(enabled)) {
+    return enabled.some(enabledExtension => {
+      const name = typeof enabledExtension === 'string' ? enabledExtension : enabledExtension.name
+
+      return name === extension.name
+    })
+  }
+
+  return enabled
+}
diff --git a/packages/core/src/helpers/isFragment.ts b/packages/core/src/helpers/isFragment.ts
new file mode 100644
index 0000000..ebd0b56
--- /dev/null
+++ b/packages/core/src/helpers/isFragment.ts
@@ -0,0 +1,14 @@
+import type { Fragment, Node as PMNode } from '@tiptap/pm/model'
+
+/**
+ * Checks whether a node or fragment is a fragment. Looks for a missing `type` field,
+ * because `instanceof` fails when prosemirror-model is loaded twice.
+ * @param nodeOrFragment A ProseMirror node or fragment
+ * @returns True for a fragment, false for a node
+ * @example ```js
+ * isFragment(editor.state.doc.content)
+ * ```
+ */
+export function isFragment(nodeOrFragment: PMNode | Fragment): nodeOrFragment is Fragment {
+  return !('type' in nodeOrFragment)
+}
diff --git a/packages/core/src/helpers/isList.ts b/packages/core/src/helpers/isList.ts
new file mode 100644
index 0000000..40088bd
--- /dev/null
+++ b/packages/core/src/helpers/isList.ts
@@ -0,0 +1,27 @@
+import { getExtensionField } from '../helpers/getExtensionField.js'
+import type { NodeConfig } from '../index.js'
+import type { Extensions } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
+import { splitExtensions } from './splitExtensions.js'
+
+export function isList(name: string, extensions: Extensions): boolean {
+  const { nodeExtensions } = splitExtensions(extensions)
+  const extension = nodeExtensions.find(item => item.name === name)
+
+  if (!extension) {
+    return false
+  }
+
+  const context = {
+    name: extension.name,
+    options: extension.options,
+    storage: extension.storage,
+  }
+  const group = callOrReturn(getExtensionField<NodeConfig['group']>(extension, 'group', context))
+
+  if (typeof group !== 'string') {
+    return false
+  }
+
+  return group.split(' ').includes('list')
+}
diff --git a/packages/core/src/helpers/isMarkActive.ts b/packages/core/src/helpers/isMarkActive.ts
new file mode 100644
index 0000000..ddfc31e
--- /dev/null
+++ b/packages/core/src/helpers/isMarkActive.ts
@@ -0,0 +1,94 @@
+import type { MarkType } from '@tiptap/pm/model'
+import type { EditorState } from '@tiptap/pm/state'
+
+import type { MarkRange } from '../types.js'
+import { objectIncludes } from '../utilities/objectIncludes.js'
+import { getMarkType } from './getMarkType.js'
+
+export function isMarkActive(
+  state: EditorState,
+  typeOrName: MarkType | string | null,
+  attributes: Record<string, any> = {},
+): boolean {
+  const { empty, ranges } = state.selection
+  const type = typeOrName ? getMarkType(typeOrName, state.schema) : null
+
+  if (empty) {
+    return !!(state.storedMarks || state.selection.$from.marks())
+      .filter(mark => {
+        if (!type) {
+          return true
+        }
+
+        return type.name === mark.type.name
+      })
+      .find(mark => objectIncludes(mark.attrs, attributes, { strict: false }))
+  }
+
+  let selectionRange = 0
+  const markRanges: MarkRange[] = []
+
+  ranges.forEach(({ $from, $to }) => {
+    const from = $from.pos
+    const to = $to.pos
+
+    state.doc.nodesBetween(from, to, (node, pos) => {
+      // ignore selected text inside nodes whose schema disallows this mark type
+      if (type && node.inlineContent && !node.type.allowsMarkType(type)) {
+        return false
+      }
+
+      if (!node.isText && !node.marks.length) {
+        return
+      }
+
+      const relativeFrom = Math.max(from, pos)
+      const relativeTo = Math.min(to, pos + node.nodeSize)
+      const range = relativeTo - relativeFrom
+
+      selectionRange += range
+
+      markRanges.push(
+        ...node.marks.map(mark => ({
+          mark,
+          from: relativeFrom,
+          to: relativeTo,
+        })),
+      )
+    })
+  })
+
+  if (selectionRange === 0) {
+    return false
+  }
+
+  // calculate range of matched mark
+  const matchedRange = markRanges
+    .filter(markRange => {
+      if (!type) {
+        return true
+      }
+
+      return type.name === markRange.mark.type.name
+    })
+    .filter(markRange => objectIncludes(markRange.mark.attrs, attributes, { strict: false }))
+    .reduce((sum, markRange) => sum + markRange.to - markRange.from, 0)
+
+  // calculate range of marks that excludes the searched mark
+  // for example `code` doesn’t allow any other marks
+  const excludedRange = markRanges
+    .filter(markRange => {
+      if (!type) {
+        return true
+      }
+
+      return markRange.mark.type !== type && markRange.mark.type.excludes(type)
+    })
+    .reduce((sum, markRange) => sum + markRange.to - markRange.from, 0)
+
+  // we only include the result of `excludedRange`
+  // if there is a match at all
+  const range = matchedRange > 0 ? matchedRange + excludedRange : matchedRange
+
+  return range >= selectionRange
+}
diff --git a/packages/core/src/helpers/isNodeActive.ts b/packages/core/src/helpers/isNodeActive.ts
new file mode 100644
index 0000000..8e21eb6
--- /dev/null
+++ b/packages/core/src/helpers/isNodeActive.ts
@@ -0,0 +1,51 @@
+import type { NodeType } from '@tiptap/pm/model'
+import type { EditorState } from '@tiptap/pm/state'
+
+import type { NodeRange } from '../types.js'
+import { objectIncludes } from '../utilities/objectIncludes.js'
+import { getNodeType } from './getNodeType.js'
+
+export function isNodeActive(
+  state: EditorState,
+  typeOrName: NodeType | string | null,
+  attributes: Record<string, any> = {},
+): boolean {
+  const { from, to, empty } = state.selection
+  const type = typeOrName ? getNodeType(typeOrName, state.schema) : null
+
+  const nodeRanges: NodeRange[] = []
+
+  state.doc.nodesBetween(from, to, (node, pos) => {
+    if (node.isText) {
+      return
+    }
+
+    const relativeFrom = Math.max(from, pos)
+    const relativeTo = Math.min(to, pos + node.nodeSize)
+
+    nodeRanges.push({
+      node,
+      from: relativeFrom,
+      to: relativeTo,
+    })
+  })
+
+  const selectionRange = to - from
+  const matchedNodeRanges = nodeRanges
+    .filter(nodeRange => {
+      if (!type) {
+        return true
+      }
+
+      return type.name === nodeRange.node.type.name
+    })
+    .filter(nodeRange => objectIncludes(nodeRange.node.attrs, attributes, { strict: false }))
+
+  if (empty) {
+    return !!matchedNodeRanges.length
+  }
+
+  const range = matchedNodeRanges.reduce((sum, nodeRange) => sum + nodeRange.to - nodeRange.from, 0)
+
+  return range >= selectionRange
+}
diff --git a/packages/core/src/helpers/isNodeEmpty.test.ts b/packages/core/src/helpers/isNodeEmpty.test.ts
new file mode 100644
index 0000000..b5f9cee
--- /dev/null
+++ b/packages/core/src/helpers/isNodeEmpty.test.ts
@@ -0,0 +1,250 @@
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Mention from '@tiptap/extension-mention'
+import StarterKit from '@tiptap/starter-kit'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { getSchema } from './getSchema.js'
+import { isNodeEmpty } from './isNodeEmpty.js'
+
+const schema = getSchema([StarterKit, Mention])
+const modifiedSchema = getSchema([
+  StarterKit.configure({ document: false }),
+  Document.extend({ content: 'heading block*' }),
+])
+const imageSchema = getSchema([
+  StarterKit.configure({ document: false }),
+  Document.extend({ content: 'image block*' }),
+  Image,
+])
+
+describe('isNodeEmpty', () => {
+  describe('ignoreWhitespace=true', () => {
+    it('should return true when text has only whitespace', () => {
+      const node = schema.nodeFromJSON({ type: 'text', text: ' \n\t\r\n' })
+
+      expect(isNodeEmpty(node, { ignoreWhitespace: true })).toBe(true)
+    })
+
+    it('should return false when multi-line text contains non-whitespace content', () => {
+      const node = schema.nodeFromJSON({ type: 'text', text: 'Hello\n\nWorld' })
+
+      expect(isNodeEmpty(node, { ignoreWhitespace: true })).toBe(false)
+    })
+
+    it('should return true when a paragraph has only whitespace', () => {
+      const node = schema.nodeFromJSON({
+        type: 'paragraph',
+        content: [{ type: 'text', text: ' \n\t\r\n' }],
+      })
+
+      expect(isNodeEmpty(node, { ignoreWhitespace: true })).toBe(true)
+    })
+
+    it('should return true for a hardbreak', () => {
+      const node = schema.nodeFromJSON({ type: 'hardBreak' })
+
+      expect(isNodeEmpty(node, { ignoreWhitespace: true })).toBe(true)
+    })
+
+    it('should return true when a paragraph has only a hardbreak', () => {
+      const node = schema.nodeFromJSON({
+        type: 'paragraph',
+        content: [{ type: 'hardBreak' }],
+      })
+
+      expect(isNodeEmpty(node, { ignoreWhitespace: true })).toBe(true)
+    })
+  })
+
+  describe('with default schema', () => {
+    it('should return false when text has content', () => {
+      const node = schema.nodeFromJSON({ type: 'text', text: 'Hello world!' })
+
+      expect(isNodeEmpty(node)).toBe(false)
+    })
+
+    it('should return false when a paragraph has text', () => {
+      const node = schema.nodeFromJSON({
+        type: 'paragraph',
+        content: [{ type: 'text', text: 'Hello world!' }],
+      })
+
+      expect(isNodeEmpty(node)).toBe(false)
+    })
+
+    it('should return false when a paragraph has hardbreaks', () => {
+      const node = schema.nodeFromJSON({
+        type: 'paragraph',
+        content: [{ type: 'hardBreak' }],
+      })
+
+      expect(isNodeEmpty(node)).toBe(false)
+    })
+
+    it('should return false when a paragraph has a mention', () => {
+      const node = schema.nodeFromJSON({
+        type: 'paragraph',
+        content: [
+          {
+            type: 'mention',
+            attrs: {
+              id: 'Winona Ryder',
+              label: null,
+            },
+          },
+        ],
+      })
+
+      expect(isNodeEmpty(node)).toBe(false)
+    })
+
+    it('should return true when a paragraph has no content', () => {
+      const node = schema.nodeFromJSON({
+        type: 'paragraph',
+        content: [],
+      })
+
+      expect(isNodeEmpty(node)).toBe(true)
+    })
+
+    it('should return true when a paragraph has additional attrs & no content', () => {
+      const node = schema.nodeFromJSON({
+        type: 'paragraph',
+        content: [],
+        attrs: {
+          id: 'test',
+        },
+      })
+
+      expect(isNodeEmpty(node)).toBe(true)
+    })
+
+    it('should return true when a paragraph has additional marks & no content', () => {
+      const node = schema.nodeFromJSON({
+        type: 'paragraph',
+        content: [],
+        attrs: {
+          id: 'test',
+        },
+        marks: [{ type: 'bold' }],
+      })
+
+      expect(isNodeEmpty(node)).toBe(true)
+    })
+
+    it('should return false when a document has text', () => {
+      const node = schema.nodeFromJSON({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'Hello world!' }],
+          },
+        ],
+      })
+
+      expect(isNodeEmpty(node)).toBe(false)
+    })
+    it('should return true when a document has an empty paragraph', () => {
+      const node = schema.nodeFromJSON({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [],
+          },
+        ],
+      })
+
+      expect(isNodeEmpty(node)).toBe(true)
+    })
+  })
+
+  describe('with modified schema', () => {
+    it('should return false when a document has a filled heading', () => {
+      const node = modifiedSchema.nodeFromJSON({
+        type: 'doc',
+        content: [
+          {
+            type: 'heading',
+            content: [{ type: 'text', text: 'Hello world!' }],
+          },
+        ],
+      })
+
+      expect(isNodeEmpty(node)).toBe(false)
+    })
+
+    it('should return false when a document has a filled paragraph', () => {
+      const node = modifiedSchema.nodeFromJSON({
+        type: 'doc',
+        content: [
+          { type: 'heading' },
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'Hello world!' }],
+          },
+        ],
+      })
+
+      expect(isNodeEmpty(node)).toBe(false)
+    })
+
+    it('should return true when a document has an empty heading', () => {
+      const node = modifiedSchema.nodeFromJSON({
+        type: 'doc',
+        content: [
+          { type: 'heading', content: [] },
+          { type: 'paragraph', content: [] },
+        ],
+      })
+
+      expect(isNodeEmpty(node)).toBe(true)
+    })
+
+    it('should return true when a document has an empty heading with attrs', () => {
+      const node = modifiedSchema.nodeFromJSON({
+        type: 'doc',
+        content: [{ type: 'heading', content: [], attrs: { level: 2 } }],
+      })
+
+      expect(isNodeEmpty(node)).toBe(true)
+    })
+
+    it('should return true when a document has an empty heading & paragraph', () => {
+      const node = modifiedSchema.nodeFromJSON({
+        type: 'doc',
+        content: [
+          { type: 'heading', content: [] },
+          { type: 'paragraph', content: [] },
+        ],
+      })
+
+      expect(isNodeEmpty(node)).toBe(true)
+    })
+    it('should return true when a document has an empty heading & paragraph with attributes', () => {
+      const node = modifiedSchema.nodeFromJSON({
+        type: 'doc',
+        content: [
+          { type: 'heading', content: [], attrs: { id: 'test' } },
+          { type: 'paragraph', content: [], attrs: { id: 'test' } },
+        ],
+      })
+
+      expect(isNodeEmpty(node)).toBe(true)
+    })
+
+    it('can handle an image node', () => {
+      const node = imageSchema.nodeFromJSON({
+        type: 'doc',
+        content: [
+          { type: 'image', attrs: { src: 'https://examples.com' } },
+          { type: 'heading', content: [] },
+        ],
+      })
+
+      expect(isNodeEmpty(node)).toBe(false)
+    })
+  })
+})
diff --git a/packages/core/src/helpers/isNodeEmpty.ts b/packages/core/src/helpers/isNodeEmpty.ts
new file mode 100644
index 0000000..7886f47
--- /dev/null
+++ b/packages/core/src/helpers/isNodeEmpty.ts
@@ -0,0 +1,62 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+/**
+ * Returns true if the given prosemirror node is empty.
+ */
+export function isNodeEmpty(
+  node: PMNode,
+  {
+    checkChildren = true,
+    ignoreWhitespace = false,
+  }: {
+    /**
+     * When true (default), it will also check if all children are empty.
+     */
+    checkChildren?: boolean
+    /**
+     * When true, it will ignore whitespace when checking for emptiness.
+     */
+    ignoreWhitespace?: boolean
+  } = {},
+): boolean {
+  if (ignoreWhitespace) {
+    if (node.type.name === 'hardBreak') {
+      // Hard breaks are considered empty
+      return true
+    }
+    if (node.isText) {
+      return !/\S/.test(node.text ?? '')
+    }
+  }
+
+  if (node.isText) {
+    return !node.text
+  }
+
+  if (node.isAtom || node.isLeaf) {
+    return false
+  }
+
+  if (node.content.childCount === 0) {
+    return true
+  }
+
+  if (checkChildren) {
+    let isContentEmpty = true
+
+    node.content.forEach(childNode => {
+      if (isContentEmpty === false) {
+        // Exit early for perf
+        return
+      }
+
+      if (!isNodeEmpty(childNode, { ignoreWhitespace, checkChildren })) {
+        isContentEmpty = false
+      }
+    })
+
+    return isContentEmpty
+  }
+
+  return false
+}
diff --git a/packages/core/src/helpers/isNodeSelection.ts b/packages/core/src/helpers/isNodeSelection.ts
new file mode 100644
index 0000000..f915606
--- /dev/null
+++ b/packages/core/src/helpers/isNodeSelection.ts
@@ -0,0 +1,5 @@
+import { NodeSelection } from '@tiptap/pm/state'
+
+export function isNodeSelection(value: unknown): value is NodeSelection {
+  return value instanceof NodeSelection
+}
diff --git a/packages/core/src/helpers/isNodeViewSelected.test.ts b/packages/core/src/helpers/isNodeViewSelected.test.ts
new file mode 100644
index 0000000..5c2b397
--- /dev/null
+++ b/packages/core/src/helpers/isNodeViewSelected.test.ts
@@ -0,0 +1,218 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { NodeSelection, TextSelection } from '@tiptap/pm/state'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+import { Node } from '../Node.js'
+import { isNodeViewSelected } from './isNodeViewSelected.js'
+
+const BlockWithContent = Node.create({
+  name: 'blockWithContent',
+  group: 'block',
+  content: 'text*',
+
+  parseHTML() {
+    return [{ tag: 'block-with-content' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['block-with-content', HTMLAttributes, 0]
+  },
+})
+
+const AtomBlock = Node.create({
+  name: 'atomBlock',
+  group: 'block',
+  atom: true,
+
+  parseHTML() {
+    return [{ tag: 'atom-block' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['atom-block', HTMLAttributes]
+  },
+})
+
+describe('isNodeViewSelected', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('returns true when a NodeSelection wraps the node', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, AtomBlock],
+      content: '<atom-block></atom-block>',
+    })
+
+    const pos = 0
+    const node = editor.state.doc.nodeAt(pos)!
+    editor.view.dispatch(editor.state.tr.setSelection(NodeSelection.create(editor.state.doc, pos)))
+
+    expect(
+      isNodeViewSelected({
+        selection: editor.state.selection,
+        pos,
+        nodeSize: node.nodeSize,
+      }),
+    ).toBe(true)
+  })
+
+  it('returns true when a TextSelection fully engulfs the node', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BlockWithContent],
+      content: '<block-with-content>hello</block-with-content>',
+    })
+
+    const pos = 0
+    const node = editor.state.doc.nodeAt(pos)!
+    // Selection from before the node to after it.
+    editor.view.dispatch(
+      editor.state.tr.setSelection(TextSelection.create(editor.state.doc, 0, node.nodeSize)),
+    )
+
+    expect(
+      isNodeViewSelected({
+        selection: editor.state.selection,
+        pos,
+        nodeSize: node.nodeSize,
+      }),
+    ).toBe(true)
+  })
+
+  it('returns false when the cursor is inside the node and the option is disabled', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BlockWithContent],
+      content: '<block-with-content>hello</block-with-content>',
+    })
+
+    const pos = 0
+    const node = editor.state.doc.nodeAt(pos)!
+    // Place cursor inside the text content.
+    editor.view.dispatch(editor.state.tr.setSelection(TextSelection.create(editor.state.doc, 3)))
+
+    expect(
+      isNodeViewSelected({
+        selection: editor.state.selection,
+        pos,
+        nodeSize: node.nodeSize,
+      }),
+    ).toBe(false)
+  })
+
+  it('returns true when the cursor is inside the node and the option is enabled', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BlockWithContent],
+      content: '<block-with-content>hello</block-with-content>',
+    })
+
+    const pos = 0
+    const node = editor.state.doc.nodeAt(pos)!
+    editor.view.dispatch(editor.state.tr.setSelection(TextSelection.create(editor.state.doc, 3)))
+
+    expect(
+      isNodeViewSelected({
+        selection: editor.state.selection,
+        pos,
+        nodeSize: node.nodeSize,
+        selectedOnTextSelection: true,
+      }),
+    ).toBe(true)
+  })
+
+  it('returns false when the selection is outside the node even with the option enabled', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BlockWithContent],
+      content: '<block-with-content>hello</block-with-content><p>world</p>',
+    })
+
+    const pos = 0
+    const node = editor.state.doc.nodeAt(pos)!
+    const outsidePos = node.nodeSize + 2
+    editor.view.dispatch(
+      editor.state.tr.setSelection(TextSelection.create(editor.state.doc, outsidePos)),
+    )
+
+    expect(
+      isNodeViewSelected({
+        selection: editor.state.selection,
+        pos,
+        nodeSize: node.nodeSize,
+        selectedOnTextSelection: true,
+      }),
+    ).toBe(false)
+  })
+
+  it('returns false when the cursor sits exactly at the node boundary before it with the option enabled', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BlockWithContent],
+      content: '<block-with-content>hello</block-with-content>',
+    })
+
+    const pos = 0
+    const node = editor.state.doc.nodeAt(pos)!
+    // Cursor at `pos` is the gap *before* the node, not inside it.
+    editor.view.dispatch(editor.state.tr.setSelection(TextSelection.create(editor.state.doc, pos)))
+
+    expect(
+      isNodeViewSelected({
+        selection: editor.state.selection,
+        pos,
+        nodeSize: node.nodeSize,
+        selectedOnTextSelection: true,
+      }),
+    ).toBe(false)
+  })
+
+  it('returns false when the cursor sits exactly at the node boundary after it with the option enabled', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BlockWithContent],
+      content: '<block-with-content>hello</block-with-content><p>world</p>',
+    })
+
+    const pos = 0
+    const node = editor.state.doc.nodeAt(pos)!
+    // Cursor at `pos + nodeSize` is the gap *after* the node, not inside it.
+    editor.view.dispatch(
+      editor.state.tr.setSelection(TextSelection.create(editor.state.doc, pos + node.nodeSize)),
+    )
+
+    expect(
+      isNodeViewSelected({
+        selection: editor.state.selection,
+        pos,
+        nodeSize: node.nodeSize,
+        selectedOnTextSelection: true,
+      }),
+    ).toBe(false)
+  })
+
+  it('returns false on a partial overlap (selection crosses the boundary) with the option enabled', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BlockWithContent],
+      content: '<block-with-content>hello</block-with-content><p>world</p>',
+    })
+
+    const pos = 0
+    const node = editor.state.doc.nodeAt(pos)!
+    // Start inside the node, end outside it.
+    const from = 2
+    const to = node.nodeSize + 2
+    editor.view.dispatch(
+      editor.state.tr.setSelection(TextSelection.create(editor.state.doc, from, to)),
+    )
+
+    expect(
+      isNodeViewSelected({
+        selection: editor.state.selection,
+        pos,
+        nodeSize: node.nodeSize,
+        selectedOnTextSelection: true,
+      }),
+    ).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isNodeViewSelected.ts b/packages/core/src/helpers/isNodeViewSelected.ts
new file mode 100644
index 0000000..6b37838
--- /dev/null
+++ b/packages/core/src/helpers/isNodeViewSelected.ts
@@ -0,0 +1,42 @@
+import type { Selection } from '@tiptap/pm/state'
+
+import { isTextSelection } from './isTextSelection.js'
+
+/**
+ * Determines whether a node view should be considered selected for the given
+ * editor selection.
+ *
+ * A node is considered selected when the current selection fully covers it
+ * (e.g. a `NodeSelection`). When `selectedOnTextSelection` is enabled, the
+ * node is additionally considered selected if a `TextSelection` is fully
+ * contained within the node's range.
+ *
+ * @param selection The current editor selection.
+ * @param pos The start position of the node in the document.
+ * @param nodeSize The size of the node.
+ * @param selectedOnTextSelection When `true`, also treat selections inside the node as selected.
+ * @returns `true` if the node view should render as selected.
+ */
+export function isNodeViewSelected({
+  selection,
+  pos,
+  nodeSize,
+  selectedOnTextSelection = false,
+}: {
+  selection: Selection
+  pos: number
+  nodeSize: number
+  selectedOnTextSelection?: boolean
+}): boolean {
+  const { from, to } = selection
+
+  if (from <= pos && to >= pos + nodeSize) {
+    return true
+  }
+
+  if (selectedOnTextSelection && isTextSelection(selection) && from > pos && to < pos + nodeSize) {
+    return true
+  }
+
+  return false
+}
diff --git a/packages/core/src/helpers/isProseMirrorAddMarkStep.test.ts b/packages/core/src/helpers/isProseMirrorAddMarkStep.test.ts
new file mode 100644
index 0000000..f9e195e
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorAddMarkStep.test.ts
@@ -0,0 +1,19 @@
+import type { Mark } from '@tiptap/pm/model'
+import { AddMarkStep, RemoveMarkStep } from '@tiptap/pm/transform'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorAddMarkStep } from './isProseMirrorAddMarkStep.js'
+
+const mark = { toJSON: () => ({ type: 'bold', attrs: {} }) } as unknown as Mark
+
+describe('isProseMirrorAddMarkStep', () => {
+  it('returns true for an AddMarkStep', () => {
+    expect(isProseMirrorAddMarkStep(new AddMarkStep(1, 5, mark))).toBe(true)
+  })
+
+  it('returns false for other steps and values', () => {
+    expect(isProseMirrorAddMarkStep(new RemoveMarkStep(1, 5, mark))).toBe(false)
+    expect(isProseMirrorAddMarkStep(null)).toBe(false)
+    expect(isProseMirrorAddMarkStep({})).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorAddMarkStep.ts b/packages/core/src/helpers/isProseMirrorAddMarkStep.ts
new file mode 100644
index 0000000..0b0cae3
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorAddMarkStep.ts
@@ -0,0 +1,31 @@
+import { type AddMarkStep } from '@tiptap/pm/transform'
+import { isProseMirrorStep } from './isProseMirrorStep.js'
+
+/**
+ * Checks if a value is a ProseMirror add mark step
+ * @param value The value to check
+ * @returns - A boolean, if the boolean is true the value is a ProseMirror AddMarkStep
+ * @example ```js
+ * isProseMirrorAddMarkStep(transaction.steps[0])
+ * ```
+ */
+export function isProseMirrorAddMarkStep(value: unknown): value is AddMarkStep {
+  if (value === null || typeof value !== 'object') {
+    return false
+  }
+
+  const step = value as Record<string, unknown>
+
+  if (!isProseMirrorStep(step)) {
+    return false
+  }
+
+  const json = step.toJSON()
+
+  // we use the steps jsonID to check if the step is an add mark step
+  if (json === null || typeof json !== 'object' || json.stepType !== 'addMark') {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isProseMirrorAddNodeMarkStep.test.ts b/packages/core/src/helpers/isProseMirrorAddNodeMarkStep.test.ts
new file mode 100644
index 0000000..4fc3cf1
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorAddNodeMarkStep.test.ts
@@ -0,0 +1,19 @@
+import type { Mark } from '@tiptap/pm/model'
+import { AddNodeMarkStep, RemoveNodeMarkStep } from '@tiptap/pm/transform'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorAddNodeMarkStep } from './isProseMirrorAddNodeMarkStep.js'
+
+const mark = { toJSON: () => ({ type: 'bold', attrs: {} }) } as unknown as Mark
+
+describe('isProseMirrorAddNodeMarkStep', () => {
+  it('returns true for an AddNodeMarkStep', () => {
+    expect(isProseMirrorAddNodeMarkStep(new AddNodeMarkStep(1, mark))).toBe(true)
+  })
+
+  it('returns false for other steps and values', () => {
+    expect(isProseMirrorAddNodeMarkStep(new RemoveNodeMarkStep(1, mark))).toBe(false)
+    expect(isProseMirrorAddNodeMarkStep(null)).toBe(false)
+    expect(isProseMirrorAddNodeMarkStep({})).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorAddNodeMarkStep.ts b/packages/core/src/helpers/isProseMirrorAddNodeMarkStep.ts
new file mode 100644
index 0000000..05cef4b
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorAddNodeMarkStep.ts
@@ -0,0 +1,31 @@
+import { type AddNodeMarkStep } from '@tiptap/pm/transform'
+import { isProseMirrorStep } from './isProseMirrorStep.js'
+
+/**
+ * Checks if a value is a ProseMirror add node mark step
+ * @param value The value to check
+ * @returns - A boolean, if the boolean is true the value is a ProseMirror AddNodeMarkStep
+ * @example ```js
+ * isProseMirrorAddNodeMarkStep(transaction.steps[0])
+ * ```
+ */
+export function isProseMirrorAddNodeMarkStep(value: unknown): value is AddNodeMarkStep {
+  if (value === null || typeof value !== 'object') {
+    return false
+  }
+
+  const step = value as Record<string, unknown>
+
+  if (!isProseMirrorStep(step)) {
+    return false
+  }
+
+  const json = step.toJSON()
+
+  // we use the steps jsonID to check if the step is an add node mark step
+  if (json === null || typeof json !== 'object' || json.stepType !== 'addNodeMark') {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isProseMirrorAttrStep.test.ts b/packages/core/src/helpers/isProseMirrorAttrStep.test.ts
new file mode 100644
index 0000000..cb92eb9
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorAttrStep.test.ts
@@ -0,0 +1,17 @@
+import { AttrStep, ReplaceStep } from '@tiptap/pm/transform'
+import { Slice } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorAttrStep } from './isProseMirrorAttrStep.js'
+
+describe('isProseMirrorAttrStep', () => {
+  it('returns true for an AttrStep', () => {
+    expect(isProseMirrorAttrStep(new AttrStep(1, 'src', 'image.png'))).toBe(true)
+  })
+
+  it('returns false for other steps and values', () => {
+    expect(isProseMirrorAttrStep(new ReplaceStep(1, 5, Slice.empty))).toBe(false)
+    expect(isProseMirrorAttrStep(null)).toBe(false)
+    expect(isProseMirrorAttrStep({})).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorAttrStep.ts b/packages/core/src/helpers/isProseMirrorAttrStep.ts
new file mode 100644
index 0000000..608661c
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorAttrStep.ts
@@ -0,0 +1,31 @@
+import { type AttrStep } from '@tiptap/pm/transform'
+import { isProseMirrorStep } from './isProseMirrorStep.js'
+
+/**
+ * Checks if a value is a ProseMirror attribute step
+ * @param value The value to check
+ * @returns - A boolean, if the boolean is true the value is a ProseMirror AttrStep
+ * @example ```js
+ * isProseMirrorAttrStep(transaction.steps[0])
+ * ```
+ */
+export function isProseMirrorAttrStep(value: unknown): value is AttrStep {
+  if (value === null || typeof value !== 'object') {
+    return false
+  }
+
+  const step = value as Record<string, unknown>
+
+  if (!isProseMirrorStep(step)) {
+    return false
+  }
+
+  const json = step.toJSON()
+
+  // we use the steps jsonID to check if the step is an attribute step
+  if (json === null || typeof json !== 'object' || json.stepType !== 'attr') {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isProseMirrorCellSelection.test.ts b/packages/core/src/helpers/isProseMirrorCellSelection.test.ts
new file mode 100644
index 0000000..c906b94
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorCellSelection.test.ts
@@ -0,0 +1,17 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorCellSelection } from './isProseMirrorCellSelection.js'
+
+describe('isProseMirrorCellSelection', () => {
+  it('returns true for a value with the cell-iteration API', () => {
+    expect(isProseMirrorCellSelection({ forEachCell: () => {} })).toBe(true)
+  })
+
+  it('returns false for other selections and values', () => {
+    expect(isProseMirrorCellSelection(null)).toBe(false)
+    expect(isProseMirrorCellSelection(undefined)).toBe(false)
+    expect(isProseMirrorCellSelection({})).toBe(false)
+    expect(isProseMirrorCellSelection('selection')).toBe(false)
+    expect(isProseMirrorCellSelection(42)).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorCellSelection.ts b/packages/core/src/helpers/isProseMirrorCellSelection.ts
new file mode 100644
index 0000000..43a215f
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorCellSelection.ts
@@ -0,0 +1,18 @@
+import type { CellSelection } from '@tiptap/pm/tables'
+
+/**
+ * Check whether a selection provides the cell-iteration API.
+ *
+ * @param selection - Selection to inspect.
+ * @returns Whether the selection is a table cell selection.
+ * @example ```js
+ * isProseMirrorCellSelection(editor.state.selection)
+ * ```
+ */
+export function isProseMirrorCellSelection(selection: unknown): selection is CellSelection {
+  if (selection === null || typeof selection !== 'object') {
+    return false
+  }
+
+  return 'forEachCell' in selection && typeof selection.forEachCell === 'function'
+}
diff --git a/packages/core/src/helpers/isProseMirrorContent.ts b/packages/core/src/helpers/isProseMirrorContent.ts
new file mode 100644
index 0000000..1667491
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorContent.ts
@@ -0,0 +1,14 @@
+import type { Fragment, Node as PMNode } from '@tiptap/pm/model'
+
+/**
+ * Checks whether a value is already a ProseMirror node or fragment. Looks for the
+ * `nodesBetween` method, because `instanceof` fails when prosemirror-model is loaded twice.
+ * @param value Any value that could be passed as content
+ * @returns True for a node or a fragment, false for JSON, HTML and everything else
+ * @example ```js
+ * isProseMirrorContent(editor.state.doc)
+ * ```
+ */
+export function isProseMirrorContent(value: unknown): value is PMNode | Fragment {
+  return typeof (value as PMNode | Fragment | undefined)?.nodesBetween === 'function'
+}
diff --git a/packages/core/src/helpers/isProseMirrorDocAttrStep.test.ts b/packages/core/src/helpers/isProseMirrorDocAttrStep.test.ts
new file mode 100644
index 0000000..84a4a60
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorDocAttrStep.test.ts
@@ -0,0 +1,17 @@
+import { DocAttrStep, ReplaceStep } from '@tiptap/pm/transform'
+import { Slice } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorDocAttrStep } from './isProseMirrorDocAttrStep.js'
+
+describe('isProseMirrorDocAttrStep', () => {
+  it('returns true for a DocAttrStep', () => {
+    expect(isProseMirrorDocAttrStep(new DocAttrStep('title', 'demo'))).toBe(true)
+  })
+
+  it('returns false for other steps and values', () => {
+    expect(isProseMirrorDocAttrStep(new ReplaceStep(1, 5, Slice.empty))).toBe(false)
+    expect(isProseMirrorDocAttrStep(null)).toBe(false)
+    expect(isProseMirrorDocAttrStep({})).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorDocAttrStep.ts b/packages/core/src/helpers/isProseMirrorDocAttrStep.ts
new file mode 100644
index 0000000..70e6959
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorDocAttrStep.ts
@@ -0,0 +1,31 @@
+import { type DocAttrStep } from '@tiptap/pm/transform'
+import { isProseMirrorStep } from './isProseMirrorStep.js'
+
+/**
+ * Checks if a value is a ProseMirror document attribute step
+ * @param value The value to check
+ * @returns - A boolean, if the boolean is true the value is a ProseMirror DocAttrStep
+ * @example ```js
+ * isProseMirrorDocAttrStep(transaction.steps[0])
+ * ```
+ */
+export function isProseMirrorDocAttrStep(value: unknown): value is DocAttrStep {
+  if (value === null || typeof value !== 'object') {
+    return false
+  }
+
+  const step = value as Record<string, unknown>
+
+  if (!isProseMirrorStep(step)) {
+    return false
+  }
+
+  const json = step.toJSON()
+
+  // we use the steps jsonID to check if the step is a document attribute step
+  if (json === null || typeof json !== 'object' || json.stepType !== 'docAttr') {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isProseMirrorFragment.test.ts b/packages/core/src/helpers/isProseMirrorFragment.test.ts
new file mode 100644
index 0000000..d414953
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorFragment.test.ts
@@ -0,0 +1,27 @@
+import { Fragment } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorFragment } from './isProseMirrorFragment.js'
+
+describe('isProseMirrorFragment', () => {
+  it('returns true for a fragment', () => {
+    expect(isProseMirrorFragment(Fragment.empty)).toBe(true)
+  })
+
+  it('returns false for other values', () => {
+    expect(isProseMirrorFragment(null)).toBe(false)
+    expect(isProseMirrorFragment('text')).toBe(false)
+    expect(isProseMirrorFragment({ size: 0 })).toBe(false)
+    expect(
+      isProseMirrorFragment({
+        content: [],
+        size: 0,
+        nodesBetween: () => {},
+        descendants: () => {},
+        textBetween: () => {},
+        append: () => {},
+        cut: () => {},
+      }),
+    ).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorFragment.ts b/packages/core/src/helpers/isProseMirrorFragment.ts
new file mode 100644
index 0000000..bb902f3
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorFragment.ts
@@ -0,0 +1,34 @@
+import { type Fragment } from '@tiptap/pm/model'
+
+/**
+ * Checks if a value is a ProseMirror fragment by inspecting it
+ * @param value The value to check
+ * @returns - A boolean, if true the value is a ProseMirror fragment
+ * @example ```js
+ * isProseMirrorFragment(editor.state.doc.content)
+ * ```
+ */
+export function isProseMirrorFragment(value: unknown): value is Fragment {
+  if (value === null || typeof value !== 'object') {
+    return false
+  }
+
+  const fragment = value as Record<string, unknown>
+
+  if (
+    !Array.isArray(fragment.content) ||
+    typeof fragment.size !== 'number' ||
+    typeof fragment.nodesBetween !== 'function' ||
+    typeof fragment.descendants !== 'function' ||
+    typeof fragment.textBetween !== 'function' ||
+    typeof fragment.append !== 'function' ||
+    typeof fragment.cut !== 'function' ||
+    typeof fragment.eq !== 'function' ||
+    typeof fragment.child !== 'function' ||
+    typeof fragment.forEach !== 'function'
+  ) {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isProseMirrorNodeSelection.test.ts b/packages/core/src/helpers/isProseMirrorNodeSelection.test.ts
new file mode 100644
index 0000000..dfbe732
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorNodeSelection.test.ts
@@ -0,0 +1,35 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { NodeSelection, TextSelection } from '@tiptap/pm/state'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorNodeSelection } from './isProseMirrorNodeSelection.js'
+
+function createDoc() {
+  const editor = new Editor({
+    extensions: [Document, Paragraph, Text],
+    content: '<p>hello</p>',
+  })
+  const doc = editor.state.doc
+  editor.destroy()
+
+  return doc
+}
+
+describe('isProseMirrorNodeSelection', () => {
+  it('returns true for a node selection', () => {
+    expect(isProseMirrorNodeSelection(NodeSelection.create(createDoc(), 1))).toBe(true)
+  })
+
+  it('returns false for other selections and values', () => {
+    expect(isProseMirrorNodeSelection(TextSelection.create(createDoc(), 2))).toBe(false)
+    expect(isProseMirrorNodeSelection(null)).toBe(false)
+    expect(isProseMirrorNodeSelection(undefined)).toBe(false)
+    expect(isProseMirrorNodeSelection('selection')).toBe(false)
+    expect(isProseMirrorNodeSelection(42)).toBe(false)
+    expect(isProseMirrorNodeSelection({ node: undefined })).toBe(false)
+    expect(isProseMirrorNodeSelection({ node: null })).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorNodeSelection.ts b/packages/core/src/helpers/isProseMirrorNodeSelection.ts
new file mode 100644
index 0000000..14e1409
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorNodeSelection.ts
@@ -0,0 +1,18 @@
+import type { NodeSelection } from '@tiptap/pm/state'
+
+/**
+ * Check whether a selection exposes a selected node.
+ *
+ * @param selection - Selection to inspect.
+ * @returns Whether the selection is a node selection.
+ * @example ```js
+ * isProseMirrorNodeSelection(editor.state.selection)
+ * ```
+ */
+export function isProseMirrorNodeSelection(selection: unknown): selection is NodeSelection {
+  if (selection === null || typeof selection !== 'object') {
+    return false
+  }
+
+  return 'node' in selection && selection.node != null
+}
diff --git a/packages/core/src/helpers/isProseMirrorRemoveMarkStep.test.ts b/packages/core/src/helpers/isProseMirrorRemoveMarkStep.test.ts
new file mode 100644
index 0000000..35def16
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorRemoveMarkStep.test.ts
@@ -0,0 +1,19 @@
+import type { Mark } from '@tiptap/pm/model'
+import { AddMarkStep, RemoveMarkStep } from '@tiptap/pm/transform'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorRemoveMarkStep } from './isProseMirrorRemoveMarkStep.js'
+
+const mark = { toJSON: () => ({ type: 'bold', attrs: {} }) } as unknown as Mark
+
+describe('isProseMirrorRemoveMarkStep', () => {
+  it('returns true for a RemoveMarkStep', () => {
+    expect(isProseMirrorRemoveMarkStep(new RemoveMarkStep(1, 5, mark))).toBe(true)
+  })
+
+  it('returns false for other steps and values', () => {
+    expect(isProseMirrorRemoveMarkStep(new AddMarkStep(1, 5, mark))).toBe(false)
+    expect(isProseMirrorRemoveMarkStep(null)).toBe(false)
+    expect(isProseMirrorRemoveMarkStep({})).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorRemoveMarkStep.ts b/packages/core/src/helpers/isProseMirrorRemoveMarkStep.ts
new file mode 100644
index 0000000..c650d3c
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorRemoveMarkStep.ts
@@ -0,0 +1,31 @@
+import { type RemoveMarkStep } from '@tiptap/pm/transform'
+import { isProseMirrorStep } from './isProseMirrorStep.js'
+
+/**
+ * Checks if a value is a ProseMirror remove mark step
+ * @param value The value to check
+ * @returns - A boolean, if the boolean is true the value is a ProseMirror RemoveMarkStep
+ * @example ```js
+ * isProseMirrorRemoveMarkStep(transaction.steps[0])
+ * ```
+ */
+export function isProseMirrorRemoveMarkStep(value: unknown): value is RemoveMarkStep {
+  if (value === null || typeof value !== 'object') {
+    return false
+  }
+
+  const step = value as Record<string, unknown>
+
+  if (!isProseMirrorStep(step)) {
+    return false
+  }
+
+  const json = step.toJSON()
+
+  // we use the steps jsonID to check if the step is a remove mark step
+  if (json === null || typeof json !== 'object' || json.stepType !== 'removeMark') {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isProseMirrorRemoveNodeMarkStep.test.ts b/packages/core/src/helpers/isProseMirrorRemoveNodeMarkStep.test.ts
new file mode 100644
index 0000000..950c1ea
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorRemoveNodeMarkStep.test.ts
@@ -0,0 +1,19 @@
+import type { Mark } from '@tiptap/pm/model'
+import { AddNodeMarkStep, RemoveNodeMarkStep } from '@tiptap/pm/transform'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorRemoveNodeMarkStep } from './isProseMirrorRemoveNodeMarkStep.js'
+
+const mark = { toJSON: () => ({ type: 'bold', attrs: {} }) } as unknown as Mark
+
+describe('isProseMirrorRemoveNodeMarkStep', () => {
+  it('returns true for a RemoveNodeMarkStep', () => {
+    expect(isProseMirrorRemoveNodeMarkStep(new RemoveNodeMarkStep(1, mark))).toBe(true)
+  })
+
+  it('returns false for other steps and values', () => {
+    expect(isProseMirrorRemoveNodeMarkStep(new AddNodeMarkStep(1, mark))).toBe(false)
+    expect(isProseMirrorRemoveNodeMarkStep(null)).toBe(false)
+    expect(isProseMirrorRemoveNodeMarkStep({})).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorRemoveNodeMarkStep.ts b/packages/core/src/helpers/isProseMirrorRemoveNodeMarkStep.ts
new file mode 100644
index 0000000..32252a9
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorRemoveNodeMarkStep.ts
@@ -0,0 +1,31 @@
+import { type RemoveNodeMarkStep } from '@tiptap/pm/transform'
+import { isProseMirrorStep } from './isProseMirrorStep.js'
+
+/**
+ * Checks if a value is a ProseMirror remove node mark step
+ * @param value The value to check
+ * @returns - A boolean, if the boolean is true the value is a ProseMirror RemoveNodeMarkStep
+ * @example ```js
+ * isProseMirrorRemoveNodeMarkStep(transaction.steps[0])
+ * ```
+ */
+export function isProseMirrorRemoveNodeMarkStep(value: unknown): value is RemoveNodeMarkStep {
+  if (value === null || typeof value !== 'object') {
+    return false
+  }
+
+  const step = value as Record<string, unknown>
+
+  if (!isProseMirrorStep(step)) {
+    return false
+  }
+
+  const json = step.toJSON()
+
+  // we use the steps jsonID to check if the step is a remove node mark step
+  if (json === null || typeof json !== 'object' || json.stepType !== 'removeNodeMark') {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isProseMirrorReplaceAroundStep.test.ts b/packages/core/src/helpers/isProseMirrorReplaceAroundStep.test.ts
new file mode 100644
index 0000000..2b2608e
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorReplaceAroundStep.test.ts
@@ -0,0 +1,19 @@
+import { ReplaceAroundStep, ReplaceStep } from '@tiptap/pm/transform'
+import { Slice } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorReplaceAroundStep } from './isProseMirrorReplaceAroundStep.js'
+
+describe('isProseMirrorReplaceAroundStep', () => {
+  it('returns true for a ReplaceAroundStep', () => {
+    expect(isProseMirrorReplaceAroundStep(new ReplaceAroundStep(1, 5, 2, 4, Slice.empty, 0))).toBe(
+      true,
+    )
+  })
+
+  it('returns false for other steps and values', () => {
+    expect(isProseMirrorReplaceAroundStep(new ReplaceStep(1, 5, Slice.empty))).toBe(false)
+    expect(isProseMirrorReplaceAroundStep(null)).toBe(false)
+    expect(isProseMirrorReplaceAroundStep({})).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorReplaceAroundStep.ts b/packages/core/src/helpers/isProseMirrorReplaceAroundStep.ts
new file mode 100644
index 0000000..d907e9c
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorReplaceAroundStep.ts
@@ -0,0 +1,31 @@
+import { type ReplaceAroundStep } from '@tiptap/pm/transform'
+import { isProseMirrorStep } from './isProseMirrorStep.js'
+
+/**
+ * Checks if a value is a ProseMirror replace around step
+ * @param value The value to check
+ * @returns - A boolean, if the boolean is true the value is a ProseMirror ReplaceAroundStep
+ * @example ```js
+ * isProseMirrorReplaceAroundStep(transaction.steps[0])
+ * ```
+ */
+export function isProseMirrorReplaceAroundStep(value: unknown): value is ReplaceAroundStep {
+  if (value === null || typeof value !== 'object') {
+    return false
+  }
+
+  const step = value as Record<string, unknown>
+
+  if (!isProseMirrorStep(step)) {
+    return false
+  }
+
+  const json = step.toJSON()
+
+  // we use the steps jsonID to check if the step is a replace around step
+  if (json === null || typeof json !== 'object' || json.stepType !== 'replaceAround') {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isProseMirrorReplaceStep.test.ts b/packages/core/src/helpers/isProseMirrorReplaceStep.test.ts
new file mode 100644
index 0000000..352e054
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorReplaceStep.test.ts
@@ -0,0 +1,17 @@
+import { ReplaceAroundStep, ReplaceStep } from '@tiptap/pm/transform'
+import { Slice } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorReplaceStep } from './isProseMirrorReplaceStep.js'
+
+describe('isProseMirrorReplaceStep', () => {
+  it('returns true for a ReplaceStep', () => {
+    expect(isProseMirrorReplaceStep(new ReplaceStep(1, 5, Slice.empty))).toBe(true)
+  })
+
+  it('returns false for other steps and values', () => {
+    expect(isProseMirrorReplaceStep(new ReplaceAroundStep(1, 5, 2, 4, Slice.empty, 0))).toBe(false)
+    expect(isProseMirrorReplaceStep(null)).toBe(false)
+    expect(isProseMirrorReplaceStep({})).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorReplaceStep.ts b/packages/core/src/helpers/isProseMirrorReplaceStep.ts
new file mode 100644
index 0000000..6a6ddd3
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorReplaceStep.ts
@@ -0,0 +1,31 @@
+import { type ReplaceStep } from '@tiptap/pm/transform'
+import { isProseMirrorStep } from './isProseMirrorStep.js'
+
+/**
+ * Checks if a value is a ProseMirror replace step result
+ * @param value The value to check
+ * @returns - A boolean, if the boolean is true the value is a ProseMirror ReplaceStep
+ * @example ```js
+ * isProseMirrorReplaceStep(transaction.steps[0])
+ * ```
+ */
+export function isProseMirrorReplaceStep(value: unknown): value is ReplaceStep {
+  if (value === null || typeof value !== 'object') {
+    return false
+  }
+
+  const step = value as Record<string, unknown>
+
+  if (!isProseMirrorStep(step)) {
+    return false
+  }
+
+  const json = step.toJSON()
+
+  // we use the steps jsonID to check if the step is a replace step
+  if (json === null || typeof json !== 'object' || json.stepType !== 'replace') {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isProseMirrorSlice.test.ts b/packages/core/src/helpers/isProseMirrorSlice.test.ts
new file mode 100644
index 0000000..238e456
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorSlice.test.ts
@@ -0,0 +1,16 @@
+import { Slice } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorSlice } from './isProseMirrorSlice.js'
+
+describe('isProseMirrorSlice', () => {
+  it('returns true for a slice', () => {
+    expect(isProseMirrorSlice(Slice.empty)).toBe(true)
+  })
+
+  it('returns false for other values', () => {
+    expect(isProseMirrorSlice(null)).toBe(false)
+    expect(isProseMirrorSlice('text')).toBe(false)
+    expect(isProseMirrorSlice({ openStart: 0, openEnd: 0 })).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorSlice.ts b/packages/core/src/helpers/isProseMirrorSlice.ts
new file mode 100644
index 0000000..4f9f388
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorSlice.ts
@@ -0,0 +1,43 @@
+import { type Slice } from '@tiptap/pm/model'
+import { isProseMirrorFragment } from './isProseMirrorFragment.js'
+
+/**
+ * Checks if a value is a ProseMirror slice by inspecting it
+ * @param value The value to check
+ * @returns - A boolean, if true the value is a ProseMirror slice
+ * @example ```js
+ * isProseMirrorSlice(editor.state.doc.content.slice(0, 10))
+ * ```
+ */
+export function isProseMirrorSlice(value: unknown): value is Slice {
+  if (value === null || typeof value !== 'object') {
+    return false
+  }
+
+  const slice = value as Record<string, unknown>
+
+  const openStartIsNumber = Number.isInteger(slice.openStart) && (slice.openStart as number) >= 0
+  const openEndIsNumber = Number.isInteger(slice.openEnd) && (slice.openEnd as number) >= 0
+  const sliceHasRequiredProperties =
+    typeof slice.size === 'number' &&
+    typeof slice.eq === 'function' &&
+    typeof slice.toJSON === 'function'
+
+  if (!openStartIsNumber || !openEndIsNumber || !sliceHasRequiredProperties) {
+    return false
+  }
+
+  const content = slice.content
+
+  if (content === null || typeof content !== 'object') {
+    return false
+  }
+
+  const fragment = content as Record<string, unknown>
+
+  if (!isProseMirrorFragment(fragment)) {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isProseMirrorStep.test.ts b/packages/core/src/helpers/isProseMirrorStep.test.ts
new file mode 100644
index 0000000..404bdd9
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorStep.test.ts
@@ -0,0 +1,30 @@
+import { ReplaceStep } from '@tiptap/pm/transform'
+import { Slice } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorStep } from './isProseMirrorStep.js'
+
+describe('isProseMirrorStep', () => {
+  it('returns true for a step', () => {
+    expect(isProseMirrorStep(new ReplaceStep(1, 5, Slice.empty))).toBe(true)
+  })
+
+  it('returns true for an object with the step shape', () => {
+    const stepShape = {
+      apply: () => {},
+      getMap: () => {},
+      invert: () => {},
+      map: () => {},
+      merge: () => {},
+      toJSON: () => {},
+    }
+
+    expect(isProseMirrorStep(stepShape)).toBe(true)
+  })
+
+  it('returns false for other values', () => {
+    expect(isProseMirrorStep(null)).toBe(false)
+    expect(isProseMirrorStep('step')).toBe(false)
+    expect(isProseMirrorStep({})).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorStep.ts b/packages/core/src/helpers/isProseMirrorStep.ts
new file mode 100644
index 0000000..411a469
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorStep.ts
@@ -0,0 +1,30 @@
+import { type Step } from '@tiptap/pm/transform'
+
+/**
+ * Checks if a value is a ProseMirror step
+ * @param value The value to check
+ * @returns - A boolean, if the boolean is true the value is a ProseMirror Step
+ * @example ```js
+ * isProseMirrorStep(transaction.steps[0])
+ * ```
+ */
+export function isProseMirrorStep(value: unknown): value is Step {
+  if (value === null || typeof value !== 'object') {
+    return false
+  }
+
+  const step = value as Record<string, unknown>
+
+  if (
+    typeof step.apply !== 'function' ||
+    typeof step.getMap !== 'function' ||
+    typeof step.invert !== 'function' ||
+    typeof step.map !== 'function' ||
+    typeof step.merge !== 'function' ||
+    typeof step.toJSON !== 'function'
+  ) {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isProseMirrorStepResult.test.ts b/packages/core/src/helpers/isProseMirrorStepResult.test.ts
new file mode 100644
index 0000000..a8fc181
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorStepResult.test.ts
@@ -0,0 +1,17 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { isProseMirrorStepResult } from './isProseMirrorStepResult.js'
+
+describe('isProseMirrorStepResult', () => {
+  it('returns true for a success and a failure result', () => {
+    expect(isProseMirrorStepResult({ doc: {}, failed: null })).toBe(true)
+    expect(isProseMirrorStepResult({ doc: null, failed: 'boom' })).toBe(true)
+  })
+
+  it('returns false for other values', () => {
+    expect(isProseMirrorStepResult({ doc: {}, failed: 'boom' })).toBe(false)
+    expect(isProseMirrorStepResult({ doc: null, failed: null })).toBe(false)
+    expect(isProseMirrorStepResult(null)).toBe(false)
+    expect(isProseMirrorStepResult({})).toBe(false)
+  })
+})
diff --git a/packages/core/src/helpers/isProseMirrorStepResult.ts b/packages/core/src/helpers/isProseMirrorStepResult.ts
new file mode 100644
index 0000000..60530ee
--- /dev/null
+++ b/packages/core/src/helpers/isProseMirrorStepResult.ts
@@ -0,0 +1,26 @@
+import { type StepResult } from '@tiptap/pm/transform'
+
+/**
+ * Checks if a value is a ProseMirror step result
+ * @param value The value to check
+ * @returns - A boolean, if the boolean is true the value is a ProseMirror StepResult
+ * @example ```js
+ * isProseMirrorStepResult(step.apply(editor.state.doc))
+ * ```
+ */
+export function isProseMirrorStepResult(value: unknown): value is StepResult {
+  if (value === null || typeof value !== 'object') {
+    return false
+  }
+
+  const result = value as Record<string, unknown>
+
+  const isValidDoc = result.doc !== null && typeof result.doc === 'object' && result.failed === null
+  const isValidFailed = typeof result.failed === 'string' && result.doc === null
+
+  if (!isValidDoc && !isValidFailed) {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/core/src/helpers/isTextSelection.ts b/packages/core/src/helpers/isTextSelection.ts
new file mode 100644
index 0000000..651a1a5
--- /dev/null
+++ b/packages/core/src/helpers/isTextSelection.ts
@@ -0,0 +1,5 @@
+import { TextSelection } from '@tiptap/pm/state'
+
+export function isTextSelection(value: unknown): value is TextSelection {
+  return value instanceof TextSelection
+}
diff --git a/packages/core/src/helpers/posToDOMRect.ts b/packages/core/src/helpers/posToDOMRect.ts
new file mode 100644
index 0000000..5af0ce9
--- /dev/null
+++ b/packages/core/src/helpers/posToDOMRect.ts
@@ -0,0 +1,35 @@
+import type { EditorView } from '@tiptap/pm/view'
+
+import { minMax } from '../utilities/minMax.js'
+
+export function posToDOMRect(view: EditorView, from: number, to: number): DOMRect {
+  const minPos = 0
+  const maxPos = view.state.doc.content.size
+  const resolvedFrom = minMax(from, minPos, maxPos)
+  const resolvedEnd = minMax(to, minPos, maxPos)
+  const start = view.coordsAtPos(resolvedFrom)
+  const end = view.coordsAtPos(resolvedEnd, -1)
+  const top = Math.min(start.top, end.top)
+  const bottom = Math.max(start.bottom, end.bottom)
+  const left = Math.min(start.left, end.left)
+  const right = Math.max(start.right, end.right)
+  const width = right - left
+  const height = bottom - top
+  const x = left
+  const y = top
+  const data = {
+    top,
+    bottom,
+    left,
+    right,
+    width,
+    height,
+    x,
+    y,
+  }
+
+  return {
+    ...data,
+    toJSON: () => data,
+  }
+}
diff --git a/packages/core/src/helpers/resolveExtensions.ts b/packages/core/src/helpers/resolveExtensions.ts
new file mode 100644
index 0000000..99d9e7a
--- /dev/null
+++ b/packages/core/src/helpers/resolveExtensions.ts
@@ -0,0 +1,25 @@
+import type { Extensions } from '../types.js'
+import { findDuplicates } from '../utilities/findDuplicates.js'
+import { flattenExtensions } from './flattenExtensions.js'
+import { sortExtensions } from './sortExtensions.js'
+
+/**
+ * Returns a flattened and sorted extension list while
+ * also checking for duplicated extensions and warns the user.
+ * @param extensions An array of Tiptap extensions
+ * @returns An flattened and sorted array of Tiptap extensions
+ */
+export function resolveExtensions(extensions: Extensions): Extensions {
+  const resolvedExtensions = sortExtensions(flattenExtensions(extensions))
+  const duplicatedNames = findDuplicates(resolvedExtensions.map(extension => extension.name))
+
+  if (duplicatedNames.length) {
+    console.warn(
+      `[tiptap warn]: Duplicate extension names found: [${duplicatedNames
+        .map(item => `'${item}'`)
+        .join(', ')}]. This can lead to issues.`,
+    )
+  }
+
+  return resolvedExtensions
+}
diff --git a/packages/core/src/helpers/resolveFocusPosition.ts b/packages/core/src/helpers/resolveFocusPosition.ts
new file mode 100644
index 0000000..c447e23
--- /dev/null
+++ b/packages/core/src/helpers/resolveFocusPosition.ts
@@ -0,0 +1,42 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Selection, TextSelection } from '@tiptap/pm/state'
+
+import type { FocusPosition } from '../types.js'
+import { minMax } from '../utilities/minMax.js'
+
+export function resolveFocusPosition(
+  doc: PMNode,
+  position: FocusPosition = null,
+): Selection | null {
+  if (!position) {
+    return null
+  }
+
+  const selectionAtStart = Selection.atStart(doc)
+  const selectionAtEnd = Selection.atEnd(doc)
+
+  if (position === 'start' || position === true) {
+    return selectionAtStart
+  }
+
+  if (position === 'end') {
+    return selectionAtEnd
+  }
+
+  const minPos = selectionAtStart.from
+  const maxPos = selectionAtEnd.to
+
+  if (position === 'all') {
+    return TextSelection.create(
+      doc,
+      minMax(0, minPos, maxPos),
+      minMax(doc.content.size, minPos, maxPos),
+    )
+  }
+
+  return TextSelection.create(
+    doc,
+    minMax(position, minPos, maxPos),
+    minMax(position, minPos, maxPos),
+  )
+}
diff --git a/packages/core/src/helpers/rewriteUnknownContent.test.ts b/packages/core/src/helpers/rewriteUnknownContent.test.ts
new file mode 100644
index 0000000..160dc4d
--- /dev/null
+++ b/packages/core/src/helpers/rewriteUnknownContent.test.ts
@@ -0,0 +1,51 @@
+import { Schema } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { rewriteUnknownContent } from './rewriteUnknownContent.js'
+
+const schema = new Schema({
+  nodes: {
+    doc: { content: 'block+' },
+    paragraph: { group: 'block', content: 'inline*' },
+    text: { group: 'inline' },
+  },
+  marks: { bold: {} },
+})
+
+describe('rewriteUnknownContent', () => {
+  it('drops nullish entries in a marks array without throwing', () => {
+    const json = {
+      type: 'doc',
+      content: [{ type: 'paragraph', content: [{ type: 'text', text: 'hi', marks: [null] }] }],
+    }
+
+    const result = rewriteUnknownContent(json as any, schema)
+
+    expect(result.json).toEqual({
+      type: 'doc',
+      content: [{ type: 'paragraph', content: [{ type: 'text', text: 'hi', marks: [] }] }],
+    })
+  })
+
+  it('drops nullish entries in a content array without throwing', () => {
+    const json = { type: 'doc', content: [null] }
+
+    const result = rewriteUnknownContent(json as any, schema)
+
+    expect(result.json).toEqual({ type: 'doc', content: [] })
+  })
+
+  it('still keeps valid marks and content', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        { type: 'paragraph', content: [{ type: 'text', text: 'hi', marks: [{ type: 'bold' }] }] },
+      ],
+    }
+
+    const result = rewriteUnknownContent(json as any, schema)
+
+    expect(result.json).toEqual(json)
+    expect(result.rewrittenContent).toHaveLength(0)
+  })
+})
diff --git a/packages/core/src/helpers/rewriteUnknownContent.ts b/packages/core/src/helpers/rewriteUnknownContent.ts
new file mode 100644
index 0000000..d00aa5b
--- /dev/null
+++ b/packages/core/src/helpers/rewriteUnknownContent.ts
@@ -0,0 +1,158 @@
+import type { Schema } from '@tiptap/pm/model'
+
+import type { JSONContent } from '../types.js'
+
+type RewriteUnknownContentOptions = {
+  /**
+   * If true, unknown nodes will be treated as paragraphs
+   * @default true
+   */
+  fallbackToParagraph?: boolean
+}
+
+type RewrittenContent = {
+  /**
+   * The original JSON content that was rewritten
+   */
+  original: JSONContent
+  /**
+   * The name of the node or mark that was unsupported
+   */
+  unsupported: string
+}[]
+
+/**
+ * The actual implementation of the rewriteUnknownContent function
+ */
+function rewriteUnknownContentInner({
+  json,
+  validMarks,
+  validNodes,
+  options,
+  rewrittenContent = [],
+}: {
+  json: JSONContent
+  validMarks: Set<string>
+  validNodes: Set<string>
+  options?: RewriteUnknownContentOptions
+  rewrittenContent?: RewrittenContent
+}): {
+  /**
+   * The cleaned JSON content
+   */
+  json: JSONContent | null
+  /**
+   * The array of nodes and marks that were rewritten
+   */
+  rewrittenContent: RewrittenContent
+} {
+  if (json.marks && Array.isArray(json.marks)) {
+    json.marks = json.marks.filter(mark => {
+      if (mark === null || mark === undefined) {
+        // Drop malformed (nullish) mark entries instead of crashing
+        return false
+      }
+
+      const name = typeof mark === 'string' ? mark : mark.type
+
+      if (validMarks.has(name)) {
+        return true
+      }
+
+      rewrittenContent.push({
+        original: JSON.parse(JSON.stringify(mark)),
+        unsupported: name,
+      })
+      // Just ignore any unknown marks
+      return false
+    })
+  }
+
+  if (json.content && Array.isArray(json.content)) {
+    json.content = json.content
+      .map(value => {
+        if (value === null || value === undefined) {
+          // Drop malformed (nullish) content entries instead of crashing
+          return null
+        }
+
+        return rewriteUnknownContentInner({
+          json: value,
+          validMarks,
+          validNodes,
+          options,
+          rewrittenContent,
+        }).json
+      })
+      .filter(a => a !== null && a !== undefined)
+  }
+
+  if (json.type && !validNodes.has(json.type)) {
+    rewrittenContent.push({
+      original: JSON.parse(JSON.stringify(json)),
+      unsupported: json.type,
+    })
+
+    if (json.content && Array.isArray(json.content) && options?.fallbackToParagraph !== false) {
+      // Just treat it like a paragraph and hope for the best
+      json.type = 'paragraph'
+
+      return {
+        json,
+        rewrittenContent,
+      }
+    }
+
+    // or just omit it entirely
+    return {
+      json: null,
+      rewrittenContent,
+    }
+  }
+
+  return { json, rewrittenContent }
+}
+
+/**
+ * Rewrite unknown nodes and marks within JSON content
+ * Allowing for user within the editor
+ */
+export function rewriteUnknownContent(
+  /**
+   * The JSON content to clean of unknown nodes and marks
+   */
+  json: JSONContent,
+  /**
+   * The schema to use for validation
+   */
+  schema: Schema,
+  /**
+   * Options for the cleaning process
+   */
+  options?: RewriteUnknownContentOptions,
+): {
+  /**
+   * The cleaned JSON content
+   */
+  json: JSONContent | null
+  /**
+   * The array of nodes and marks that were rewritten
+   */
+  rewrittenContent: {
+    /**
+     * The original JSON content that was rewritten
+     */
+    original: JSONContent
+    /**
+     * The name of the node or mark that was unsupported
+     */
+    unsupported: string
+  }[]
+} {
+  return rewriteUnknownContentInner({
+    json,
+    validNodes: new Set(Object.keys(schema.nodes)),
+    validMarks: new Set(Object.keys(schema.marks)),
+    options,
+  })
+}
diff --git a/packages/core/src/helpers/selectionToInsertionEnd.ts b/packages/core/src/helpers/selectionToInsertionEnd.ts
new file mode 100644
index 0000000..0ad416a
--- /dev/null
+++ b/packages/core/src/helpers/selectionToInsertionEnd.ts
@@ -0,0 +1,29 @@
+import type { Transaction } from '@tiptap/pm/state'
+import { Selection } from '@tiptap/pm/state'
+import { ReplaceAroundStep, ReplaceStep } from '@tiptap/pm/transform'
+
+// source: https://github.com/ProseMirror/prosemirror-state/blob/master/src/selection.js#L466
+export function selectionToInsertionEnd(tr: Transaction, startLen: number, bias: number) {
+  const last = tr.steps.length - 1
+
+  if (last < startLen) {
+    return
+  }
+
+  const step = tr.steps[last]
+
+  if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep)) {
+    return
+  }
+
+  const map = tr.mapping.maps[last]
+  let end = 0
+
+  map.forEach((_from, _to, _newFrom, newTo) => {
+    if (end === 0) {
+      end = newTo
+    }
+  })
+
+  tr.setSelection(Selection.near(tr.doc.resolve(end), bias))
+}
diff --git a/packages/core/src/helpers/sortExtensions.ts b/packages/core/src/helpers/sortExtensions.ts
new file mode 100644
index 0000000..99fa41f
--- /dev/null
+++ b/packages/core/src/helpers/sortExtensions.ts
@@ -0,0 +1,26 @@
+import type { AnyConfig, Extensions } from '../types.js'
+import { getExtensionField } from './getExtensionField.js'
+
+/**
+ * Sort extensions by priority.
+ * @param extensions An array of Tiptap extensions
+ * @returns A sorted array of Tiptap extensions by priority
+ */
+export function sortExtensions(extensions: Extensions): Extensions {
+  const defaultPriority = 100
+
+  return extensions.sort((a, b) => {
+    const priorityA = getExtensionField<AnyConfig['priority']>(a, 'priority') || defaultPriority
+    const priorityB = getExtensionField<AnyConfig['priority']>(b, 'priority') || defaultPriority
+
+    if (priorityA > priorityB) {
+      return -1
+    }
+
+    if (priorityA < priorityB) {
+      return 1
+    }
+
+    return 0
+  })
+}
diff --git a/packages/core/src/helpers/splitExtensions.ts b/packages/core/src/helpers/splitExtensions.ts
new file mode 100644
index 0000000..3389cf1
--- /dev/null
+++ b/packages/core/src/helpers/splitExtensions.ts
@@ -0,0 +1,18 @@
+import type { Extension } from '../Extension.js'
+import type { Mark } from '../Mark.js'
+import type { Node } from '../Node.js'
+import type { Extensions } from '../types.js'
+
+export function splitExtensions(extensions: Extensions) {
+  const baseExtensions = extensions.filter(
+    extension => extension.type === 'extension',
+  ) as Extension[]
+  const nodeExtensions = extensions.filter(extension => extension.type === 'node') as Node[]
+  const markExtensions = extensions.filter(extension => extension.type === 'mark') as Mark[]
+
+  return {
+    baseExtensions,
+    nodeExtensions,
+    markExtensions,
+  }
+}
diff --git a/packages/core/src/helpers/warnOnDuplicatedProseMirrorModel.test.ts b/packages/core/src/helpers/warnOnDuplicatedProseMirrorModel.test.ts
new file mode 100644
index 0000000..567000f
--- /dev/null
+++ b/packages/core/src/helpers/warnOnDuplicatedProseMirrorModel.test.ts
@@ -0,0 +1,23 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+
+describe('warnOnDuplicatedProseMirrorModel', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+    vi.restoreAllMocks()
+  })
+
+  it('stays quiet when prosemirror-model is loaded once', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+
+    editor = new Editor({ extensions: [Document, Paragraph, Text], content: '<p>hello</p>' })
+
+    expect(warn).not.toHaveBeenCalled()
+  })
+})
diff --git a/packages/core/src/helpers/warnOnDuplicatedProseMirrorModel.ts b/packages/core/src/helpers/warnOnDuplicatedProseMirrorModel.ts
new file mode 100644
index 0000000..9fbad47
--- /dev/null
+++ b/packages/core/src/helpers/warnOnDuplicatedProseMirrorModel.ts
@@ -0,0 +1,40 @@
+import type { Schema } from '@tiptap/pm/model'
+import { Fragment } from '@tiptap/pm/model'
+import { ReplaceStep } from '@tiptap/pm/transform'
+
+let hasChecked = false
+
+/**
+ * Warns once when prosemirror-model is loaded twice
+ * @param schema The editor schema
+ * @returns void
+ * @example ```js
+ * warnOnDuplicatedProseMirrorModel(editor.schema)
+ * ```
+ */
+export function warnOnDuplicatedProseMirrorModel(schema: Schema): void {
+  if (hasChecked) {
+    return
+  }
+
+  hasChecked = true
+
+  let content
+
+  try {
+    // prosemirror-transform fills this step with the prosemirror-model it resolved
+    // itself, so a foreign fragment means a second copy is loaded.
+    content = ReplaceStep.fromJSON(schema, { from: 0, to: 0 }).slice.content
+  } catch {
+    // A warning we cannot stand behind is worse than no warning.
+    return
+  }
+
+  if (content instanceof Fragment) {
+    return
+  }
+
+  console.warn(
+    '[tiptap warn]: prosemirror-model is loaded more than once. Wrapping and splitting nodes will fail. Deduplicate it in your lock file, or alias it to a single copy in your bundler.',
+  )
+}
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
new file mode 100644
index 0000000..6a09cbf
--- /dev/null
+++ b/packages/core/src/index.ts
@@ -0,0 +1,23 @@
+export * from './CommandManager.js'
+export type * from './commands/index.js'
+export * as commands from './commands/index.js'
+export * from './Editor.js'
+export * from './Extendable.js'
+export * from './Extension.js'
+export * from './decorations/index.js'
+export * as extensions from './extensions/index.js'
+export * from './helpers/index.js'
+export * from './InputRule.js'
+export * from './inputRules/index.js'
+export { createElement, Fragment, createElement as h } from './jsx-runtime.js'
+export * from './lib/index.js'
+export * from './Mark.js'
+export * from './MarkView.js'
+export * from './Node.js'
+export * from './NodePos.js'
+export * from './NodeView.js'
+export * from './PasteRule.js'
+export * from './pasteRules/index.js'
+export * from './Tracker.js'
+export * from './types.js'
+export * from './utilities/index.js'
diff --git a/packages/core/src/inputRules/index.ts b/packages/core/src/inputRules/index.ts
new file mode 100644
index 0000000..936d514
--- /dev/null
+++ b/packages/core/src/inputRules/index.ts
@@ -0,0 +1,5 @@
+export * from './markInputRule.js'
+export * from './nodeInputRule.js'
+export * from './textblockTypeInputRule.js'
+export * from './textInputRule.js'
+export * from './wrappingInputRule.js'
diff --git a/packages/core/src/inputRules/markInputRule.ts b/packages/core/src/inputRules/markInputRule.ts
new file mode 100644
index 0000000..9281b37
--- /dev/null
+++ b/packages/core/src/inputRules/markInputRule.ts
@@ -0,0 +1,72 @@
+import type { MarkType } from '@tiptap/pm/model'
+
+import { getMarksBetween } from '../helpers/getMarksBetween.js'
+import type { InputRuleFinder } from '../InputRule.js'
+import { InputRule } from '../InputRule.js'
+import type { ExtendedRegExpMatchArray } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
+
+/**
+ * Build an input rule that adds a mark when the
+ * matched text is typed into it.
+ * @see https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing#input-rules
+ */
+export function markInputRule(config: {
+  find: InputRuleFinder
+  type: MarkType
+  undoable?: boolean
+  getAttributes?:
+    | Record<string, any>
+    | ((match: ExtendedRegExpMatchArray) => Record<string, any>)
+    | false
+    | null
+}) {
+  return new InputRule({
+    find: config.find,
+    handler: ({ state, range, match }) => {
+      const attributes = callOrReturn(config.getAttributes, undefined, match)
+
+      if (attributes === false || attributes === null) {
+        return null
+      }
+
+      const { tr } = state
+      const captureGroup = match[match.length - 1]
+      const fullMatch = match[0]
+
+      if (captureGroup) {
+        const startSpaces = fullMatch.search(/\S/)
+        const textStart = range.from + fullMatch.indexOf(captureGroup)
+        const textEnd = textStart + captureGroup.length
+
+        const excludedMarks = getMarksBetween(range.from, range.to, state.doc)
+          .filter(item => {
+            // @ts-ignore
+            const excluded = item.mark.type.excluded as MarkType[]
+
+            return excluded.find(type => type === config.type && type !== item.mark.type)
+          })
+          .filter(item => item.to > textStart)
+
+        if (excludedMarks.length) {
+          return null
+        }
+
+        if (textEnd < range.to) {
+          tr.delete(textEnd, range.to)
+        }
+
+        if (textStart > range.from) {
+          tr.delete(range.from + startSpaces, textStart)
+        }
+
+        const markEnd = range.from + startSpaces + captureGroup.length
+
+        tr.addMark(range.from + startSpaces, markEnd, config.type.create(attributes || {}))
+
+        tr.removeStoredMark(config.type)
+      }
+    },
+    undoable: config.undoable,
+  })
+}
diff --git a/packages/core/src/inputRules/nodeInputRule.ts b/packages/core/src/inputRules/nodeInputRule.ts
new file mode 100644
index 0000000..bae54fe
--- /dev/null
+++ b/packages/core/src/inputRules/nodeInputRule.ts
@@ -0,0 +1,80 @@
+import type { NodeType } from '@tiptap/pm/model'
+
+import type { InputRuleFinder } from '../InputRule.js'
+import { InputRule } from '../InputRule.js'
+import type { ExtendedRegExpMatchArray } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
+
+/**
+ * Build an input rule that adds a node when the
+ * matched text is typed into it.
+ * @see https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing#input-rules
+ */
+export function nodeInputRule(config: {
+  /**
+   * The regex to match.
+   */
+  find: InputRuleFinder
+
+  /**
+   * The node type to add.
+   */
+  type: NodeType
+
+  /**
+   * Whether the input rule should be undoable
+   * when the user presses backspace.
+   */
+  undoable?: boolean
+
+  /**
+   * A function that returns the attributes for the node
+   * can also be an object of attributes
+   */
+  getAttributes?:
+    | Record<string, any>
+    | ((match: ExtendedRegExpMatchArray) => Record<string, any>)
+    | false
+    | null
+}) {
+  return new InputRule({
+    find: config.find,
+    handler: ({ state, range, match }) => {
+      const attributes = callOrReturn(config.getAttributes, undefined, match) || {}
+      const { tr } = state
+      const start = range.from
+      let end = range.to
+
+      const newNode = config.type.create(attributes)
+
+      if (match[1]) {
+        const offset = match[0].lastIndexOf(match[1])
+        let matchStart = start + offset
+
+        if (matchStart > end) {
+          matchStart = end
+        } else {
+          end = matchStart + match[1].length
+        }
+
+        // insert last typed character
+        const lastChar = match[0][match[0].length - 1]
+
+        tr.insertText(lastChar, start + match[0].length - 1)
+
+        // insert node from input rule
+        tr.replaceWith(matchStart, end, newNode)
+      } else if (match[0]) {
+        const insertionStart = config.type.isInline ? start : start - 1
+
+        tr.insert(insertionStart, config.type.create(attributes)).delete(
+          tr.mapping.map(start),
+          tr.mapping.map(end),
+        )
+      }
+
+      tr.scrollIntoView()
+    },
+    undoable: config.undoable,
+  })
+}
diff --git a/packages/core/src/inputRules/textInputRule.ts b/packages/core/src/inputRules/textInputRule.ts
new file mode 100644
index 0000000..972d229
--- /dev/null
+++ b/packages/core/src/inputRules/textInputRule.ts
@@ -0,0 +1,39 @@
+import type { InputRuleFinder } from '../InputRule.js'
+import { InputRule } from '../InputRule.js'
+
+/**
+ * Build an input rule that replaces text when the
+ * matched text is typed into it.
+ * @see https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing#input-rules
+ */
+export function textInputRule(config: {
+  find: InputRuleFinder
+  replace: string
+  undoable?: boolean
+}) {
+  return new InputRule({
+    find: config.find,
+    handler: ({ state, range, match }) => {
+      let insert = config.replace
+      let start = range.from
+      const end = range.to
+
+      if (match[1]) {
+        const offset = match[0].lastIndexOf(match[1])
+
+        insert += match[0].slice(offset + match[1].length)
+        start += offset
+
+        const cutOff = start - end
+
+        if (cutOff > 0) {
+          insert = match[0].slice(offset - cutOff, offset) + insert
+          start = end
+        }
+      }
+
+      state.tr.insertText(insert, start, end)
+    },
+    undoable: config.undoable,
+  })
+}
diff --git a/packages/core/src/inputRules/textblockTypeInputRule.ts b/packages/core/src/inputRules/textblockTypeInputRule.ts
new file mode 100644
index 0000000..9058b82
--- /dev/null
+++ b/packages/core/src/inputRules/textblockTypeInputRule.ts
@@ -0,0 +1,41 @@
+import type { NodeType } from '@tiptap/pm/model'
+
+import type { InputRuleFinder } from '../InputRule.js'
+import { InputRule } from '../InputRule.js'
+import type { ExtendedRegExpMatchArray } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
+
+/**
+ * Build an input rule that changes the type of a textblock when the
+ * matched text is typed into it. When using a regular expresion you’ll
+ * probably want the regexp to start with `^`, so that the pattern can
+ * only occur at the start of a textblock.
+ * @see https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing#input-rules
+ */
+export function textblockTypeInputRule(config: {
+  find: InputRuleFinder
+  type: NodeType
+  undoable?: boolean
+  getAttributes?:
+    | Record<string, any>
+    | ((match: ExtendedRegExpMatchArray) => Record<string, any>)
+    | false
+    | null
+}) {
+  return new InputRule({
+    find: config.find,
+    handler: ({ state, range, match }) => {
+      const $start = state.doc.resolve(range.from)
+      const attributes = callOrReturn(config.getAttributes, undefined, match) || {}
+
+      if (!$start.node(-1).canReplaceWith($start.index(-1), $start.indexAfter(-1), config.type)) {
+        return null
+      }
+
+      state.tr
+        .delete(range.from, range.to)
+        .setBlockType(range.from, range.from, config.type, attributes)
+    },
+    undoable: config.undoable,
+  })
+}
diff --git a/packages/core/src/inputRules/wrappingInputRule.ts b/packages/core/src/inputRules/wrappingInputRule.ts
new file mode 100644
index 0000000..e0e6ec9
--- /dev/null
+++ b/packages/core/src/inputRules/wrappingInputRule.ts
@@ -0,0 +1,88 @@
+import type { Node as PMNode, NodeType } from '@tiptap/pm/model'
+import { canJoin, findWrapping } from '@tiptap/pm/transform'
+
+import type { Editor } from '../Editor.js'
+import type { InputRuleFinder } from '../InputRule.js'
+import { InputRule } from '../InputRule.js'
+import type { ExtendedRegExpMatchArray } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
+
+/**
+ * Build an input rule for automatically wrapping a textblock when a
+ * given string is typed. When using a regular expresion you’ll
+ * probably want the regexp to start with `^`, so that the pattern can
+ * only occur at the start of a textblock.
+ *
+ * `type` is the type of node to wrap in.
+ *
+ * By default, if there’s a node with the same type above the newly
+ * wrapped node, the rule will try to join those
+ * two nodes. You can pass a join predicate, which takes a regular
+ * expression match and the node before the wrapped node, and can
+ * return a boolean to indicate whether a join should happen.
+ * @see https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing#input-rules
+ */
+export function wrappingInputRule(config: {
+  find: InputRuleFinder
+  type: NodeType
+  keepMarks?: boolean
+  keepAttributes?: boolean
+  editor?: Editor
+  undoable?: boolean
+  getAttributes?:
+    | Record<string, any>
+    | ((match: ExtendedRegExpMatchArray) => Record<string, any>)
+    | false
+    | null
+  joinPredicate?: (match: ExtendedRegExpMatchArray, node: PMNode) => boolean
+}) {
+  return new InputRule({
+    find: config.find,
+    handler: ({ state, range, match, chain }) => {
+      const attributes = callOrReturn(config.getAttributes, undefined, match) || {}
+      const tr = state.tr.delete(range.from, range.to)
+      const $start = tr.doc.resolve(range.from)
+      const blockRange = $start.blockRange()
+      const wrapping = blockRange && findWrapping(blockRange, config.type, attributes)
+
+      if (!wrapping) {
+        return null
+      }
+
+      tr.wrap(blockRange, wrapping)
+
+      if (config.keepMarks && config.editor) {
+        const { selection, storedMarks } = state
+        const { splittableMarks } = config.editor.extensionManager
+        const marks = storedMarks || (selection.$to.parentOffset && selection.$from.marks())
+
+        if (marks) {
+          const filteredMarks = marks.filter(mark => splittableMarks.includes(mark.type.name))
+
+          tr.ensureMarks(filteredMarks)
+        }
+      }
+      if (config.keepAttributes) {
+        /** If the nodeType is `bulletList` or `orderedList` set the `nodeType` as `listItem` */
+        const nodeType =
+          config.type.name === 'bulletList' || config.type.name === 'orderedList'
+            ? 'listItem'
+            : 'taskList'
+
+        chain().updateAttributes(nodeType, attributes).run()
+      }
+
+      const before = tr.doc.resolve(range.from - 1).nodeBefore
+
+      if (
+        before &&
+        before.type === config.type &&
+        canJoin(tr.doc, range.from - 1) &&
+        (!config.joinPredicate || config.joinPredicate(match, before))
+      ) {
+        tr.join(range.from - 1)
+      }
+    },
+    undoable: config.undoable,
+  })
+}
diff --git a/packages/core/src/jsx-runtime.test.ts b/packages/core/src/jsx-runtime.test.ts
new file mode 100644
index 0000000..38bbe2d
--- /dev/null
+++ b/packages/core/src/jsx-runtime.test.ts
@@ -0,0 +1,349 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { Fragment, h, jsx, jsxs } from './jsx-runtime.js'
+
+describe('JSX Runtime', () => {
+  describe('basic functionality', () => {
+    it('should render a simple element tag', () => {
+      const result = h('div', {})
+
+      expect(result).toEqual(['div', {}])
+    })
+
+    it('should render an element with attributes', () => {
+      const result = h('div', { class: 'container', id: 'main' })
+
+      expect(result).toEqual(['div', { class: 'container', id: 'main' }])
+    })
+
+    it('should render slot tag as 0 (content hole)', () => {
+      const result = h('slot', {})
+
+      expect(result).toBe(0)
+    })
+
+    it('should handle function components', () => {
+      const Component = (props: any) => ['span', props]
+      const result = h(Component, { class: 'test' })
+
+      expect(result).toEqual(['span', { class: 'test' }])
+    })
+
+    it('should keep a function component as a single child', () => {
+      const Component = (props: any) => ['span', props]
+      const component = h(Component, { class: 'test' })
+      const result = h('div', { children: [component, 'text'] })
+
+      expect(result).toEqual(['div', {}, ['span', { class: 'test' }], 'text'])
+    })
+
+    it('should throw error for svg elements', () => {
+      expect(() => h('svg', {})).toThrow(
+        'SVG elements are not supported in the JSX syntax, use the array syntax instead',
+      )
+    })
+  })
+
+  describe('single child rendering', () => {
+    it('should render element with single text child', () => {
+      const result = h('div', { children: 'Hello World' })
+
+      expect(result).toEqual(['div', {}, 'Hello World'])
+    })
+
+    it('should render element with single element child', () => {
+      const child = h('span', { children: 'text' })
+      const result = h('div', { children: child })
+
+      expect(result).toEqual(['div', {}, ['span', {}, 'text']])
+    })
+
+    it('should render element with single child and attributes', () => {
+      const child = h('span', { children: 'text' })
+      const result = h('div', { class: 'container', children: child })
+
+      expect(result).toEqual(['div', { class: 'container' }, ['span', {}, 'text']])
+    })
+  })
+
+  describe('nested sibling rendering', () => {
+    it('should render multiple sibling elements by spreading them', () => {
+      // Simulates JSX: <div><span>A</span><span>B</span></div>
+      const child1 = h('span', { children: 'A' })
+      const child2 = h('span', { children: 'B' })
+      const result = h('div', { children: [child1, child2] })
+
+      // Expected: ["div", {}, ["span", {}, "A"], ["span", {}, "B"]]
+      // NOT: ["div", {}, [["span", {}, "A"], ["span", {}, "B"]]]
+      expect(result).toEqual(['div', {}, ['span', {}, 'A'], ['span', {}, 'B']])
+    })
+
+    it('should render three sibling elements correctly', () => {
+      const child1 = h('span', { children: 'First' })
+      const child2 = h('span', { children: 'Second' })
+      const child3 = h('span', { children: 'Third' })
+      const result = h('div', { children: [child1, child2, child3] })
+
+      expect(result).toEqual([
+        'div',
+        {},
+        ['span', {}, 'First'],
+        ['span', {}, 'Second'],
+        ['span', {}, 'Third'],
+      ])
+    })
+
+    it('should render elements with attributes and multiple children', () => {
+      // Simulates JSX: <div class="container"><span>A</span><span>B</span></div>
+      const child1 = h('span', { children: 'A' })
+      const child2 = h('span', { children: 'B' })
+      const result = h('div', { class: 'container', children: [child1, child2] })
+
+      expect(result).toEqual(['div', { class: 'container' }, ['span', {}, 'A'], ['span', {}, 'B']])
+    })
+
+    it('should render nested structures with multiple siblings at each level', () => {
+      // Simulates complex nested JSX
+      const innerChild1 = h('span', { children: 'Title' })
+      const innerChild2 = h('span', { children: 'Value' })
+      const middleChild = h('div', { class: 'stat', children: [innerChild1, innerChild2] })
+
+      const result = h('div', { class: 'stats', children: [middleChild] })
+
+      expect(result).toEqual([
+        'div',
+        { class: 'stats' },
+        ['div', { class: 'stat' }, ['span', {}, 'Title'], ['span', {}, 'Value']],
+      ])
+    })
+
+    it('should handle the issue example: stats card with nested siblings', () => {
+      // This is the exact scenario from GitHub issue #6949
+      const statTitle = jsx('div', { class: 'stat-title', children: 'Title' })
+      const statValue = jsx('div', { class: 'stat-value', children: '1,000' })
+      const stat = jsxs('div', { class: 'stat', children: [statTitle, statValue] })
+      const result = jsx('div', { class: 'stats', children: stat })
+
+      expect(result).toEqual([
+        'div',
+        { class: 'stats' },
+        [
+          'div',
+          { class: 'stat' },
+          ['div', { class: 'stat-title' }, 'Title'],
+          ['div', { class: 'stat-value' }, '1,000'],
+        ],
+      ])
+    })
+  })
+
+  describe('edge cases', () => {
+    it('should handle empty children array', () => {
+      const result = h('div', { children: [] })
+
+      expect(result).toEqual(['div', {}])
+    })
+
+    it('should handle undefined children', () => {
+      const result = h('div', { children: undefined })
+
+      expect(result).toEqual(['div', {}])
+    })
+
+    it('should handle null children', () => {
+      const result = h('div', { children: null })
+
+      expect(result).toEqual(['div', {}])
+    })
+
+    it('should filter out null and undefined from children array', () => {
+      const child1 = h('span', { children: 'A' })
+      const child2 = h('span', { children: 'B' })
+      const result = h('div', { children: [child1, null, child2, undefined] })
+
+      expect(result).toEqual(['div', {}, ['span', {}, 'A'], ['span', {}, 'B']])
+    })
+
+    it('should handle array with all null/undefined children', () => {
+      const result = h('div', { children: [null, undefined, null] })
+
+      expect(result).toEqual(['div', {}])
+    })
+  })
+
+  describe('Fragment component', () => {
+    it('should return children array from Fragment', () => {
+      const child1 = h('span', { children: 'A' })
+      const child2 = h('span', { children: 'B' })
+      const result = Fragment({ children: [child1, child2] })
+
+      expect(result).toEqual([
+        ['span', {}, 'A'],
+        ['span', {}, 'B'],
+      ])
+    })
+
+    it('should work with Fragment as a parent component', () => {
+      const child1 = h('div', { children: 'First' })
+      const child2 = h('div', { children: 'Second' })
+      const fragmentResult = Fragment({ children: [child1, child2] })
+
+      expect(fragmentResult).toEqual([
+        ['div', {}, 'First'],
+        ['div', {}, 'Second'],
+      ])
+    })
+
+    it('should spread fragment children when nested', () => {
+      const child1 = h('span', { children: 'A' })
+      const child2 = h('span', { children: 'B' })
+      const fragment = Fragment({ children: [child1, child2] })
+      const result = h('div', { children: fragment })
+
+      expect(result).toEqual(['div', {}, ['span', {}, 'A'], ['span', {}, 'B']])
+    })
+
+    it('should spread a Fragment between sibling elements', () => {
+      const before = h('span', { children: 'Before' })
+      const nestedFragment = Fragment({
+        children: [h('span', { children: 'Inside A' }), h('span', { children: 'Inside B' })],
+      })
+      const fragment = Fragment({ children: [nestedFragment] })
+      const after = h('span', { children: 'After' })
+      const result = h('div', { children: [before, fragment, after] })
+
+      expect(result).toEqual([
+        'div',
+        {},
+        ['span', {}, 'Before'],
+        ['span', {}, 'Inside A'],
+        ['span', {}, 'Inside B'],
+        ['span', {}, 'After'],
+      ])
+    })
+  })
+
+  describe('content hole (slot) integration', () => {
+    it('should render element with slot (0) as child', () => {
+      const slot = h('slot', {})
+      const result = h('div', { children: slot })
+
+      expect(result).toEqual(['div', {}, 0])
+    })
+
+    it('should render element with attributes and slot', () => {
+      const slot = h('slot', {})
+      const result = h('div', { class: 'content', children: slot })
+
+      expect(result).toEqual(['div', { class: 'content' }, 0])
+    })
+
+    it('should handle slot in nested structure', () => {
+      const slot = h('slot', {})
+      const inner = h('div', { class: 'inner', children: slot })
+      const result = h('div', { class: 'outer', children: inner })
+
+      expect(result).toEqual(['div', { class: 'outer' }, ['div', { class: 'inner' }, 0]])
+    })
+  })
+
+  describe('mixed content', () => {
+    it('should handle mixed text and element children', () => {
+      const element = h('strong', { children: 'bold' })
+      const result = h('p', { children: [element] })
+
+      expect(result).toEqual(['p', {}, ['strong', {}, 'bold']])
+    })
+
+    it('should handle multiple mixed content types', () => {
+      const bold = h('strong', { children: 'important' })
+      const italic = h('em', { children: 'emphasis' })
+      const result = h('p', { children: [bold, italic] })
+
+      expect(result).toEqual(['p', {}, ['strong', {}, 'important'], ['em', {}, 'emphasis']])
+    })
+
+    it('should keep text and element siblings separate', () => {
+      const element = jsx('strong', { children: 'bold' })
+      const result = jsxs('p', { children: ['text', element] })
+
+      expect(result).toEqual(['p', {}, 'text', ['strong', {}, 'bold']])
+    })
+
+    it('should keep text and slot siblings separate', () => {
+      const slot = jsx('slot', {})
+      const result = jsxs('div', { children: ['text', slot] })
+
+      expect(result).toEqual(['div', {}, 'text', 0])
+    })
+  })
+
+  describe('real-world scenarios', () => {
+    it('should handle complex node rendering structure', () => {
+      // Simulates a complex custom node like a callout with icon and content
+      const icon = h('span', { class: 'icon', children: '📝' })
+      const title = h('div', { class: 'title', children: 'Note' })
+      const content = h('div', { class: 'content', children: h('slot', {}) })
+      const header = h('div', { class: 'header', children: [icon, title] })
+
+      const result = h('div', { class: 'callout', children: [header, content] })
+
+      expect(result).toEqual([
+        'div',
+        { class: 'callout' },
+        [
+          'div',
+          { class: 'header' },
+          ['span', { class: 'icon' }, '📝'],
+          ['div', { class: 'title' }, 'Note'],
+        ],
+        ['div', { class: 'content' }, 0],
+      ])
+    })
+
+    it('should handle deeply nested sibling structures', () => {
+      // Level 3
+      const leaf1 = h('span', { children: 'A' })
+      const leaf2 = h('span', { children: 'B' })
+
+      // Level 2
+      const branch = h('div', { class: 'branch', children: [leaf1, leaf2] })
+
+      // Level 1
+      const root = h('div', { class: 'root', children: [branch] })
+
+      expect(root).toEqual([
+        'div',
+        { class: 'root' },
+        ['div', { class: 'branch' }, ['span', {}, 'A'], ['span', {}, 'B']],
+      ])
+    })
+  })
+
+  describe('JSX boundary handling', () => {
+    it('should spread array of DOMOutputSpecArrays, not treat as single child', () => {
+      // Array of multiple DOMOutputSpecArrays should be spread
+      const children = [
+        ['span', {}, 'A'],
+        ['span', {}, 'B'],
+      ] as any
+      const result = h('div', { children })
+
+      expect(result).toEqual(['div', {}, ['span', {}, 'A'], ['span', {}, 'B']])
+    })
+
+    it('should handle array starting with 0 as multiple children', () => {
+      const children = [0, 'text'] as any
+      const result = h('div', { children })
+
+      expect(result).toEqual(['div', {}, 0, 'text'])
+    })
+
+    it('should handle single 0 (content hole) as child', () => {
+      // Single 0 is the content hole marker
+      const result = h('div', { children: 0 })
+
+      expect(result).toEqual(['div', {}, 0])
+    })
+  })
+})
diff --git a/packages/core/src/jsx-runtime.ts b/packages/core/src/jsx-runtime.ts
new file mode 100644
index 0000000..6ed2e11
--- /dev/null
+++ b/packages/core/src/jsx-runtime.ts
@@ -0,0 +1,145 @@
+export type Attributes = Record<string, any>
+
+export type DOMOutputSpecElement = 0 | Attributes | DOMOutputSpecArray
+/**
+ * Better describes the output of a `renderHTML` function in prosemirror
+ * @see https://prosemirror.net/docs/ref/#model.DOMOutputSpec
+ */
+export type DOMOutputSpecArray =
+  | [string]
+  | [string, Attributes]
+  | [string, 0]
+  | [string, Attributes, 0]
+  | [string, Attributes, DOMOutputSpecArray | 0]
+  | [string, DOMOutputSpecArray]
+
+// Child lists and DOM output specs are both arrays, so track JSX boundaries by identity.
+const jsxElements = new WeakSet<DOMOutputSpecArray>()
+const jsxFragments = new WeakSet<unknown[]>()
+
+/** Create a new JSX element from the given spec */
+function createJSXElement(spec: unknown[]): DOMOutputSpecArray {
+  const element = spec as DOMOutputSpecArray
+
+  jsxElements.add(element)
+
+  return element
+}
+
+/** Check if a spec is a JSX element */
+function isJSXElement(value: unknown): value is DOMOutputSpecArray {
+  return Array.isArray(value) && jsxElements.has(value as DOMOutputSpecArray)
+}
+
+function flattenFragmentChildren(children: unknown[]): unknown[] {
+  return children.flatMap(child => {
+    if (child == null) {
+      return []
+    }
+
+    if (Array.isArray(child) && jsxFragments.has(child) && !isJSXElement(child)) {
+      return flattenFragmentChildren(child)
+    }
+
+    return [child]
+  })
+}
+
+// JSX types for Tiptap's JSX runtime
+// These types only apply when using @jsxImportSource @tiptap/core
+export declare namespace JSX {
+  export type Element = DOMOutputSpecArray
+  export interface IntrinsicElements {
+    [key: string]: any
+  }
+  export interface ElementChildrenAttribute {
+    children: unknown
+  }
+}
+
+type JSXChild = DOMOutputSpecElement | string | null | undefined | JSXChild[]
+
+export type JSXRenderer = (
+  tag: 'slot' | string | ((props?: Attributes) => DOMOutputSpecArray | DOMOutputSpecElement),
+  props?: Attributes,
+  ...children: JSXChild[]
+) => DOMOutputSpecArray | DOMOutputSpecElement
+
+export function Fragment(props: { children: JSXChild[] }) {
+  jsxFragments.add(props.children)
+
+  return props.children
+}
+
+function render(tag: Parameters<JSXRenderer>[0], attributes: Attributes | undefined) {
+  // Treat the slot tag as the Prosemirror hole to render content into
+  if (tag === 'slot') {
+    return 0
+  }
+
+  // If the tag is a function, call it with the props
+  if (tag instanceof Function) {
+    const result = tag(attributes)
+
+    if (Array.isArray(result) && !isJSXElement(result) && !jsxFragments.has(result)) {
+      return createJSXElement(result)
+    }
+
+    return result
+  }
+
+  const { children, ...rest } = attributes ?? {}
+
+  if (tag === 'svg') {
+    throw new Error(
+      'SVG elements are not supported in the JSX syntax, use the array syntax instead',
+    )
+  }
+
+  // Handle children array by spreading elements
+  if (Array.isArray(children)) {
+    if (isJSXElement(children)) {
+      return createJSXElement([tag, rest, children])
+    }
+
+    if (children.length === 0) {
+      // Empty array means no children
+      return createJSXElement([tag, rest])
+    }
+
+    const flattenedChildren = flattenFragmentChildren(children)
+
+    if (flattenedChildren.length === 0) {
+      return createJSXElement([tag, rest])
+    }
+
+    // Spread children into the result array
+    return createJSXElement([tag, rest, ...flattenedChildren])
+  }
+
+  // Single child or no children
+  if (children !== undefined && children !== null) {
+    return createJSXElement([tag, rest, children])
+  }
+
+  return createJSXElement([tag, rest])
+}
+
+export const h: JSXRenderer = (tag, attributes) => render(tag, attributes)
+
+export const jsxs: JSXRenderer = (tag, attributes) => render(tag, attributes)
+
+export const jsxDEV = (
+  tag: Parameters<JSXRenderer>[0],
+  attributes?: Attributes,
+  _key?: unknown,
+  _isStaticChildren?: boolean,
+) => {
+  return render(tag, attributes)
+}
+
+// See
+// https://esbuild.github.io/api/#jsx-import-source
+// https://www.typescriptlang.org/tsconfig/#jsxImportSource
+
+export { h as createElement, h as jsx }
diff --git a/packages/core/src/lib/ResizableNodeView.test.ts b/packages/core/src/lib/ResizableNodeView.test.ts
new file mode 100644
index 0000000..6fa2afa
--- /dev/null
+++ b/packages/core/src/lib/ResizableNodeView.test.ts
@@ -0,0 +1,121 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+import { Node } from '../Node.js'
+import { ResizableNodeView } from './ResizableNodeView.js'
+
+const InlineImage = Node.create({
+  name: 'inlineImage',
+  group: 'inline',
+  inline: true,
+  atom: true,
+
+  addAttributes() {
+    return {
+      src: { default: null },
+      width: { default: null },
+      height: { default: null },
+    }
+  },
+
+  parseHTML() {
+    return [{ tag: 'img[data-type="inline"]' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['img', { 'data-type': 'inline', ...HTMLAttributes }]
+  },
+
+  addNodeView() {
+    return ({ node, editor, getPos }) => {
+      const el = document.createElement('img')
+
+      return new ResizableNodeView({
+        element: el,
+        node,
+        editor,
+        getPos: getPos as () => number,
+        onResize: () => {},
+        onCommit: () => {},
+        onUpdate: () => true,
+      })
+    }
+  },
+})
+
+const BlockImage = Node.create({
+  name: 'blockImage',
+  group: 'block',
+  atom: true,
+
+  addAttributes() {
+    return {
+      src: { default: null },
+      width: { default: null },
+      height: { default: null },
+    }
+  },
+
+  parseHTML() {
+    return [{ tag: 'img[data-type="block"]' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['img', { 'data-type': 'block', ...HTMLAttributes }]
+  },
+
+  addNodeView() {
+    return ({ node, editor, getPos }) => {
+      const el = document.createElement('img')
+
+      return new ResizableNodeView({
+        element: el,
+        node,
+        editor,
+        getPos: getPos as () => number,
+        onResize: () => {},
+        onCommit: () => {},
+        onUpdate: () => true,
+      })
+    }
+  },
+})
+
+describe('ResizableNodeView', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('should use inline-flex display for inline nodes', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, InlineImage],
+      content: '<p><img data-type="inline" src="test.png" /></p>',
+    })
+
+    const container = editor.view.dom.querySelector(
+      '[data-resize-container][data-node="inlineImage"]',
+    ) as HTMLElement
+
+    expect(container).not.toBeNull()
+    expect(container.style.display).toBe('inline-flex')
+  })
+
+  it('should use flex display for block nodes', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BlockImage],
+      content: '<img data-type="block" src="test.png" />',
+    })
+
+    const container = editor.view.dom.querySelector(
+      '[data-resize-container][data-node="blockImage"]',
+    ) as HTMLElement
+
+    expect(container).not.toBeNull()
+    expect(container.style.display).toBe('flex')
+  })
+})
diff --git a/packages/core/src/lib/ResizableNodeView.ts b/packages/core/src/lib/ResizableNodeView.ts
new file mode 100644
index 0000000..b2f309e
--- /dev/null
+++ b/packages/core/src/lib/ResizableNodeView.ts
@@ -0,0 +1,1079 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Decoration, DecorationSource, NodeView } from '@tiptap/pm/view'
+
+import type { Editor } from '../Editor.js'
+
+const isTouchEvent = (e: MouseEvent | TouchEvent): e is TouchEvent => {
+  return 'touches' in e
+}
+
+/**
+ * Directions where resize handles can be placed
+ *
+ * @example
+ * - `'top'` - Top edge handle
+ * - `'bottom-right'` - Bottom-right corner handle
+ */
+export type ResizableNodeViewDirection =
+  | 'top'
+  | 'right'
+  | 'bottom'
+  | 'left'
+  | 'top-right'
+  | 'top-left'
+  | 'bottom-right'
+  | 'bottom-left'
+
+/**
+ * Dimensions for the resizable node in pixels
+ */
+export type ResizableNodeDimensions = {
+  /** Width in pixels */
+  width: number
+  /** Height in pixels */
+  height: number
+}
+
+/**
+ * Configuration options for creating a ResizableNodeView
+ *
+ * @example
+ * ```ts
+ * new ResizableNodeView({
+ *   element: imgElement,
+ *   node,
+ *   getPos,
+ *   onResize: (width, height) => {
+ *     imgElement.style.width = `${width}px`
+ *     imgElement.style.height = `${height}px`
+ *   },
+ *   onCommit: (width, height) => {
+ *     editor.commands.updateAttributes('image', { width, height })
+ *   },
+ *   onUpdate: (node) => true,
+ *   options: {
+ *     directions: ['bottom-right', 'bottom-left'],
+ *     min: { width: 100, height: 100 },
+ *     preserveAspectRatio: true
+ *   }
+ * })
+ * ```
+ */
+export type ResizableNodeViewOptions = {
+  /**
+   * The DOM element to make resizable (e.g., an img, video, or iframe element)
+   */
+  element: HTMLElement
+
+  /**
+   * The DOM element that will hold the editable content element
+   */
+  contentElement?: HTMLElement
+
+  /**
+   * The ProseMirror node instance
+   */
+  node: PMNode
+
+  /**
+   * The Tiptap editor instance
+   */
+  editor: Editor
+
+  /**
+   * Function that returns the current position of the node in the document
+   */
+  getPos: () => number | undefined
+
+  /**
+   * Callback fired continuously during resize with current dimensions.
+   * Use this to update the element's visual size in real-time.
+   *
+   * @param width - Current width in pixels
+   * @param height - Current height in pixels
+   *
+   * @example
+   * ```ts
+   * onResize: (width, height) => {
+   *   element.style.width = `${width}px`
+   *   element.style.height = `${height}px`
+   * }
+   * ```
+   */
+  onResize?: (width: number, height: number) => void
+
+  /**
+   * Callback fired once when resize completes with final dimensions.
+   * Use this to persist the new size to the node's attributes.
+   *
+   * @param width - Final width in pixels
+   * @param height - Final height in pixels
+   *
+   * @example
+   * ```ts
+   * onCommit: (width, height) => {
+   *   const pos = getPos()
+   *   if (pos !== undefined) {
+   *     editor.commands.updateAttributes('image', { width, height })
+   *   }
+   * }
+   * ```
+   */
+  onCommit: (width: number, height: number) => void
+
+  /**
+   * Callback for handling node updates.
+   * Return `true` to accept the update, `false` to reject it.
+   *
+   * @example
+   * ```ts
+   * onUpdate: (node, decorations, innerDecorations) => {
+   *   if (node.type !== this.node.type) return false
+   *   return true
+   * }
+   * ```
+   */
+  onUpdate: NodeView['update']
+
+  /**
+   * Optional configuration for resize behavior and styling
+   */
+  options?: {
+    /**
+     * Which resize handles to display.
+     * @default ['bottom-left', 'bottom-right', 'top-left', 'top-right']
+     *
+     * @example
+     * ```ts
+     * // Only show corner handles
+     * directions: ['top-left', 'top-right', 'bottom-left', 'bottom-right']
+     *
+     * // Only show right edge handle
+     * directions: ['right']
+     * ```
+     */
+    directions?: ResizableNodeViewDirection[]
+
+    /**
+     * Minimum dimensions in pixels
+     * @default { width: 8, height: 8 }
+     *
+     * @example
+     * ```ts
+     * min: { width: 100, height: 50 }
+     * ```
+     */
+    min?: Partial<ResizableNodeDimensions>
+
+    /**
+     * Maximum dimensions in pixels
+     * @default undefined (no maximum)
+     *
+     * @example
+     * ```ts
+     * max: { width: 1000, height: 800 }
+     * ```
+     */
+    max?: Partial<ResizableNodeDimensions>
+
+    /**
+     * Always preserve aspect ratio when resizing.
+     * When `false`, aspect ratio is preserved only when Shift key is pressed.
+     * @default false
+     *
+     * @example
+     * ```ts
+     * preserveAspectRatio: true // Always lock aspect ratio
+     * ```
+     */
+    preserveAspectRatio?: boolean
+
+    /**
+     * Custom CSS class names for styling
+     *
+     * @example
+     * ```ts
+     * className: {
+     *   container: 'resize-container',
+     *   wrapper: 'resize-wrapper',
+     *   handle: 'resize-handle',
+     *   resizing: 'is-resizing'
+     * }
+     * ```
+     */
+    className?: {
+      /** Class for the outer container element */
+      container?: string
+      /** Class for the wrapper element that contains the resizable element */
+      wrapper?: string
+      /** Class applied to all resize handles */
+      handle?: string
+      /** Class added to container while actively resizing */
+      resizing?: string
+    }
+
+    /**
+     * Optional callback for creating custom resize handle elements.
+     *
+     * This function allows developers to define their own handle element
+     * (e.g., custom icons, classes, or styles) for a given resize direction.
+     * It is called internally for each handle direction.
+     *
+     * @param direction - The direction of the handle being created (e.g., 'top', 'bottom-right').
+     * @returns The custom handle HTMLElement.
+     *
+     * @example
+     * ```ts
+     * createCustomHandle: (direction) => {
+     *   const handle = document.createElement('div')
+     *   handle.dataset.resizeHandle = direction
+     *   handle.style.position = 'absolute'
+     *   handle.className = 'tiptap-custom-handle'
+     *
+     *   const isTop = direction.includes('top')
+     *   const isBottom = direction.includes('bottom')
+     *   const isLeft = direction.includes('left')
+     *   const isRight = direction.includes('right')
+     *
+     *   if (isTop) handle.style.top = '0'
+     *   if (isBottom) handle.style.bottom = '0'
+     *   if (isLeft) handle.style.left = '0'
+     *   if (isRight) handle.style.right = '0'
+     *
+     *   // Edge handles span the full width or height
+     *   if (direction === 'top' || direction === 'bottom') {
+     *     handle.style.left = '0'
+     *     handle.style.right = '0'
+     *   }
+     *
+     *   if (direction === 'left' || direction === 'right') {
+     *     handle.style.top = '0'
+     *     handle.style.bottom = '0'
+     *   }
+     *
+     *   return handle
+     * }
+     * ```
+     */
+    createCustomHandle?: (direction: ResizableNodeViewDirection) => HTMLElement
+  }
+}
+
+/**
+ * A NodeView implementation that adds resize handles to any DOM element.
+ *
+ * This class creates a resizable node view for Tiptap/ProseMirror editors.
+ * It wraps your element with resize handles and manages the resize interaction,
+ * including aspect ratio preservation, min/max constraints, and keyboard modifiers.
+ *
+ * @example
+ * ```ts
+ * // Basic usage in a Tiptap extension
+ * addNodeView() {
+ *   return ({ node, getPos }) => {
+ *     const img = document.createElement('img')
+ *     img.src = node.attrs.src
+ *
+ *     return new ResizableNodeView({
+ *       element: img,
+ *       node,
+ *       getPos,
+ *       onResize: (width, height) => {
+ *         img.style.width = `${width}px`
+ *         img.style.height = `${height}px`
+ *       },
+ *       onCommit: (width, height) => {
+ *         this.editor.commands.updateAttributes('image', { width, height })
+ *       },
+ *       onUpdate: () => true,
+ *       options: {
+ *         min: { width: 100, height: 100 },
+ *         preserveAspectRatio: true
+ *       }
+ *     })
+ *   }
+ * }
+ * ```
+ */
+export class ResizableNodeView {
+  /** The ProseMirror node instance */
+  node: PMNode
+
+  /** The Tiptap editor instance */
+  editor: Editor
+
+  /** The DOM element being made resizable */
+  element: HTMLElement
+
+  /** The editable DOM element inside the DOM */
+  contentElement?: HTMLElement
+
+  /** The outer container element (returned as NodeView.dom) */
+  container: HTMLElement
+
+  /** The wrapper element that contains the element and handles */
+  wrapper: HTMLElement
+
+  /** Function to get the current node position */
+  getPos: () => number | undefined
+
+  /** Callback fired during resize */
+  onResize?: (width: number, height: number) => void
+
+  /** Callback fired when resize completes */
+  onCommit: (width: number, height: number) => void
+
+  /** Callback for node updates */
+  onUpdate?: NodeView['update']
+
+  /** Active resize handle directions */
+  directions: ResizableNodeViewDirection[] = [
+    'bottom-left',
+    'bottom-right',
+    'top-left',
+    'top-right',
+  ]
+
+  /** Minimum allowed dimensions */
+  minSize: ResizableNodeDimensions = {
+    height: 8,
+    width: 8,
+  }
+
+  /** Maximum allowed dimensions (optional) */
+  maxSize?: Partial<ResizableNodeDimensions>
+
+  /** Whether to always preserve aspect ratio */
+  preserveAspectRatio: boolean = false
+
+  /** CSS class names for elements */
+  classNames = {
+    container: '',
+    wrapper: '',
+    handle: '',
+    resizing: '',
+  }
+
+  /** Optional callback for creating custom resize handles */
+  createCustomHandle?: (direction: ResizableNodeViewDirection) => HTMLElement
+
+  /** Initial width of the element (for aspect ratio calculation) */
+  private initialWidth: number = 0
+
+  /** Initial height of the element (for aspect ratio calculation) */
+  private initialHeight: number = 0
+
+  /** Calculated aspect ratio (width / height) */
+  private aspectRatio: number = 1
+
+  /** Whether a resize operation is currently active */
+  private isResizing: boolean = false
+
+  /** The handle currently being dragged */
+  private activeHandle: ResizableNodeViewDirection | null = null
+
+  /** Starting mouse X position when resize began */
+  private startX: number = 0
+
+  /** Starting mouse Y position when resize began */
+  private startY: number = 0
+
+  /** Element width when resize began */
+  private startWidth: number = 0
+
+  /** Element height when resize began */
+  private startHeight: number = 0
+
+  /** Whether Shift key is currently pressed (for temporary aspect ratio lock) */
+  private isShiftKeyPressed: boolean = false
+
+  /** Last known editable state of the editor */
+  private lastEditableState: boolean | undefined = undefined
+
+  /** Map of handle elements by direction */
+  private handleMap = new Map<ResizableNodeViewDirection, HTMLElement>()
+
+  /**
+   * Creates a new ResizableNodeView instance.
+   *
+   * The constructor sets up the resize handles, applies initial sizing from
+   * node attributes, and configures all resize behavior options.
+   *
+   * @param options - Configuration options for the resizable node view
+   */
+  constructor(options: ResizableNodeViewOptions) {
+    this.node = options.node
+    this.editor = options.editor
+    this.element = options.element
+    this.element.draggable = false
+    this.contentElement = options.contentElement
+
+    this.getPos = options.getPos
+
+    this.onResize = options.onResize
+    this.onCommit = options.onCommit
+    this.onUpdate = options.onUpdate
+
+    if (options.options?.min) {
+      this.minSize = {
+        ...this.minSize,
+        ...options.options.min,
+      }
+    }
+
+    if (options.options?.max) {
+      this.maxSize = options.options.max
+    }
+
+    if (options?.options?.directions) {
+      this.directions = options.options.directions
+    }
+
+    if (options.options?.preserveAspectRatio) {
+      this.preserveAspectRatio = options.options.preserveAspectRatio
+    }
+
+    if (options.options?.className) {
+      this.classNames = {
+        container: options.options.className.container || '',
+        wrapper: options.options.className.wrapper || '',
+        handle: options.options.className.handle || '',
+        resizing: options.options.className.resizing || '',
+      }
+    }
+
+    if (options.options?.createCustomHandle) {
+      this.createCustomHandle = options.options.createCustomHandle
+    }
+
+    this.wrapper = this.createWrapper()
+    this.container = this.createContainer()
+
+    this.applyInitialSize()
+    this.attachHandles()
+
+    this.editor.on('update', this.handleEditorUpdate.bind(this))
+  }
+
+  /**
+   * Returns the top-level DOM node that should be placed in the editor.
+   *
+   * This is required by the ProseMirror NodeView interface. The container
+   * includes the wrapper, handles, and the actual content element.
+   *
+   * @returns The container element to be inserted into the editor
+   */
+  get dom() {
+    return this.container
+  }
+
+  get contentDOM(): HTMLElement | null {
+    return this.contentElement ?? null
+  }
+
+  private handleEditorUpdate() {
+    const isEditable = this.editor.isEditable
+
+    // Only if state actually changed
+    if (isEditable === this.lastEditableState) {
+      return
+    }
+
+    this.lastEditableState = isEditable
+
+    if (!isEditable) {
+      this.removeHandles()
+    } else if (isEditable && this.handleMap.size === 0) {
+      this.attachHandles()
+    }
+  }
+
+  /**
+   * Called when the node's content or attributes change.
+   *
+   * Updates the internal node reference. If a custom `onUpdate` callback
+   * was provided, it will be called to handle additional update logic.
+   *
+   * @param node - The new/updated node
+   * @param decorations - Node decorations
+   * @param innerDecorations - Inner decorations
+   * @returns `false` if the node type has changed (requires full rebuild), otherwise the result of `onUpdate` or `true`
+   */
+  update(
+    node: PMNode,
+    decorations: readonly Decoration[],
+    innerDecorations: DecorationSource,
+  ): boolean {
+    if (node.type !== this.node.type) {
+      return false
+    }
+
+    this.node = node
+
+    if (this.onUpdate) {
+      return this.onUpdate(node, decorations, innerDecorations)
+    }
+
+    return true
+  }
+
+  /**
+   * Cleanup method called when the node view is being removed.
+   *
+   * Removes all event listeners to prevent memory leaks. This is required
+   * by the ProseMirror NodeView interface. If a resize is active when
+   * destroy is called, it will be properly cancelled.
+   */
+  destroy() {
+    if (this.isResizing) {
+      this.container.dataset.resizeState = 'false'
+
+      if (this.classNames.resizing) {
+        this.container.classList.remove(this.classNames.resizing)
+      }
+
+      document.removeEventListener('mousemove', this.handleMouseMove)
+      document.removeEventListener('mouseup', this.handleMouseUp)
+      document.removeEventListener('keydown', this.handleKeyDown)
+      document.removeEventListener('keyup', this.handleKeyUp)
+      this.isResizing = false
+      this.activeHandle = null
+    }
+
+    this.editor.off('update', this.handleEditorUpdate.bind(this))
+
+    this.container.remove()
+  }
+
+  /**
+   * Creates the outer container element.
+   *
+   * The container is the top-level element returned by the NodeView and
+   * wraps the entire resizable node. It's set up with flexbox to handle
+   * alignment and includes data attributes for styling and identification.
+   *
+   * @returns The container element
+   */
+  createContainer() {
+    const element = document.createElement('div')
+    element.dataset.resizeContainer = ''
+    element.dataset.node = this.node.type.name
+    element.style.display = this.node.type.isInline ? 'inline-flex' : 'flex'
+
+    if (this.classNames.container) {
+      element.className = this.classNames.container
+    }
+
+    element.appendChild(this.wrapper)
+
+    return element
+  }
+
+  /**
+   * Creates the wrapper element that contains the content and handles.
+   *
+   * The wrapper uses relative positioning so that resize handles can be
+   * positioned absolutely within it. This is the direct parent of the
+   * content element being made resizable.
+   *
+   * @returns The wrapper element
+   */
+  createWrapper() {
+    const element = document.createElement('div')
+    element.style.position = 'relative'
+    element.style.display = 'block'
+    element.dataset.resizeWrapper = ''
+
+    if (this.classNames.wrapper) {
+      element.className = this.classNames.wrapper
+    }
+
+    element.appendChild(this.element)
+
+    return element
+  }
+
+  /**
+   * Creates a resize handle element for a specific direction.
+   *
+   * Each handle is absolutely positioned and includes a data attribute
+   * identifying its direction for styling purposes.
+   *
+   * @param direction - The resize direction for this handle
+   * @returns The handle element
+   */
+  private createHandle(direction: ResizableNodeViewDirection): HTMLElement {
+    const handle = document.createElement('div')
+    handle.dataset.resizeHandle = direction
+    handle.style.position = 'absolute'
+
+    if (this.classNames.handle) {
+      handle.className = this.classNames.handle
+    }
+
+    return handle
+  }
+
+  /**
+   * Positions a handle element according to its direction.
+   *
+   * Corner handles (e.g., 'top-left') are positioned at the intersection
+   * of two edges. Edge handles (e.g., 'top') span the full width or height.
+   *
+   * @param handle - The handle element to position
+   * @param direction - The direction determining the position
+   */
+  private positionHandle(handle: HTMLElement, direction: ResizableNodeViewDirection): void {
+    const isTop = direction.includes('top')
+    const isBottom = direction.includes('bottom')
+    const isLeft = direction.includes('left')
+    const isRight = direction.includes('right')
+
+    if (isTop) {
+      handle.style.top = '0'
+    }
+
+    if (isBottom) {
+      handle.style.bottom = '0'
+    }
+
+    if (isLeft) {
+      handle.style.left = '0'
+    }
+
+    if (isRight) {
+      handle.style.right = '0'
+    }
+
+    // Edge handles span the full width or height
+    if (direction === 'top' || direction === 'bottom') {
+      handle.style.left = '0'
+      handle.style.right = '0'
+    }
+
+    if (direction === 'left' || direction === 'right') {
+      handle.style.top = '0'
+      handle.style.bottom = '0'
+    }
+  }
+
+  /**
+   * Creates and attaches all resize handles to the wrapper.
+   *
+   * Iterates through the configured directions, creates a handle for each,
+   * positions it, attaches the mousedown listener, and appends it to the DOM.
+   */
+  private attachHandles(): void {
+    this.directions.forEach(direction => {
+      let handle: HTMLElement
+
+      if (this.createCustomHandle) {
+        handle = this.createCustomHandle(direction)
+      } else {
+        handle = this.createHandle(direction)
+      }
+
+      if (!(handle instanceof HTMLElement)) {
+        console.warn(
+          `[ResizableNodeView] createCustomHandle("${direction}") did not return an HTMLElement. Falling back to default handle.`,
+        )
+        handle = this.createHandle(direction)
+      }
+
+      if (!this.createCustomHandle) {
+        this.positionHandle(handle, direction)
+      }
+
+      handle.addEventListener('mousedown', event => this.handleResizeStart(event, direction))
+      handle.addEventListener('touchstart', event =>
+        this.handleResizeStart(event as unknown as MouseEvent, direction),
+      )
+
+      this.handleMap.set(direction, handle)
+
+      this.wrapper.appendChild(handle)
+    })
+  }
+
+  /**
+   * Removes all resize handles from the wrapper.
+   *
+   * Cleans up the handle map and removes each handle element from the DOM.
+   */
+  private removeHandles(): void {
+    this.handleMap.forEach(el => el.remove())
+    this.handleMap.clear()
+  }
+
+  /**
+   * Applies initial sizing from node attributes to the element.
+   *
+   * If width/height attributes exist on the node, they're applied to the element.
+   * Otherwise, the element's natural/current dimensions are measured. The aspect
+   * ratio is calculated for later use in aspect-ratio-preserving resizes.
+   */
+  private applyInitialSize(): void {
+    const width = this.node.attrs.width as number | undefined
+    const height = this.node.attrs.height as number | undefined
+
+    if (width) {
+      this.element.style.width = `${width}px`
+      this.initialWidth = width
+    } else {
+      this.initialWidth = this.element.offsetWidth
+    }
+
+    if (height) {
+      this.element.style.height = `${height}px`
+      this.initialHeight = height
+    } else {
+      this.initialHeight = this.element.offsetHeight
+    }
+
+    // Calculate aspect ratio for use during resizing
+    if (this.initialWidth > 0 && this.initialHeight > 0) {
+      this.aspectRatio = this.initialWidth / this.initialHeight
+    }
+  }
+
+  /**
+   * Initiates a resize operation when a handle is clicked.
+   *
+   * Captures the starting mouse position and element dimensions, sets up
+   * the resize state, adds the resizing class and state attribute, and
+   * attaches document-level listeners for mouse movement and keyboard input.
+   *
+   * @param event - The mouse down event
+   * @param direction - The direction of the handle being dragged
+   */
+  private handleResizeStart(
+    event: MouseEvent | TouchEvent,
+    direction: ResizableNodeViewDirection,
+  ): void {
+    event.preventDefault()
+    event.stopPropagation()
+
+    // Capture initial state
+    this.isResizing = true
+    this.activeHandle = direction
+
+    if (isTouchEvent(event)) {
+      this.startX = event.touches[0].clientX
+      this.startY = event.touches[0].clientY
+    } else {
+      this.startX = event.clientX
+      this.startY = event.clientY
+    }
+
+    this.startWidth = this.element.offsetWidth
+    this.startHeight = this.element.offsetHeight
+
+    // Recalculate aspect ratio at resize start for accuracy
+    if (this.startWidth > 0 && this.startHeight > 0) {
+      this.aspectRatio = this.startWidth / this.startHeight
+    }
+
+    const pos = this.getPos()
+    if (pos !== undefined) {
+      // TODO: Select the node in the editor
+    }
+
+    // Update UI state
+    this.container.dataset.resizeState = 'true'
+
+    if (this.classNames.resizing) {
+      this.container.classList.add(this.classNames.resizing)
+    }
+
+    // Attach document-level listeners for resize
+    document.addEventListener('mousemove', this.handleMouseMove)
+    document.addEventListener('touchmove', this.handleTouchMove)
+    document.addEventListener('mouseup', this.handleMouseUp)
+    document.addEventListener('keydown', this.handleKeyDown)
+    document.addEventListener('keyup', this.handleKeyUp)
+  }
+
+  /**
+   * Handles mouse movement during an active resize.
+   *
+   * Calculates the delta from the starting position, computes new dimensions
+   * based on the active handle direction, applies constraints and aspect ratio,
+   * then updates the element's style and calls the onResize callback.
+   *
+   * @param event - The mouse move event
+   */
+  private handleMouseMove = (event: MouseEvent): void => {
+    if (!this.isResizing || !this.activeHandle) {
+      return
+    }
+
+    const deltaX = event.clientX - this.startX
+    const deltaY = event.clientY - this.startY
+
+    this.handleResize(deltaX, deltaY)
+  }
+
+  private handleTouchMove = (event: TouchEvent): void => {
+    if (!this.isResizing || !this.activeHandle) {
+      return
+    }
+
+    const touch = event.touches[0]
+    if (!touch) {
+      return
+    }
+
+    const deltaX = touch.clientX - this.startX
+    const deltaY = touch.clientY - this.startY
+
+    this.handleResize(deltaX, deltaY)
+  }
+
+  private handleResize(deltaX: number, deltaY: number) {
+    if (!this.activeHandle) {
+      return
+    }
+
+    const shouldPreserveAspectRatio = this.preserveAspectRatio || this.isShiftKeyPressed
+    const { width, height } = this.calculateNewDimensions(this.activeHandle, deltaX, deltaY)
+    const constrained = this.applyConstraints(width, height, shouldPreserveAspectRatio)
+
+    this.element.style.width = `${constrained.width}px`
+    this.element.style.height = `${constrained.height}px`
+
+    if (this.onResize) {
+      this.onResize(constrained.width, constrained.height)
+    }
+  }
+
+  /**
+   * Completes the resize operation when the mouse button is released.
+   *
+   * Captures final dimensions, calls the onCommit callback to persist changes,
+   * removes the resizing state and class, and cleans up document-level listeners.
+   */
+  private handleMouseUp = (): void => {
+    if (!this.isResizing) {
+      return
+    }
+
+    const finalWidth = this.element.offsetWidth
+    const finalHeight = this.element.offsetHeight
+
+    this.onCommit(finalWidth, finalHeight)
+
+    this.isResizing = false
+    this.activeHandle = null
+
+    // Remove UI state
+    this.container.dataset.resizeState = 'false'
+
+    if (this.classNames.resizing) {
+      this.container.classList.remove(this.classNames.resizing)
+    }
+
+    // Clean up document-level listeners
+    document.removeEventListener('mousemove', this.handleMouseMove)
+    document.removeEventListener('mouseup', this.handleMouseUp)
+    document.removeEventListener('keydown', this.handleKeyDown)
+    document.removeEventListener('keyup', this.handleKeyUp)
+  }
+
+  /**
+   * Tracks Shift key state to enable temporary aspect ratio locking.
+   *
+   * When Shift is pressed during resize, aspect ratio is preserved even if
+   * preserveAspectRatio is false.
+   *
+   * @param event - The keyboard event
+   */
+  private handleKeyDown = (event: KeyboardEvent): void => {
+    if (event.key === 'Shift') {
+      this.isShiftKeyPressed = true
+    }
+  }
+
+  /**
+   * Tracks Shift key release to disable temporary aspect ratio locking.
+   *
+   * @param event - The keyboard event
+   */
+  private handleKeyUp = (event: KeyboardEvent): void => {
+    if (event.key === 'Shift') {
+      this.isShiftKeyPressed = false
+    }
+  }
+
+  /**
+   * Calculates new dimensions based on mouse delta and resize direction.
+   *
+   * Takes the starting dimensions and applies the mouse movement delta
+   * according to the handle direction. For corner handles, both dimensions
+   * are affected. For edge handles, only one dimension changes. If aspect
+   * ratio should be preserved, delegates to applyAspectRatio.
+   *
+   * @param direction - The active resize handle direction
+   * @param deltaX - Horizontal mouse movement since resize start
+   * @param deltaY - Vertical mouse movement since resize start
+   * @returns The calculated width and height
+   */
+  private calculateNewDimensions(
+    direction: ResizableNodeViewDirection,
+    deltaX: number,
+    deltaY: number,
+  ): ResizableNodeDimensions {
+    let newWidth = this.startWidth
+    let newHeight = this.startHeight
+
+    const isRight = direction.includes('right')
+    const isLeft = direction.includes('left')
+    const isBottom = direction.includes('bottom')
+    const isTop = direction.includes('top')
+
+    // Apply horizontal delta
+    if (isRight) {
+      newWidth = this.startWidth + deltaX
+    } else if (isLeft) {
+      newWidth = this.startWidth - deltaX
+    }
+
+    // Apply vertical delta
+    if (isBottom) {
+      newHeight = this.startHeight + deltaY
+    } else if (isTop) {
+      newHeight = this.startHeight - deltaY
+    }
+
+    // For pure horizontal/vertical handles, only one dimension changes
+    if (direction === 'right' || direction === 'left') {
+      newWidth = this.startWidth + (isRight ? deltaX : -deltaX)
+    }
+
+    if (direction === 'top' || direction === 'bottom') {
+      newHeight = this.startHeight + (isBottom ? deltaY : -deltaY)
+    }
+
+    const shouldPreserveAspectRatio = this.preserveAspectRatio || this.isShiftKeyPressed
+
+    if (shouldPreserveAspectRatio) {
+      return this.applyAspectRatio(newWidth, newHeight, direction)
+    }
+
+    return { width: newWidth, height: newHeight }
+  }
+
+  /**
+   * Applies min/max constraints to dimensions.
+   *
+   * When aspect ratio is NOT preserved, constraints are applied independently
+   * to width and height. When aspect ratio IS preserved, constraints are
+   * applied while maintaining the aspect ratio—if one dimension hits a limit,
+   * the other is recalculated proportionally.
+   *
+   * This ensures that aspect ratio is never broken when constrained.
+   *
+   * @param width - The unconstrained width
+   * @param height - The unconstrained height
+   * @param preserveAspectRatio - Whether to maintain aspect ratio while constraining
+   * @returns The constrained dimensions
+   */
+  private applyConstraints(
+    width: number,
+    height: number,
+    preserveAspectRatio: boolean,
+  ): ResizableNodeDimensions {
+    if (!preserveAspectRatio) {
+      // Independent constraints for each dimension
+      let constrainedWidth = Math.max(this.minSize.width, width)
+      let constrainedHeight = Math.max(this.minSize.height, height)
+
+      if (this.maxSize?.width) {
+        constrainedWidth = Math.min(this.maxSize.width, constrainedWidth)
+      }
+
+      if (this.maxSize?.height) {
+        constrainedHeight = Math.min(this.maxSize.height, constrainedHeight)
+      }
+
+      return { width: constrainedWidth, height: constrainedHeight }
+    }
+
+    // Aspect-ratio-aware constraints: adjust both dimensions proportionally
+    let constrainedWidth = width
+    let constrainedHeight = height
+
+    // Check minimum constraints
+    if (constrainedWidth < this.minSize.width) {
+      constrainedWidth = this.minSize.width
+      constrainedHeight = constrainedWidth / this.aspectRatio
+    }
+
+    if (constrainedHeight < this.minSize.height) {
+      constrainedHeight = this.minSize.height
+      constrainedWidth = constrainedHeight * this.aspectRatio
+    }
+
+    // Check maximum constraints
+    if (this.maxSize?.width && constrainedWidth > this.maxSize.width) {
+      constrainedWidth = this.maxSize.width
+      constrainedHeight = constrainedWidth / this.aspectRatio
+    }
+
+    if (this.maxSize?.height && constrainedHeight > this.maxSize.height) {
+      constrainedHeight = this.maxSize.height
+      constrainedWidth = constrainedHeight * this.aspectRatio
+    }
+
+    return { width: constrainedWidth, height: constrainedHeight }
+  }
+
+  /**
+   * Adjusts dimensions to maintain the original aspect ratio.
+   *
+   * For horizontal handles (left/right), uses width as the primary dimension
+   * and calculates height from it. For vertical handles (top/bottom), uses
+   * height as primary and calculates width. For corner handles, uses width
+   * as the primary dimension.
+   *
+   * @param width - The new width
+   * @param height - The new height
+   * @param direction - The active resize direction
+   * @returns Dimensions adjusted to preserve aspect ratio
+   */
+  private applyAspectRatio(
+    width: number,
+    height: number,
+    direction: ResizableNodeViewDirection,
+  ): ResizableNodeDimensions {
+    const isHorizontal = direction === 'left' || direction === 'right'
+    const isVertical = direction === 'top' || direction === 'bottom'
+
+    if (isHorizontal) {
+      // For horizontal resize, width is primary
+      return {
+        width,
+        height: width / this.aspectRatio,
+      }
+    }
+
+    if (isVertical) {
+      // For vertical resize, height is primary
+      return {
+        width: height * this.aspectRatio,
+        height,
+      }
+    }
+
+    // For corner resize, width is primary
+    return {
+      width,
+      height: width / this.aspectRatio,
+    }
+  }
+}
+
+/**
+ * Alias for ResizableNodeView to maintain consistent naming.
+ * @deprecated Use ResizableNodeView instead - will be removed in future versions.
+ */
+export const ResizableNodeview = ResizableNodeView
diff --git a/packages/core/src/lib/index.ts b/packages/core/src/lib/index.ts
new file mode 100644
index 0000000..c6e003d
--- /dev/null
+++ b/packages/core/src/lib/index.ts
@@ -0,0 +1 @@
+export * from './ResizableNodeView.js'
diff --git a/packages/core/src/pasteRules/index.ts b/packages/core/src/pasteRules/index.ts
new file mode 100644
index 0000000..2483769
--- /dev/null
+++ b/packages/core/src/pasteRules/index.ts
@@ -0,0 +1,3 @@
+export * from './markPasteRule.js'
+export * from './nodePasteRule.js'
+export * from './textPasteRule.js'
diff --git a/packages/core/src/pasteRules/markPasteRule.test.ts b/packages/core/src/pasteRules/markPasteRule.test.ts
new file mode 100644
index 0000000..673be6b
--- /dev/null
+++ b/packages/core/src/pasteRules/markPasteRule.test.ts
@@ -0,0 +1,91 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { Editor } from '../Editor.js'
+import { Mark } from '../Mark.js'
+import { markPasteRule } from './markPasteRule.js'
+
+const pasteRegex = /==(.*?)==/g
+const editorElClass = 'tiptap-mark-paste-rule-test'
+
+const createEditorEl = () => {
+  const editorEl = document.createElement('div')
+
+  editorEl.classList.add(editorElClass)
+  document.body.appendChild(editorEl)
+
+  return editorEl
+}
+
+const InclusiveMark = Mark.create({
+  name: 'inclusiveMark',
+  inclusive: true,
+  parseHTML() {
+    return [{ tag: 'span[data-inclusive-mark]' }]
+  },
+  renderHTML() {
+    return ['span', { 'data-inclusive-mark': 'true' }, 0]
+  },
+  addPasteRules() {
+    return [
+      markPasteRule({
+        find: pasteRegex,
+        type: this.type,
+      }),
+    ]
+  },
+})
+
+const ExclusiveMark = Mark.create({
+  name: 'exclusiveMark',
+  inclusive: false,
+  parseHTML() {
+    return [{ tag: 'span[data-exclusive-mark]' }]
+  },
+  renderHTML() {
+    return ['span', { 'data-exclusive-mark': 'true' }, 0]
+  },
+  addPasteRules() {
+    return [
+      markPasteRule({
+        find: pasteRegex,
+        type: this.type,
+      }),
+    ]
+  },
+})
+
+describe('markPasteRule', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+    document.querySelector(`.${editorElClass}`)?.remove()
+  })
+
+  it('keeps typing inside an inclusive mark when pasted text ends in that mark', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Paragraph, Text, InclusiveMark],
+    })
+
+    editor.view.pasteText('==test==')
+    editor.commands.insertContent('x')
+
+    expect(editor.getHTML()).toBe('<p><span data-inclusive-mark="true">testx</span></p>')
+  })
+
+  it('keeps typing outside a non-inclusive mark when pasted text ends in that mark', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Paragraph, Text, ExclusiveMark],
+    })
+
+    editor.view.pasteText('==test==')
+    editor.commands.insertContent('x')
+
+    expect(editor.getHTML()).toBe('<p><span data-exclusive-mark="true">test</span>x</p>')
+  })
+})
diff --git a/packages/core/src/pasteRules/markPasteRule.ts b/packages/core/src/pasteRules/markPasteRule.ts
new file mode 100644
index 0000000..b76a207
--- /dev/null
+++ b/packages/core/src/pasteRules/markPasteRule.ts
@@ -0,0 +1,82 @@
+import type { MarkType } from '@tiptap/pm/model'
+
+import { getMarksBetween } from '../helpers/getMarksBetween.js'
+import type { PasteRuleFinder } from '../PasteRule.js'
+import { PasteRule } from '../PasteRule.js'
+import type { ExtendedRegExpMatchArray } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
+
+/**
+ * Build an paste rule that adds a mark when the
+ * matched text is pasted into it.
+ * @see https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing#paste-rules
+ */
+export function markPasteRule(config: {
+  find: PasteRuleFinder
+  type: MarkType
+  getAttributes?:
+    | Record<string, any>
+    | ((match: ExtendedRegExpMatchArray, event: ClipboardEvent) => Record<string, any>)
+    | false
+    | null
+}) {
+  return new PasteRule({
+    find: config.find,
+    handler: ({ state, range, match, pasteEvent }) => {
+      const attributes = callOrReturn(config.getAttributes, undefined, match, pasteEvent)
+
+      if (attributes === false || attributes === null) {
+        return null
+      }
+
+      const { tr } = state
+      const captureGroup = match[match.length - 1]
+      const fullMatch = match[0]
+      let markEnd = range.to
+
+      if (captureGroup) {
+        const startSpaces = fullMatch.search(/\S/)
+        const textStart = range.from + fullMatch.indexOf(captureGroup)
+        const textEnd = textStart + captureGroup.length
+
+        const excludedMarks = getMarksBetween(range.from, range.to, state.doc)
+          .filter(item => {
+            // @ts-ignore
+            const excluded = item.mark.type.excluded as MarkType[]
+
+            return excluded.find(type => type === config.type && type !== item.mark.type)
+          })
+          .filter(item => item.to > textStart)
+
+        if (excludedMarks.length) {
+          return null
+        }
+
+        if (textEnd < range.to) {
+          tr.delete(textEnd, range.to)
+        }
+
+        if (textStart > range.from) {
+          tr.delete(range.from + startSpaces, textStart)
+        }
+
+        markEnd = range.from + startSpaces + captureGroup.length
+
+        tr.addMark(range.from + startSpaces, markEnd, config.type.create(attributes || {}))
+
+        // Only remove the stored mark if the match is not at the end of the
+        // pasted text. When a mark extends to the end of the content, removing
+        // it overrides the mark's `inclusive` behavior and incorrectly places
+        // the cursor outside the mark.
+        const isMatchAtEndOfText =
+          match.index !== undefined &&
+          match.input !== undefined &&
+          match.index + match[0].length >= match.input.length
+
+        if (!isMatchAtEndOfText) {
+          tr.removeStoredMark(config.type)
+        }
+      }
+    },
+  })
+}
diff --git a/packages/core/src/pasteRules/nodePasteRule.ts b/packages/core/src/pasteRules/nodePasteRule.ts
new file mode 100644
index 0000000..11f2e63
--- /dev/null
+++ b/packages/core/src/pasteRules/nodePasteRule.ts
@@ -0,0 +1,44 @@
+import type { NodeType } from '@tiptap/pm/model'
+
+import type { PasteRuleFinder } from '../PasteRule.js'
+import { PasteRule } from '../PasteRule.js'
+import type { ExtendedRegExpMatchArray, JSONContent } from '../types.js'
+import { callOrReturn } from '../utilities/index.js'
+
+/**
+ * Build an paste rule that adds a node when the
+ * matched text is pasted into it.
+ * @see https://tiptap.dev/docs/editor/api/paste-rules
+ */
+export function nodePasteRule(config: {
+  find: PasteRuleFinder
+  type: NodeType
+  getAttributes?:
+    | Record<string, any>
+    | ((match: ExtendedRegExpMatchArray, event: ClipboardEvent) => Record<string, any>)
+    | false
+    | null
+  getContent?: JSONContent[] | ((attrs: Record<string, any>) => JSONContent[]) | false | null
+}) {
+  return new PasteRule({
+    find: config.find,
+    handler({ match, chain, range, pasteEvent }) {
+      const attributes = callOrReturn(config.getAttributes, undefined, match, pasteEvent)
+      const content = callOrReturn(config.getContent, undefined, attributes)
+
+      if (attributes === false || attributes === null) {
+        return null
+      }
+
+      const node = { type: config.type.name, attrs: attributes } as JSONContent
+
+      if (content) {
+        node.content = content
+      }
+
+      if (match.input) {
+        chain().deleteRange(range).insertContentAt(range.from, node)
+      }
+    },
+  })
+}
diff --git a/packages/core/src/pasteRules/textPasteRule.ts b/packages/core/src/pasteRules/textPasteRule.ts
new file mode 100644
index 0000000..82faaa0
--- /dev/null
+++ b/packages/core/src/pasteRules/textPasteRule.ts
@@ -0,0 +1,34 @@
+import type { PasteRuleFinder } from '../PasteRule.js'
+import { PasteRule } from '../PasteRule.js'
+
+/**
+ * Build an paste rule that replaces text when the
+ * matched text is pasted into it.
+ * @see https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing#paste-rules
+ */
+export function textPasteRule(config: { find: PasteRuleFinder; replace: string }) {
+  return new PasteRule({
+    find: config.find,
+    handler: ({ state, range, match }) => {
+      let insert = config.replace
+      let start = range.from
+      const end = range.to
+
+      if (match[1]) {
+        const offset = match[0].lastIndexOf(match[1])
+
+        insert += match[0].slice(offset + match[1].length)
+        start += offset
+
+        const cutOff = start - end
+
+        if (cutOff > 0) {
+          insert = match[0].slice(offset - cutOff, offset) + insert
+          start = end
+        }
+      }
+
+      state.tr.insertText(insert, start, end)
+    },
+  })
+}
diff --git a/packages/core/src/style.ts b/packages/core/src/style.ts
new file mode 100644
index 0000000..8fea94f
--- /dev/null
+++ b/packages/core/src/style.ts
@@ -0,0 +1,71 @@
+export const style = `.ProseMirror {
+  position: relative;
+}
+
+.ProseMirror {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  white-space: break-spaces;
+  -webkit-font-variant-ligatures: none;
+  font-variant-ligatures: none;
+  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
+}
+
+.ProseMirror [contenteditable="false"] {
+  white-space: normal;
+}
+
+.ProseMirror [contenteditable="false"] [contenteditable="true"] {
+  white-space: pre-wrap;
+}
+
+.ProseMirror pre {
+  white-space: pre-wrap;
+}
+
+img.ProseMirror-separator {
+  display: inline !important;
+  border: none !important;
+  margin: 0 !important;
+  width: 0 !important;
+  height: 0 !important;
+}
+
+.ProseMirror-gapcursor {
+  display: none;
+  pointer-events: none;
+  position: absolute;
+  margin: 0;
+}
+
+.ProseMirror-gapcursor:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: -2px;
+  width: 20px;
+  border-top: 1px solid black;
+  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
+}
+
+@keyframes ProseMirror-cursor-blink {
+  to {
+    visibility: hidden;
+  }
+}
+
+.ProseMirror-hideselection *::selection {
+  background: transparent;
+}
+
+.ProseMirror-hideselection *::-moz-selection {
+  background: transparent;
+}
+
+.ProseMirror-hideselection * {
+  caret-color: transparent;
+}
+
+.ProseMirror-focused .ProseMirror-gapcursor {
+  display: block;
+}`
diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts
new file mode 100644
index 0000000..8f88529
--- /dev/null
+++ b/packages/core/src/types.ts
@@ -0,0 +1,1100 @@
+import type { Mark as ProseMirrorMark, Node as PMNode, ParseOptions, Slice } from '@tiptap/pm/model'
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+import type { Mappable, Transform } from '@tiptap/pm/transform'
+import type {
+  Decoration,
+  DecorationAttrs,
+  EditorProps,
+  EditorView,
+  MarkView,
+  MarkViewConstructor,
+  NodeView,
+  NodeViewConstructor,
+  ViewMutationRecord,
+} from '@tiptap/pm/view'
+
+import type { Editor } from './Editor.js'
+import type { Extendable } from './Extendable.js'
+import type { ExtensionConfig } from './Extension.js'
+import type { GetUpdatedPositionResult, MappablePosition } from './helpers/MappablePosition.js'
+import type { Mark, MarkConfig } from './Mark.js'
+import type { Node, NodeConfig } from './Node.js'
+
+export type AnyConfig = ExtensionConfig | NodeConfig | MarkConfig
+export type AnyExtension = Extendable
+export type Extensions = AnyExtension[]
+
+export type ParentConfig<T> = Partial<{
+  [P in keyof T]: Required<T>[P] extends (...args: any) => any
+    ? (...args: Parameters<Required<T>[P]>) => ReturnType<Required<T>[P]>
+    : T[P]
+}>
+
+export type Primitive = null | undefined | string | number | boolean | symbol | bigint
+
+export type RemoveThis<T> = T extends (...args: any) => any
+  ? (...args: Parameters<T>) => ReturnType<T>
+  : T
+
+export type MaybeReturnType<T> = T extends (...args: any) => any ? ReturnType<T> : T
+
+export type MaybeThisParameterType<T> =
+  Exclude<T, Primitive> extends (...args: any) => any
+    ? ThisParameterType<Exclude<T, Primitive>>
+    : any
+
+export interface EditorEvents {
+  mount: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+  }
+  unmount: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+  }
+  beforeCreate: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+  }
+  create: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+  }
+  contentError: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+    /**
+     * The error that occurred while parsing the content
+     */
+    error: Error
+    /**
+     * If called, will re-initialize the editor with the collaboration extension removed.
+     * This will prevent syncing back deletions of content not present in the current schema.
+     */
+    disableCollaboration: () => void
+  }
+  update: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+    /**
+     * The transaction that caused the update
+     */
+    transaction: Transaction
+    /**
+     * Appended transactions that were added to the initial transaction by plugins
+     */
+    appendedTransactions: Transaction[]
+  }
+  selectionUpdate: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+    /**
+     * The transaction that caused the selection update
+     */
+    transaction: Transaction
+  }
+  beforeTransaction: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+    /**
+     * The transaction that will be applied
+     */
+    transaction: Transaction
+    /**
+     * The next state of the editor after the transaction is applied
+     */
+    nextState: EditorState
+  }
+  transaction: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+    /**
+     * The initial transaction
+     */
+    transaction: Transaction
+    /**
+     * Appended transactions that were added to the initial transaction by plugins
+     */
+    appendedTransactions: Transaction[]
+  }
+  focus: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+    /**
+     * The focus event
+     */
+    event: FocusEvent
+    /**
+     * The transaction that caused the focus
+     */
+    transaction: Transaction
+  }
+  blur: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+    /**
+     * The focus event
+     */
+    event: FocusEvent
+    /**
+     * The transaction that caused the blur
+     */
+    transaction: Transaction
+  }
+  destroy: void
+  paste: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+    /**
+     * The clipboard event
+     */
+    event: ClipboardEvent
+    /**
+     * The slice that was pasted
+     */
+    slice: Slice
+  }
+  drop: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+    /**
+     * The drag event
+     */
+    event: DragEvent
+    /**
+     * The slice that was dropped
+     */
+    slice: Slice
+    /**
+     * Whether the content was moved (true) or copied (false)
+     */
+    moved: boolean
+  }
+  delete: {
+    /**
+     * The editor instance
+     */
+    editor: Editor
+    /**
+     * The range of the deleted content (before the deletion)
+     */
+    deletedRange: Range
+    /**
+     * The new range of positions of where the deleted content was in the new document (after the deletion)
+     */
+    newRange: Range
+    /**
+     * The transaction that caused the deletion
+     */
+    transaction: Transaction
+    /**
+     * The combined transform (including all appended transactions) that caused the deletion
+     */
+    combinedTransform: Transform
+    /**
+     * Whether the deletion was partial (only a part of this content was deleted)
+     */
+    partial: boolean
+    /**
+     * This is the start position of the mark in the document (before the deletion)
+     */
+    from: number
+    /**
+     * This is the end position of the mark in the document (before the deletion)
+     */
+    to: number
+  } & (
+    | {
+        /**
+         * The content that was deleted
+         */
+        type: 'node'
+        /**
+         * The node which the deletion occurred in
+         * @note This can be a parent node of the deleted content
+         */
+        node: PMNode
+        /**
+         * The new start position of the node in the document (after the deletion)
+         */
+        newFrom: number
+        /**
+         * The new end position of the node in the document (after the deletion)
+         */
+        newTo: number
+      }
+    | {
+        /**
+         * The content that was deleted
+         */
+        type: 'mark'
+        /**
+         * The mark that was deleted
+         */
+        mark: ProseMirrorMark
+      }
+  )
+}
+
+/**
+ * Props passed to the `dispatchTransaction` hook in extensions.
+ */
+export type DispatchTransactionProps = {
+  /**
+   * The transaction that is about to be dispatched.
+   */
+  transaction: Transaction
+  /**
+   * A function that should be called to pass the transaction down to the next extension
+   * (or eventually to the editor).
+   *
+   * @param transaction The transaction to dispatch
+   */
+  next: (transaction: Transaction) => void
+}
+
+export type EnableRules = (AnyExtension | string)[] | boolean
+
+export interface EditorOptions {
+  /**
+   * The element to bind the editor to:
+   * - If an `Element` is passed, the editor will be mounted appended to that element
+   * - If `null` is passed, the editor will not be mounted automatically
+   * - If an object with a `mount` property is passed, the editor will be mounted to that element
+   * - If a function is passed, it will be called with the editor's element, which should place the editor within the document
+   */
+  element: Element | { mount: HTMLElement } | ((editor: HTMLElement) => void) | null
+  /**
+   * The content of the editor (HTML, JSON, or a JSON array)
+   */
+  content: Content
+  /**
+   * The extensions to use
+   */
+  extensions: Extensions
+  /**
+   * Whether to inject base CSS styles
+   */
+  injectCSS: boolean
+  /**
+   * A nonce to use for CSP while injecting styles
+   */
+  injectNonce: string | undefined
+  /**
+   * The editor's initial focus position
+   */
+  autofocus: FocusPosition
+  /**
+   * Whether the editor is editable
+   */
+  editable: boolean
+  /**
+   * The default text direction for all content in the editor.
+   * When set to 'ltr' or 'rtl', all nodes will have the corresponding dir attribute.
+   * When set to 'auto', the dir attribute will be set based on content detection.
+   * When undefined, no dir attribute will be added.
+   * @default undefined
+   */
+  textDirection?: 'ltr' | 'rtl' | 'auto'
+  /**
+   * The editor's props
+   */
+  editorProps: EditorProps
+  /**
+   * The editor's content parser options
+   */
+  parseOptions: ParseOptions
+  /**
+   * The editor's core extension options
+   */
+  coreExtensionOptions?: {
+    clipboardTextSerializer?: {
+      blockSeparator?: string
+    }
+    /**
+     * Options for the `tabindex` core extension.
+     */
+    tabindex?: {
+      /**
+       * The value for the `tabindex` attribute on the editor element.
+       */
+      value?: string
+    }
+    delete?: {
+      /**
+       * Whether the `delete` extension should be called asynchronously to avoid blocking the editor while processing deletions
+       * @default true deletion events are called asynchronously
+       */
+      async?: boolean
+      /**
+       * Allows filtering the transactions that are processed by the `delete` extension.
+       * If the function returns `true`, the transaction will be ignored.
+       */
+      filterTransaction?: (transaction: Transaction) => boolean
+    }
+  }
+  /**
+   * Whether to enable input rules behavior
+   */
+  enableInputRules: EnableRules
+  /**
+   * Whether to enable paste rules behavior
+   */
+  enablePasteRules: EnableRules
+  /**
+   * Determines whether core extensions are enabled.
+   *
+   * If set to `false`, all core extensions will be disabled.
+   * To disable specific core extensions, provide an object where the keys are the extension names and the values are `false`.
+   * Extensions not listed in the object will remain enabled.
+   *
+   * @example
+   * // Disable all core extensions
+   * enabledCoreExtensions: false
+   *
+   * @example
+   * // Disable only the keymap core extension
+   * enabledCoreExtensions: { keymap: false }
+   *
+   * @default true
+   */
+  enableCoreExtensions?:
+    | boolean
+    | Partial<
+        Record<
+          | 'editable'
+          | 'clipboardTextSerializer'
+          | 'commands'
+          | 'focusEvents'
+          | 'keymap'
+          | 'tabindex'
+          | 'drop'
+          | 'paste'
+          | 'delete'
+          | 'textDirection',
+          false
+        >
+      >
+  /**
+   * If `true`, the editor will check the content for errors on initialization.
+   * Emitting the `contentError` event if the content is invalid.
+   * Which can be used to show a warning or error message to the user.
+   * @default false
+   */
+  enableContentCheck: boolean
+  /**
+   * If `true`, the editor will emit the `contentError` event if invalid content is
+   * encountered but `enableContentCheck` is `false`. This lets you preserve the
+   * invalid editor content while still showing a warning or error message to
+   * the user.
+   *
+   * @default false
+   */
+  emitContentError: boolean
+  /**
+   * Called before the editor is constructed.
+   */
+  onBeforeCreate: (props: EditorEvents['beforeCreate']) => void
+  /**
+   * Called after the editor is constructed.
+   */
+  onCreate: (props: EditorEvents['create']) => void
+  /**
+   * Called when the editor is mounted.
+   */
+  onMount: (props: EditorEvents['mount']) => void
+  /**
+   * Called when the editor is unmounted.
+   */
+  onUnmount: (props: EditorEvents['unmount']) => void
+  /**
+   * Called when the editor encounters an error while parsing the content.
+   * Only enabled if `enableContentCheck` is `true`.
+   */
+  onContentError: (props: EditorEvents['contentError']) => void
+  /**
+   * Called when the editor's content is updated.
+   */
+  onUpdate: (props: EditorEvents['update']) => void
+  /**
+   * Called when the editor's selection is updated.
+   */
+  onSelectionUpdate: (props: EditorEvents['selectionUpdate']) => void
+  /**
+   * Called after a transaction is applied to the editor.
+   */
+  onTransaction: (props: EditorEvents['transaction']) => void
+  /**
+   * Called on focus events.
+   */
+  onFocus: (props: EditorEvents['focus']) => void
+  /**
+   * Called on blur events.
+   */
+  onBlur: (props: EditorEvents['blur']) => void
+  /**
+   * Called when the editor is destroyed.
+   */
+  onDestroy: (props: EditorEvents['destroy']) => void
+  /**
+   * Called when content is pasted into the editor.
+   */
+  onPaste: (e: ClipboardEvent, slice: Slice) => void
+  /**
+   * Called when content is dropped into the editor.
+   */
+  onDrop: (e: DragEvent, slice: Slice, moved: boolean) => void
+  /**
+   * Called when content is deleted from the editor.
+   */
+  onDelete: (props: EditorEvents['delete']) => void
+  /**
+   * Whether to enable extension-level dispatching of transactions.
+   * If `false`, extensions cannot define their own `dispatchTransaction` hook.
+   *
+   * @default true
+   * @example
+   * new Editor({
+   *   enableExtensionDispatchTransaction: false,
+   * })
+   */
+  enableExtensionDispatchTransaction?: boolean
+}
+
+/**
+ * The editor's content as HTML
+ */
+export type HTMLContent = string
+
+/**
+ * A Tiptap JSON node or document. Tiptap JSON is the standard format for
+ * storing and manipulating Tiptap content. It is equivalent to the JSON
+ * representation of a Prosemirror node.
+ *
+ * Tiptap JSON documents are trees of nodes. The root node is usually of type
+ * `doc`. Nodes can have other nodes as children. Nodes can also have marks and
+ * attributes. Text nodes (nodes with type `text`) have a `text` property and no
+ * children.
+ *
+ * @example
+ * ```ts
+ * const content: JSONContent = {
+ *   type: 'doc',
+ *   content: [
+ *     {
+ *       type: 'paragraph',
+ *       content: [
+ *         {
+ *           type: 'text',
+ *           text: 'Hello ',
+ *         },
+ *         {
+ *           type: 'text',
+ *           text: 'world',
+ *           marks: [{ type: 'bold' }],
+ *         },
+ *       ],
+ *     },
+ *   ],
+ * }
+ * ```
+ */
+export type JSONContent = {
+  /**
+   * The type of the node
+   */
+  type?: string
+  /**
+   * The attributes of the node. Attributes can have any JSON-serializable value.
+   */
+  attrs?: Record<string, any> | undefined
+  /**
+   * The children of the node. A node can have other nodes as children.
+   */
+  content?: JSONContent[]
+  /**
+   * A list of marks of the node. Inline nodes can have marks.
+   */
+  marks?: {
+    /**
+     * The type of the mark
+     */
+    type: string
+    /**
+     * The attributes of the mark. Attributes can have any JSON-serializable value.
+     */
+    attrs?: Record<string, any>
+    [key: string]: any
+  }[]
+  /**
+   * The text content of the node. This property is only present on text nodes
+   * (i.e. nodes with `type: 'text'`).
+   *
+   * Text nodes cannot have children, but they can have marks.
+   */
+  text?: string
+  [key: string]: any
+}
+
+/**
+ * A mark type is either a JSON representation of a mark or a Prosemirror mark instance
+ */
+export type MarkType<
+  Type extends string | { name: string } = any,
+  TAttributes extends undefined | Record<string, any> = any,
+> = {
+  type: Type
+  attrs: TAttributes
+}
+
+/**
+ * A node type is either a JSON representation of a node or a Prosemirror node instance
+ */
+export type NodeType<
+  Type extends string | { name: string } = any,
+  TAttributes extends undefined | Record<string, any> = any,
+  NodeMarkType extends MarkType = any,
+  TContent extends (NodeType | TextType)[] = any,
+> = {
+  type: Type
+  attrs: TAttributes
+  content?: TContent
+  marks?: NodeMarkType[]
+}
+
+/**
+ * A node type is either a JSON representation of a doc node or a Prosemirror doc node instance
+ */
+export type DocumentType<
+  TDocAttributes extends Record<string, any> | undefined = Record<string, any>,
+  TContentType extends NodeType[] = NodeType[],
+> = Omit<NodeType<'doc', TDocAttributes, never, TContentType>, 'marks' | 'content'> & {
+  content: TContentType
+}
+
+/**
+ * A node type is either a JSON representation of a text node or a Prosemirror text node instance
+ */
+export type TextType<TMarkType extends MarkType = MarkType> = {
+  type: 'text'
+  text: string
+  marks: TMarkType[]
+}
+
+/**
+ * Describes the output of a `renderHTML` function in prosemirror
+ * @see https://prosemirror.net/docs/ref/#model.DOMOutputSpec
+ */
+export type DOMOutputSpecArray =
+  | [string]
+  | [string, Record<string, any>]
+  | [string, 0]
+  | [string, Record<string, any>, 0]
+  | [string, Record<string, any>, DOMOutputSpecArray | 0]
+  | [string, DOMOutputSpecArray]
+
+export type Content = HTMLContent | JSONContent | JSONContent[] | null
+
+export type CommandProps = {
+  editor: Editor
+  tr: Transaction
+  commands: SingleCommands
+  can: () => CanCommands
+  chain: () => ChainedCommands
+  state: EditorState
+  view: EditorView
+  dispatch: ((args?: any) => any) | undefined
+}
+
+export type Command = (props: CommandProps) => boolean
+
+export type CommandSpec = (...args: any[]) => Command
+
+export type KeyboardShortcutCommand = (props: { editor: Editor }) => boolean
+
+export type Attribute = {
+  default?: any
+  validate?: string | ((value: any) => void)
+  rendered?: boolean
+  renderHTML?: ((attributes: Record<string, any>) => Record<string, any> | null) | null
+  parseHTML?: ((element: HTMLElement) => any | null) | null
+  keepOnSplit?: boolean
+  isRequired?: boolean
+}
+
+export type Attributes = {
+  [key: string]: Attribute
+}
+
+export type ExtensionAttribute = {
+  type: string
+  name: string
+  attribute: Required<Omit<Attribute, 'validate'>> & Pick<Attribute, 'validate'>
+}
+
+export type GlobalAttributes = {
+  /**
+   * The node & mark types this attribute should be applied to.
+   * Can be a specific array of type names, or a shorthand string:
+   * - `'*'` applies to all nodes (excluding text) and all marks
+   * - `'nodes'` applies to all nodes (excluding the built-in text node)
+   * - `'marks'` applies to all marks
+   * - `string[]` applies to specific node/mark types by name
+   * @example
+   * types: '*'                                    // All nodes and marks
+   * types: 'nodes'                                // All nodes
+   * types: 'marks'                                // All marks
+   * types: ['heading', 'paragraph']               // Specific types
+   */
+  types: string[] | 'nodes' | 'marks' | '*'
+  /**
+   * The attributes to add to the node or mark types.
+   */
+  attributes: Record<string, Attribute | undefined>
+}[]
+
+export type PickValue<T, K extends keyof T> = T[K]
+
+export type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (
+  k: infer I,
+) => void
+  ? I
+  : never
+
+export type Diff<T extends keyof any, U extends keyof any> = ({ [P in T]: P } & {
+  [P in U]: never
+} & { [x: string]: never })[T]
+
+export type Overwrite<T, U> = Pick<T, Diff<keyof T, keyof U>> & U
+
+export type ValuesOf<T> = T[keyof T]
+
+export type KeysWithTypeOf<T, Type> = { [P in keyof T]: T[P] extends Type ? P : never }[keyof T]
+
+export type DOMNode = InstanceType<typeof window.Node>
+
+/**
+ * prosemirror-view does not export the `type` property of `Decoration`.
+ * So, this defines the `DecorationType` interface to include the `type` property.
+ */
+export interface DecorationType {
+  spec: any
+  map(mapping: Mappable, span: Decoration, offset: number, oldOffset: number): Decoration | null
+  valid(node: Node, span: Decoration): boolean
+  eq(other: DecorationType): boolean
+  destroy(dom: DOMNode): void
+  readonly attrs: DecorationAttrs
+}
+
+/**
+ * prosemirror-view does not export the `type` property of `Decoration`.
+ * This adds the `type` property to the `Decoration` type.
+ */
+export type DecorationWithType = Decoration & {
+  type: DecorationType
+}
+
+export interface NodeViewProps extends NodeViewRendererProps {
+  // TODO this type is not technically correct, but it's the best we can do for now since prosemirror doesn't expose the type of decorations
+  decorations: readonly DecorationWithType[]
+  selected: boolean
+  updateAttributes: (attributes: Record<string, any>) => void
+  deleteNode: () => void
+}
+
+export interface NodeViewRendererOptions {
+  stopEvent: ((props: { event: Event }) => boolean) | null
+  ignoreMutation: ((props: { mutation: ViewMutationRecord }) => boolean) | null
+  contentDOMElementTag: string
+  /**
+   * When `true`, the `selected` prop also becomes `true` if a `TextSelection`
+   * is fully inside the node's range (e.g. the cursor is placed within the
+   * node's content), not only when there is a `NodeSelection` on the node.
+   * Defaults to `false` to preserve existing behavior.
+   */
+  selectedOnTextSelection?: boolean
+  /**
+   * When `true`, the component re-renders on every position shift so calls
+   * to `getPos()` stay current in render output.
+   * Without this option, `getPos()` is still always current for imperative
+   * use (click handlers, commands) — it only becomes stale when directly
+   * rendered in JSX or used in reactive template expressions.
+   * @default false
+   */
+  trackNodeViewPosition?: boolean
+}
+
+export interface NodeViewRendererProps {
+  // pass-through from prosemirror
+  /**
+   * The node that is being rendered.
+   */
+  node: Parameters<NodeViewConstructor>[0]
+  /**
+   * The editor's view.
+   */
+  view: Parameters<NodeViewConstructor>[1]
+  /**
+   * A function that can be called to get the node's current position in the document.
+   */
+  getPos: Parameters<NodeViewConstructor>[2]
+  /**
+   * is an array of node or inline decorations that are active around the node.
+   * They are automatically drawn in the normal way, and you will usually just want to ignore this, but they can also be used as a way to provide context information to the node view without adding it to the document itself.
+   */
+  decorations: Parameters<NodeViewConstructor>[3]
+  /**
+   * holds the decorations for the node's content. You can safely ignore this if your view has no content or a contentDOM property, since the editor will draw the decorations on the content.
+   * But if you, for example, want to create a nested editor with the content, it may make sense to provide it with the inner decorations.
+   */
+  innerDecorations: Parameters<NodeViewConstructor>[4]
+  // tiptap-specific
+  /**
+   * The editor instance.
+   */
+  editor: Editor
+  /**
+   * The extension that is responsible for the node.
+   */
+  extension: Node
+  /**
+   * The HTML attributes that should be added to the node's DOM element.
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+export type NodeViewRenderer = (props: NodeViewRendererProps) => NodeView
+
+// oxlint-disable-next-lineno-empty-object-type
+export interface MarkViewProps extends MarkViewRendererProps {}
+
+export interface MarkViewRendererProps {
+  // pass-through from prosemirror
+  /**
+   * The node that is being rendered.
+   */
+  mark: Parameters<MarkViewConstructor>[0]
+  /**
+   * The editor's view.
+   */
+  view: Parameters<MarkViewConstructor>[1]
+  /**
+   * indicates whether the mark's content is inline
+   */
+  inline: Parameters<MarkViewConstructor>[2]
+  // tiptap-specific
+  /**
+   * The editor instance.
+   */
+  editor: Editor
+  /**
+   * The extension that is responsible for the mark.
+   */
+  extension: Mark
+  /**
+   * The HTML attributes that should be added to the mark's DOM element.
+   */
+  HTMLAttributes: Record<string, any>
+
+  updateAttributes: (attrs: Record<string, any>) => void
+}
+
+export type MarkViewRenderer<Props = MarkViewRendererProps> = (props: Props) => MarkView
+
+export interface MarkViewRendererOptions {
+  ignoreMutation: ((props: { mutation: ViewMutationRecord }) => boolean) | null
+}
+
+export type AnyCommands = Record<string, (...args: any[]) => Command>
+
+export type UnionCommands<T = Command> = UnionToIntersection<
+  ValuesOf<Pick<Commands<T>, KeysWithTypeOf<Commands<T>, object>>>
+>
+
+export type RawCommands = {
+  [Item in keyof UnionCommands]: UnionCommands<Command>[Item]
+}
+
+export type SingleCommands = {
+  [Item in keyof UnionCommands]: UnionCommands<boolean>[Item]
+}
+
+export type ChainedCommands = {
+  [Item in keyof UnionCommands]: UnionCommands<ChainedCommands>[Item]
+} & {
+  run: () => boolean
+}
+
+export type CanCommands = SingleCommands & { chain: () => ChainedCommands }
+
+export type FocusPosition = 'start' | 'end' | 'all' | number | boolean | null
+
+export type Range = {
+  from: number
+  to: number
+}
+
+export type NodeRange = {
+  node: PMNode
+  from: number
+  to: number
+}
+
+export type MarkRange = {
+  mark: ProseMirrorMark
+  from: number
+  to: number
+}
+
+export type Predicate = (node: PMNode) => boolean
+
+export type NodeWithPos = {
+  node: PMNode
+  pos: number
+}
+
+export type TextSerializer = (props: {
+  node: PMNode
+  pos: number
+  parent: PMNode
+  index: number
+  range: Range
+}) => string
+
+export type ExtendedRegExpMatchArray = RegExpMatchArray & {
+  data?: Record<string, any>
+}
+
+export type Dispatch = ((args?: any) => any) | undefined
+
+/** Markdown related types */
+
+// Shared markdown-related types for the MarkdownManager and extensions.
+export type MarkdownToken = {
+  type?: string
+  raw?: string
+  text?: string
+  tokens?: MarkdownToken[]
+  depth?: number
+  items?: MarkdownToken[]
+  [key: string]: any
+}
+
+export type MarkdownHelpers = {
+  // When used during parsing these helpers return JSON-like node objects
+  // (not ProseMirror Node instances). Use `any` to represent that shape.
+  parseInline: (tokens: MarkdownToken[]) => any[]
+  /**
+   * Render children. The second argument may be a legacy separator string
+   * or a RenderContext (preferred).
+   */
+  renderChildren: (node: Node[] | Node, ctxOrSeparator?: RenderContext | string) => string
+  text: (token: MarkdownToken) => any
+}
+
+/**
+ * Helpers specifically for parsing markdown tokens into Tiptap JSON.
+ * These are provided to extension parse handlers.
+ */
+export type MarkdownParseHelpers = {
+  /** Parse an array of inline tokens into text nodes with marks */
+  parseInline: (tokens: MarkdownToken[]) => JSONContent[]
+  /** Tokenize source text as inline markdown when supported by the markdown parser */
+  tokenizeInline?: (src: string) => MarkdownToken[]
+  /** Parse an array of block-level tokens */
+  parseChildren: (tokens: MarkdownToken[]) => JSONContent[]
+  /** Parse block-level tokens while preserving implicit empty paragraphs from blank lines */
+  parseBlockChildren?: (tokens: MarkdownToken[]) => JSONContent[]
+  /** Create a text node with optional marks */
+  createTextNode: (text: string, marks?: Array<{ type: string; attrs?: any }>) => JSONContent
+  /** Create any node type with attributes and content */
+  createNode: (type: string, attrs?: any, content?: JSONContent[]) => JSONContent
+  /** Apply a mark to content (used for inline marks like bold, italic) */
+  applyMark: (
+    markType: string,
+    content: JSONContent[],
+    attrs?: any,
+  ) => { mark: string; content: JSONContent[]; attrs?: any }
+}
+
+/**
+ * Full runtime helpers object provided by MarkdownManager to handlers.
+ * This includes the small author-facing helpers plus internal helpers
+ * that can be useful for advanced handlers.
+ */
+export type FullMarkdownHelpers = MarkdownHelpers & {
+  // parseChildren returns JSON-like nodes when invoked during parsing.
+  parseChildren: (tokens: MarkdownToken[]) => any[]
+  getExtension: (name: string) => any
+  // createNode returns a JSON-like node during parsing; render-time helpers
+  // may instead work with real ProseMirror Node instances.
+  createNode: (type: string, attrs?: any, content?: any[]) => any
+  /** Current render context when calling renderers; undefined during parse. */
+  currentContext?: RenderContext
+  /** Indent a multi-line string according to the provided RenderContext. */
+  indent: (text: string, ctx?: RenderContext) => string
+  /** Return the indent string for a given level (e.g. '  ' or '\t'). */
+  getIndentString: (level?: number) => string
+}
+
+export default MarkdownHelpers
+
+/**
+ * Return shape for parser-level `parse` handlers.
+ * - a single JSON-like node
+ * - an array of JSON-like nodes
+ * - or a `{ mark: string, content: JSONLike[] }` shape to apply a mark
+ */
+export type MarkdownParseResult =
+  | JSONContent
+  | JSONContent[]
+  | { mark: string; content: JSONContent[]; attrs?: any }
+
+export type RenderContext = {
+  index: number
+  level: number
+  meta?: Record<string, any>
+  parentType?: string | null
+  previousNode?: JSONContent | null
+}
+
+/** Extension contract for markdown parsing/serialization. */
+export interface MarkdownExtensionSpec {
+  /** Token name used for parsing (e.g., 'codespan', 'code', 'strong') */
+  tokenName?: string
+  /** Node/mark name used for rendering (typically the extension name) */
+  nodeName?: string
+  parseMarkdown?: (token: MarkdownToken, helpers: MarkdownParseHelpers) => MarkdownParseResult
+  renderMarkdown?: (node: any, helpers: MarkdownRendererHelpers, ctx: RenderContext) => string
+  isIndenting?: boolean
+  htmlReopen?: {
+    open: string
+    close: string
+  }
+  /** Custom tokenizer for marked.js to handle non-standard markdown syntax */
+  tokenizer?: MarkdownTokenizer
+}
+
+/**
+ * Configuration object passed to custom marked.js tokenizers
+ */
+export type MarkdownLexerConfiguration = {
+  /**
+   * Can be used to transform source text into inline tokens - useful while tokenizing child tokens.
+   * @param src
+   * @returns Array of inline tokens
+   */
+  inlineTokens: (src: string) => MarkdownToken[]
+
+  /**
+   * Can be used to transform source text into block-level tokens - useful while tokenizing child tokens.
+   * @param src
+   * @returns Array of block-level tokens
+   */
+  blockTokens: (src: string) => MarkdownToken[]
+}
+
+/** Custom tokenizer function for marked.js extensions */
+export type MarkdownTokenizer = {
+  /** Token name this tokenizer creates */
+  name: string
+  /** Priority level for tokenizer ordering (higher = earlier) */
+  level?: 'block' | 'inline'
+  /** A string to look for or a function that returns the start index of the token in the source string */
+  start?: string | ((src: string) => number)
+  /** Function that attempts to parse custom syntax from start of text */
+  tokenize: (
+    src: string,
+    tokens: MarkdownToken[],
+    lexer: MarkdownLexerConfiguration,
+  ) => MarkdownToken | undefined | void
+}
+
+export type MarkdownRendererHelpers = {
+  /**
+   * Render children nodes to a markdown string, optionally separated by a string.
+   * @param nodes The node or array of nodes to render
+   * @param separator An optional separator string (legacy) or RenderContext
+   * @returns The rendered markdown string
+   */
+  renderChildren: (nodes: JSONContent | JSONContent[], separator?: string) => string
+
+  /** Render a single child node with its sibling index preserved */
+  renderChild?: (node: JSONContent, index: number) => string
+
+  /**
+   * Render a text token to a markdown string
+   * @param prefix The prefix to add before the content
+   * @param content The content to wrap
+   * @returns The wrapped content
+   */
+  wrapInBlock: (prefix: string, content: string) => string
+
+  /**
+   * Indent a markdown string according to the provided RenderContext
+   * @param content The content to indent
+   * @returns The indented content
+   */
+  indent: (content: string) => string
+}
+
+export type Utils = {
+  /**
+   * Returns the new position after applying a transaction.
+   *
+   * @param position The position to update. A MappablePosition instance.
+   * @param transaction The transaction to apply.
+   * @returns The new position after applying the transaction.
+   *
+   * @example
+   * const position = editor.utils.createMappablePosition(10)
+   * const {position, mapResult} = editor.utils.getUpdatedPosition(position, transaction)
+   */
+  getUpdatedPosition: (
+    position: MappablePosition,
+    transaction: Transaction,
+  ) => GetUpdatedPositionResult
+
+  /**
+   * Creates a MappablePosition from a position number. A mappable position can be used to track the
+   * next position after applying a transaction.
+   *
+   * @param position The position (as a number) where the MappablePosition will be created.
+   * @returns A new MappablePosition instance at the given position.
+   *
+   * @example
+   * const position = editor.utils.createMappablePosition(10)
+   */
+  createMappablePosition: (position: number) => MappablePosition
+}
+
+// oxlint-disable-next-line no-unused-vars
+export interface Commands<ReturnType = any> {}
+
+export interface Storage {}
diff --git a/packages/core/src/utilities/attrsEqual.test.ts b/packages/core/src/utilities/attrsEqual.test.ts
new file mode 100644
index 0000000..20db81a
--- /dev/null
+++ b/packages/core/src/utilities/attrsEqual.test.ts
@@ -0,0 +1,54 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { attrsEqual } from './attrsEqual.js'
+
+describe('attrsEqual', () => {
+  it('returns true for identical objects with same key order', () => {
+    expect(attrsEqual({ level: 1, color: 'red' }, { level: 1, color: 'red' })).toBe(true)
+  })
+
+  it('returns true for identical objects with different key order', () => {
+    expect(attrsEqual({ level: 1, color: 'red' }, { color: 'red', level: 1 })).toBe(true)
+  })
+
+  it('returns true for empty objects', () => {
+    expect(attrsEqual({}, {})).toBe(true)
+  })
+
+  it('returns true when both are null', () => {
+    expect(attrsEqual(null, null)).toBe(true)
+  })
+
+  it('returns true when both are undefined', () => {
+    expect(attrsEqual(undefined, undefined)).toBe(true)
+  })
+
+  it('returns true for same reference', () => {
+    const obj = { level: 1 }
+    expect(attrsEqual(obj, obj)).toBe(true)
+  })
+
+  it('returns false when one is null and the other is an object', () => {
+    expect(attrsEqual(null, { level: 1 })).toBe(false)
+  })
+
+  it('returns false when one is undefined and the other is an object', () => {
+    expect(attrsEqual(undefined, { level: 1 })).toBe(false)
+  })
+
+  it('returns false for objects with different keys', () => {
+    expect(attrsEqual({ level: 1 }, { level: 1, color: 'red' })).toBe(false)
+  })
+
+  it('returns false for objects with same keys but different values', () => {
+    expect(attrsEqual({ level: 1 }, { level: 2 })).toBe(false)
+  })
+
+  it('returns false when a key is present in both but one value is undefined', () => {
+    expect(attrsEqual({ level: undefined }, { level: 1 })).toBe(false)
+  })
+
+  it('distinguishes { foo: undefined } from { bar: undefined }', () => {
+    expect(attrsEqual({ foo: undefined }, { bar: undefined })).toBe(false)
+  })
+})
diff --git a/packages/core/src/utilities/attrsEqual.ts b/packages/core/src/utilities/attrsEqual.ts
new file mode 100644
index 0000000..7aaa14f
--- /dev/null
+++ b/packages/core/src/utilities/attrsEqual.ts
@@ -0,0 +1,27 @@
+/**
+ * Compare two attribute objects for equality.
+ * Handles null/undefined and asserts key presence in both objects so that
+ * `{ foo: undefined }` and `{ bar: undefined }` are not treated as equal.
+ */
+export function attrsEqual(
+  a: Record<string, any> | null | undefined,
+  b: Record<string, any> | null | undefined,
+): boolean {
+  if (a === b) {
+    return true
+  }
+  if (!a || !b) {
+    return false
+  }
+
+  const keysA = Object.keys(a)
+  const keysB = Object.keys(b)
+
+  if (keysA.length !== keysB.length) {
+    return false
+  }
+
+  return keysA.every(
+    key => Object.prototype.hasOwnProperty.call(b, key) && Object.is(a[key], b[key]),
+  )
+}
diff --git a/packages/core/src/utilities/callOrReturn.ts b/packages/core/src/utilities/callOrReturn.ts
new file mode 100644
index 0000000..44d59b8
--- /dev/null
+++ b/packages/core/src/utilities/callOrReturn.ts
@@ -0,0 +1,25 @@
+import type { MaybeReturnType } from '../types.js'
+import { isFunction } from './isFunction.js'
+
+/**
+ * Optionally calls `value` as a function.
+ * Otherwise it is returned directly.
+ * @param value Function or any value.
+ * @param context Optional context to bind to function.
+ * @param props Optional props to pass to function.
+ */
+export function callOrReturn<T>(
+  value: T,
+  context: any = undefined,
+  ...props: any[]
+): MaybeReturnType<T> {
+  if (isFunction(value)) {
+    if (context) {
+      return value.bind(context)(...props)
+    }
+
+    return value(...props)
+  }
+
+  return value as MaybeReturnType<T>
+}
diff --git a/packages/core/src/utilities/canInsertNode.ts b/packages/core/src/utilities/canInsertNode.ts
new file mode 100644
index 0000000..6afcfc1
--- /dev/null
+++ b/packages/core/src/utilities/canInsertNode.ts
@@ -0,0 +1,30 @@
+import type { NodeType } from '@tiptap/pm/model'
+import { type EditorState, NodeSelection } from '@tiptap/pm/state'
+
+export function canInsertNode(state: EditorState, nodeType: NodeType): boolean {
+  const { selection } = state
+  const { $from } = selection
+
+  // Special handling for NodeSelection
+  if (selection instanceof NodeSelection) {
+    const index = $from.index()
+    const parent = $from.parent
+
+    // Can we replace the selected node with the horizontal rule?
+    return parent.canReplaceWith(index, index + 1, nodeType)
+  }
+
+  // Default: check if we can insert at the current position
+  let depth = $from.depth
+
+  while (depth >= 0) {
+    const index = $from.index(depth)
+    const parent = $from.node(depth)
+    const match = parent.contentMatchAt(index)
+    if (match.matchType(nodeType)) {
+      return true
+    }
+    depth -= 1
+  }
+  return false
+}
diff --git a/packages/core/src/utilities/createStyleTag.ts b/packages/core/src/utilities/createStyleTag.ts
new file mode 100644
index 0000000..70fbbc8
--- /dev/null
+++ b/packages/core/src/utilities/createStyleTag.ts
@@ -0,0 +1,21 @@
+export function createStyleTag(style: string, nonce?: string, suffix?: string): HTMLStyleElement {
+  const tiptapStyleTag = <HTMLStyleElement>(
+    document.querySelector(`style[data-tiptap-style${suffix ? `-${suffix}` : ''}]`)
+  )
+
+  if (tiptapStyleTag !== null) {
+    return tiptapStyleTag
+  }
+
+  const styleNode = document.createElement('style')
+
+  if (nonce) {
+    styleNode.setAttribute('nonce', nonce)
+  }
+
+  styleNode.setAttribute(`data-tiptap-style${suffix ? `-${suffix}` : ''}`, '')
+  styleNode.innerHTML = style
+  document.getElementsByTagName('head')[0].appendChild(styleNode)
+
+  return styleNode
+}
diff --git a/packages/core/src/utilities/deleteProps.ts b/packages/core/src/utilities/deleteProps.ts
new file mode 100644
index 0000000..1496a9b
--- /dev/null
+++ b/packages/core/src/utilities/deleteProps.ts
@@ -0,0 +1,19 @@
+/**
+ * Remove a property or an array of properties from an object
+ * @param obj Object
+ * @param key Key to remove
+ */
+export function deleteProps(
+  obj: Record<string, any>,
+  propOrProps: string | string[],
+): Record<string, any> {
+  const props = typeof propOrProps === 'string' ? [propOrProps] : propOrProps
+
+  return Object.keys(obj).reduce((newObj: Record<string, any>, prop) => {
+    if (!props.includes(prop)) {
+      newObj[prop] = obj[prop]
+    }
+
+    return newObj
+  }, {})
+}
diff --git a/packages/core/src/utilities/elementFromString.ts b/packages/core/src/utilities/elementFromString.ts
new file mode 100644
index 0000000..a6af348
--- /dev/null
+++ b/packages/core/src/utilities/elementFromString.ts
@@ -0,0 +1,29 @@
+const removeWhitespaces = (node: HTMLElement) => {
+  const children = node.childNodes
+
+  for (let i = children.length - 1; i >= 0; i -= 1) {
+    const child = children[i]
+
+    if (child.nodeType === 3 && child.nodeValue && /^(\n\s\s|\n)$/.test(child.nodeValue)) {
+      node.removeChild(child)
+    } else if (child.nodeType === 1) {
+      removeWhitespaces(child as HTMLElement)
+    }
+  }
+
+  return node
+}
+
+export function elementFromString(value: string): HTMLElement {
+  if (typeof window === 'undefined') {
+    throw new Error(
+      '[tiptap error]: there is no window object available, so this function cannot be used',
+    )
+  }
+  // add a wrapper to preserve leading and trailing whitespace
+  const wrappedValue = `<body>${value}</body>`
+
+  const html = new window.DOMParser().parseFromString(wrappedValue, 'text/html').body
+
+  return removeWhitespaces(html)
+}
diff --git a/packages/core/src/utilities/escapeForRegEx.ts b/packages/core/src/utilities/escapeForRegEx.ts
new file mode 100644
index 0000000..e06bd41
--- /dev/null
+++ b/packages/core/src/utilities/escapeForRegEx.ts
@@ -0,0 +1,4 @@
+// source: https://stackoverflow.com/a/6969486
+export function escapeForRegEx(string: string): string {
+  return string.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&')
+}
diff --git a/packages/core/src/utilities/findDuplicates.ts b/packages/core/src/utilities/findDuplicates.ts
new file mode 100644
index 0000000..17c59e7
--- /dev/null
+++ b/packages/core/src/utilities/findDuplicates.ts
@@ -0,0 +1,8 @@
+/**
+ * Find duplicates in an array.
+ */
+export function findDuplicates<T>(items: T[]): T[] {
+  const filtered = items.filter((el, index) => items.indexOf(el) !== index)
+
+  return Array.from(new Set(filtered))
+}
diff --git a/packages/core/src/utilities/fromString.test.ts b/packages/core/src/utilities/fromString.test.ts
new file mode 100644
index 0000000..0431a9f
--- /dev/null
+++ b/packages/core/src/utilities/fromString.test.ts
@@ -0,0 +1,53 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { fromString } from './fromString.js'
+
+describe('fromString', () => {
+  it('should return a string', () => {
+    const value = fromString('test')
+
+    expect(value).toBe('test')
+  })
+
+  it('should return an empty string', () => {
+    const value = fromString('')
+
+    expect(value).toBe('')
+  })
+
+  it('should convert to a number', () => {
+    const value = fromString('1')
+
+    expect(value).toBe(1)
+  })
+
+  it('should convert to a floating number', () => {
+    const value = fromString('1.2')
+
+    expect(value).toBe(1.2)
+  })
+
+  it('should not convert to a number with exponent', () => {
+    const value = fromString('1e1')
+
+    expect(value).toBe('1e1')
+  })
+
+  it('should convert to true', () => {
+    const value = fromString('true')
+
+    expect(value).toBe(true)
+  })
+
+  it('should convert to false', () => {
+    const value = fromString('false')
+
+    expect(value).toBe(false)
+  })
+
+  it('should return non-strings', () => {
+    const value = fromString(null)
+
+    expect(value).toBe(null)
+  })
+})
diff --git a/packages/core/src/utilities/fromString.ts b/packages/core/src/utilities/fromString.ts
new file mode 100644
index 0000000..630a8ac
--- /dev/null
+++ b/packages/core/src/utilities/fromString.ts
@@ -0,0 +1,19 @@
+export function fromString(value: any): any {
+  if (typeof value !== 'string') {
+    return value
+  }
+
+  if (value.match(/^[+-]?(?:\d*\.)?\d+$/)) {
+    return Number(value)
+  }
+
+  if (value === 'true') {
+    return true
+  }
+
+  if (value === 'false') {
+    return false
+  }
+
+  return value
+}
diff --git a/packages/core/src/utilities/getStyleProperty.test.ts b/packages/core/src/utilities/getStyleProperty.test.ts
new file mode 100644
index 0000000..dded9b8
--- /dev/null
+++ b/packages/core/src/utilities/getStyleProperty.test.ts
@@ -0,0 +1,53 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { getStyleProperty } from './getStyleProperty.js'
+
+describe('getStyleProperty', () => {
+  it('returns null when the element has no style attribute', () => {
+    const el = document.createElement('span')
+
+    expect(getStyleProperty(el, 'font-family')).toBeNull()
+  })
+
+  it('returns null when the requested property is not declared', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'color: red')
+
+    expect(getStyleProperty(el, 'font-family')).toBeNull()
+  })
+
+  it('returns the raw value preserving original formatting', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', "font-family: 'Comic Sans MS', cursive")
+
+    expect(getStyleProperty(el, 'font-family')).toBe("'Comic Sans MS', cursive")
+  })
+
+  it('returns the last declaration when the property is declared multiple times', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'color: red; color: blue')
+
+    expect(getStyleProperty(el, 'color')).toBe('blue')
+  })
+
+  it('matches the property name case-insensitively', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'FONT-FAMILY: Inter')
+
+    expect(getStyleProperty(el, 'font-family')).toBe('Inter')
+  })
+
+  it('preserves colons that appear inside the value (e.g. URLs)', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', "background-image: url('https://example.com/img.png')")
+
+    expect(getStyleProperty(el, 'background-image')).toBe("url('https://example.com/img.png')")
+  })
+
+  it('ignores trailing semicolons and extra whitespace', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', '  font-size:    16px  ;  ')
+
+    expect(getStyleProperty(el, 'font-size')).toBe('16px')
+  })
+})
diff --git a/packages/core/src/utilities/getStyleProperty.ts b/packages/core/src/utilities/getStyleProperty.ts
new file mode 100644
index 0000000..8c6652c
--- /dev/null
+++ b/packages/core/src/utilities/getStyleProperty.ts
@@ -0,0 +1,52 @@
+/**
+ * Read a CSS property value directly from an element's raw inline `style`
+ * attribute, bypassing the CSSOM (e.g. `element.style.fontFamily`) which
+ * canonicalizes values and can change formatting. The original format is
+ * preserved (quotes, hex vs rgb, etc.).
+ *
+ * When a property is declared more than once, the last declaration wins —
+ * this matches CSS cascade order and is useful when nested spans are merged
+ * and the child's value should take priority.
+ *
+ * Property name comparison is case-insensitive.
+ *
+ * @param element - The element whose `style` attribute should be read.
+ * @param propertyName - The CSS property name (e.g. `font-family`).
+ * @returns The raw value string, or `null` if the property is not present.
+ *
+ * @example
+ * ```ts
+ * parseHTML: element => getStyleProperty(element, 'font-family')
+ * ```
+ */
+export function getStyleProperty(element: HTMLElement, propertyName: string): string | null {
+  const styleAttr = element.getAttribute('style')
+
+  if (!styleAttr) {
+    return null
+  }
+
+  const decls = styleAttr
+    .split(';')
+    .map(decl => decl.trim())
+    .filter(Boolean)
+
+  const target = propertyName.toLowerCase()
+
+  for (let i = decls.length - 1; i >= 0; i -= 1) {
+    const decl = decls[i]
+    const colonIndex = decl.indexOf(':')
+
+    if (colonIndex === -1) {
+      continue
+    }
+
+    const prop = decl.slice(0, colonIndex).trim().toLowerCase()
+
+    if (prop === target) {
+      return decl.slice(colonIndex + 1).trim()
+    }
+  }
+
+  return null
+}
diff --git a/packages/core/src/utilities/htmlEntities.test.ts b/packages/core/src/utilities/htmlEntities.test.ts
new file mode 100644
index 0000000..fad9d57
--- /dev/null
+++ b/packages/core/src/utilities/htmlEntities.test.ts
@@ -0,0 +1,55 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { decodeHtmlEntities, encodeHtmlEntities } from './htmlEntities.js'
+
+describe('decodeHtmlEntities', () => {
+  it('decodes &lt; to <', () => {
+    expect(decodeHtmlEntities('&lt;div&gt;')).toBe('<div>')
+  })
+
+  it('decodes &amp; to &', () => {
+    expect(decodeHtmlEntities('a &amp; b')).toBe('a & b')
+  })
+
+  it('decodes &quot; to "', () => {
+    expect(decodeHtmlEntities('&quot;hello&quot;')).toBe('"hello"')
+  })
+
+  it('handles doubly-encoded sequences like &amp;lt;', () => {
+    expect(decodeHtmlEntities('&amp;lt;')).toBe('&lt;')
+  })
+
+  it('returns plain text unchanged', () => {
+    expect(decodeHtmlEntities('hello world')).toBe('hello world')
+  })
+})
+
+describe('encodeHtmlEntities', () => {
+  it('encodes < to &lt;', () => {
+    expect(encodeHtmlEntities('<div>')).toBe('&lt;div&gt;')
+  })
+
+  it('encodes & to &amp;', () => {
+    expect(encodeHtmlEntities('a & b')).toBe('a &amp; b')
+  })
+
+  it('does not encode " (quotes are valid in markdown)', () => {
+    expect(encodeHtmlEntities('"hello"')).toBe('"hello"')
+  })
+
+  it('returns plain text unchanged', () => {
+    expect(encodeHtmlEntities('hello world')).toBe('hello world')
+  })
+})
+
+describe('roundtrip', () => {
+  it.each(['<div>', 'a & b', 'x < y & y > z'])('encode then decode roundtrips: %s', input => {
+    expect(decodeHtmlEntities(encodeHtmlEntities(input))).toBe(input)
+  })
+
+  it('decode is a superset of encode – &quot; decodes but " is not encoded', () => {
+    // " passes through encode unchanged, &quot; decodes to "
+    expect(encodeHtmlEntities('"hello"')).toBe('"hello"')
+    expect(decodeHtmlEntities('&quot;hello&quot;')).toBe('"hello"')
+  })
+})
diff --git a/packages/core/src/utilities/htmlEntities.ts b/packages/core/src/utilities/htmlEntities.ts
new file mode 100644
index 0000000..ee04bf5
--- /dev/null
+++ b/packages/core/src/utilities/htmlEntities.ts
@@ -0,0 +1,26 @@
+/**
+ * Decode common HTML entities in text content so they display as literal
+ * characters inside the editor.  The decode order matters: `&amp;` must be
+ * decoded **last** so that doubly-encoded sequences like `&amp;lt;` first
+ * survive the `&lt;` pass and then correctly become `&lt;` (not `<`).
+ */
+export function decodeHtmlEntities(text: string): string {
+  return text
+    .replace(/&lt;/g, '<')
+    .replace(/&gt;/g, '>')
+    .replace(/&quot;/g, '"')
+    .replace(/&amp;/g, '&')
+}
+
+/**
+ * Encode HTML special characters so they roundtrip safely through markdown.
+ * `&` is encoded **first** to avoid double-encoding the ampersand in other
+ * entities (e.g. `<` → `&lt;`, not `&amp;lt;`).
+ *
+ * Note: `"` is intentionally NOT encoded here because double quotes are
+ * ordinary characters in markdown and do not need escaping.  The decode
+ * function still handles `&quot;` because the markdown tokenizer may emit it.
+ */
+export function encodeHtmlEntities(text: string): string {
+  return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+}
diff --git a/packages/core/src/utilities/index.ts b/packages/core/src/utilities/index.ts
new file mode 100644
index 0000000..83960f4
--- /dev/null
+++ b/packages/core/src/utilities/index.ts
@@ -0,0 +1,30 @@
+export * from './attrsEqual.js'
+export * from './callOrReturn.js'
+export * from './canInsertNode.js'
+export * from './createStyleTag.js'
+export * from './deleteProps.js'
+export * from './elementFromString.js'
+export * from './escapeForRegEx.js'
+export * from './findDuplicates.js'
+export * from './fromString.js'
+export * from './getStyleProperty.js'
+export * from './htmlEntities.js'
+export * from './isAndroid.js'
+export * from './isEmptyObject.js'
+export * from './isFirefox.js'
+export * from './isFunction.js'
+export * from './isiOS.js'
+export * from './isMacOS.js'
+export * from './isNumber.js'
+export * from './isPlainObject.js'
+export * from './isRegExp.js'
+export * from './isSafari.js'
+export * from './isString.js'
+export * from './markdown/index.js'
+export * as markdown from './markdown/index.js'
+export * from './marksEqual.js'
+export * from './mergeAttributes.js'
+export * from './mergeDeep.js'
+export * from './minMax.js'
+export * from './objectIncludes.js'
+export * from './removeDuplicates.js'
diff --git a/packages/core/src/utilities/isAndroid.test.ts b/packages/core/src/utilities/isAndroid.test.ts
new file mode 100644
index 0000000..f1c2499
--- /dev/null
+++ b/packages/core/src/utilities/isAndroid.test.ts
@@ -0,0 +1,28 @@
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { isAndroid } from './isAndroid.js'
+
+function mockNavigator(platform: string, userAgent: string) {
+  vi.stubGlobal('navigator', { platform, userAgent })
+}
+
+describe('isAndroid', () => {
+  afterEach(() => {
+    vi.unstubAllGlobals()
+  })
+
+  it('detects Android via userAgent', () => {
+    mockNavigator('Linux armv8l', 'Mozilla/5.0 (Linux; Android 13; Pixel 7)')
+    expect(isAndroid()).toBe(true)
+  })
+
+  it('detects Android via platform', () => {
+    mockNavigator('Android', 'Mozilla/5.0 (X11; Linux x86_64)')
+    expect(isAndroid()).toBe(true)
+  })
+
+  it('returns false for non-Android platforms', () => {
+    mockNavigator('MacIntel', 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7)')
+    expect(isAndroid()).toBe(false)
+  })
+})
diff --git a/packages/core/src/utilities/isAndroid.ts b/packages/core/src/utilities/isAndroid.ts
new file mode 100644
index 0000000..44c72b2
--- /dev/null
+++ b/packages/core/src/utilities/isAndroid.ts
@@ -0,0 +1,3 @@
+export function isAndroid(): boolean {
+  return ['Android'].includes(navigator.platform) || /android/i.test(navigator.userAgent)
+}
diff --git a/packages/core/src/utilities/isDev.ts b/packages/core/src/utilities/isDev.ts
new file mode 100644
index 0000000..7c19352
--- /dev/null
+++ b/packages/core/src/utilities/isDev.ts
@@ -0,0 +1,12 @@
+// Core has no node types and can run unbundled in the browser, where `process`
+// is missing. The `typeof` check keeps that case from throwing, and the inline
+// `process.env.NODE_ENV` lets bundlers fold this to `false` and strip dev-only
+// warnings from production builds.
+declare const process: { env: { NODE_ENV?: string } } | undefined
+
+/**
+ * Whether the editor runs in a development build. Use it to guard warnings so
+ * bundlers can drop them from production output.
+ */
+export const isDev: boolean =
+  typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'
diff --git a/packages/core/src/utilities/isEmptyObject.ts b/packages/core/src/utilities/isEmptyObject.ts
new file mode 100644
index 0000000..50ef396
--- /dev/null
+++ b/packages/core/src/utilities/isEmptyObject.ts
@@ -0,0 +1,3 @@
+export function isEmptyObject(value = {}): boolean {
+  return Object.keys(value).length === 0 && value.constructor === Object
+}
diff --git a/packages/core/src/utilities/isFirefox.ts b/packages/core/src/utilities/isFirefox.ts
new file mode 100644
index 0000000..60e121c
--- /dev/null
+++ b/packages/core/src/utilities/isFirefox.ts
@@ -0,0 +1,11 @@
+/**
+ * Detects if the current browser is Firefox.
+ * @returns `true` if the browser is Firefox, `false` otherwise.
+ * @example
+ * if (isFirefox()) {
+ *   // Firefox-specific handling
+ * }
+ */
+export function isFirefox(): boolean {
+  return typeof navigator !== 'undefined' ? /Firefox/.test(navigator.userAgent) : false
+}
diff --git a/packages/core/src/utilities/isFunction.ts b/packages/core/src/utilities/isFunction.ts
new file mode 100644
index 0000000..5119836
--- /dev/null
+++ b/packages/core/src/utilities/isFunction.ts
@@ -0,0 +1,4 @@
+// oxlint-disable-next-lineno-unsafe-function-type
+export function isFunction(value: any): value is Function {
+  return typeof value === 'function'
+}
diff --git a/packages/core/src/utilities/isMacOS.ts b/packages/core/src/utilities/isMacOS.ts
new file mode 100644
index 0000000..ba81cae
--- /dev/null
+++ b/packages/core/src/utilities/isMacOS.ts
@@ -0,0 +1,3 @@
+export function isMacOS(): boolean {
+  return typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false
+}
diff --git a/packages/core/src/utilities/isNumber.ts b/packages/core/src/utilities/isNumber.ts
new file mode 100644
index 0000000..d0023e9
--- /dev/null
+++ b/packages/core/src/utilities/isNumber.ts
@@ -0,0 +1,3 @@
+export function isNumber(value: any): value is number {
+  return typeof value === 'number'
+}
diff --git a/packages/core/src/utilities/isPlainObject.ts b/packages/core/src/utilities/isPlainObject.ts
new file mode 100644
index 0000000..f7a2b3e
--- /dev/null
+++ b/packages/core/src/utilities/isPlainObject.ts
@@ -0,0 +1,13 @@
+// see: https://github.com/mesqueeb/is-what/blob/88d6e4ca92fb2baab6003c54e02eedf4e729e5ab/src/index.ts
+
+function getType(value: any): string {
+  return Object.prototype.toString.call(value).slice(8, -1)
+}
+
+export function isPlainObject(value: any): value is Record<string, any> {
+  if (getType(value) !== 'Object') {
+    return false
+  }
+
+  return value.constructor === Object && Object.getPrototypeOf(value) === Object.prototype
+}
diff --git a/packages/core/src/utilities/isRegExp.ts b/packages/core/src/utilities/isRegExp.ts
new file mode 100644
index 0000000..f9ec25f
--- /dev/null
+++ b/packages/core/src/utilities/isRegExp.ts
@@ -0,0 +1,3 @@
+export function isRegExp(value: any): value is RegExp {
+  return Object.prototype.toString.call(value) === '[object RegExp]'
+}
diff --git a/packages/core/src/utilities/isSafari.ts b/packages/core/src/utilities/isSafari.ts
new file mode 100644
index 0000000..05c8b35
--- /dev/null
+++ b/packages/core/src/utilities/isSafari.ts
@@ -0,0 +1,13 @@
+/**
+ * Detects if the current browser is Safari (but not iOS Safari or Chrome).
+ * @returns `true` if the browser is Safari, `false` otherwise.
+ * @example
+ * if (isSafari()) {
+ *   // Safari-specific handling
+ * }
+ */
+export function isSafari(): boolean {
+  return typeof navigator !== 'undefined'
+    ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
+    : false
+}
diff --git a/packages/core/src/utilities/isString.ts b/packages/core/src/utilities/isString.ts
new file mode 100644
index 0000000..24e46e4
--- /dev/null
+++ b/packages/core/src/utilities/isString.ts
@@ -0,0 +1,3 @@
+export function isString(value: any): value is string {
+  return typeof value === 'string'
+}
diff --git a/packages/core/src/utilities/isiOS.ts b/packages/core/src/utilities/isiOS.ts
new file mode 100644
index 0000000..29aed0d
--- /dev/null
+++ b/packages/core/src/utilities/isiOS.ts
@@ -0,0 +1,9 @@
+export function isiOS(): boolean {
+  return (
+    ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(
+      navigator.platform,
+    ) ||
+    // iPad on iOS 13 detection
+    (navigator.userAgent.includes('Mac') && 'ontouchend' in document)
+  )
+}
diff --git a/packages/core/src/utilities/markdown/createAtomBlockMarkdownSpec.ts b/packages/core/src/utilities/markdown/createAtomBlockMarkdownSpec.ts
new file mode 100644
index 0000000..4aa48a9
--- /dev/null
+++ b/packages/core/src/utilities/markdown/createAtomBlockMarkdownSpec.ts
@@ -0,0 +1,139 @@
+import type {
+  JSONContent,
+  MarkdownParseHelpers,
+  MarkdownParseResult,
+  MarkdownToken,
+  MarkdownTokenizer,
+} from '../../types.js'
+import { parseAttributes as defaultParseAttributes } from './parseAttributes.js'
+import { serializeAttributes as defaultSerializeAttributes } from './serializeAttributes.js'
+
+export interface AtomBlockMarkdownSpecOptions {
+  /** The Tiptap node name this spec is for */
+  nodeName: string
+  /** The markdown syntax name (defaults to nodeName if not provided) */
+  name?: string
+  /** Function to parse attributes from token attribute string */
+  parseAttributes?: (attrString: string) => Record<string, any>
+  /** Function to serialize attributes back to string for rendering */
+  serializeAttributes?: (attrs: Record<string, any>) => string
+  /** Default attributes to apply when parsing */
+  defaultAttributes?: Record<string, any>
+  /** Required attributes that must be present for successful parsing */
+  requiredAttributes?: string[]
+  /** Attributes that are allowed to be rendered back to markdown (whitelist) */
+  allowedAttributes?: string[]
+}
+
+/**
+ * Creates a complete markdown spec for atomic block nodes using Pandoc syntax.
+ *
+ * The generated spec handles:
+ * - Parsing self-closing blocks with `:::blockName {attributes}`
+ * - Extracting and parsing attributes
+ * - Validating required attributes
+ * - Rendering blocks back to markdown
+ *
+ * @param options - Configuration for the atomic block markdown spec
+ * @returns Complete markdown specification object
+ *
+ * @example
+ * ```ts
+ * const youtubeSpec = createAtomBlockMarkdownSpec({
+ *   nodeName: 'youtube',
+ *   requiredAttributes: ['src'],
+ *   defaultAttributes: { start: 0 },
+ *   allowedAttributes: ['src', 'start', 'width', 'height'] // Only these get rendered to markdown
+ * })
+ *
+ * // Usage in extension:
+ * export const Youtube = Node.create({
+ *   // ... other config
+ *   markdown: youtubeSpec
+ * })
+ * ```
+ */
+export function createAtomBlockMarkdownSpec(options: AtomBlockMarkdownSpecOptions): {
+  parseMarkdown: (token: MarkdownToken, h: MarkdownParseHelpers) => MarkdownParseResult
+  markdownTokenizer: MarkdownTokenizer
+  renderMarkdown: (node: JSONContent) => string
+} {
+  const {
+    nodeName,
+    name: markdownName,
+    parseAttributes = defaultParseAttributes,
+    serializeAttributes = defaultSerializeAttributes,
+    defaultAttributes = {},
+    requiredAttributes = [],
+    allowedAttributes,
+  } = options
+
+  // Use markdownName for syntax, fallback to nodeName
+  const blockName = markdownName || nodeName
+
+  // Helper function to filter attributes based on allowlist
+  const filterAttributes = (attrs: Record<string, any>) => {
+    if (!allowedAttributes) {
+      return attrs
+    }
+
+    const filtered: Record<string, any> = {}
+    allowedAttributes.forEach(key => {
+      if (key in attrs) {
+        filtered[key] = attrs[key]
+      }
+    })
+    return filtered
+  }
+
+  return {
+    parseMarkdown: (token: MarkdownToken, h: MarkdownParseHelpers) => {
+      const attrs = { ...defaultAttributes, ...token.attributes }
+      return h.createNode(nodeName, attrs, [])
+    },
+
+    markdownTokenizer: {
+      name: nodeName,
+      level: 'block' as const,
+      start(src: string) {
+        const regex = new RegExp(`^:::${blockName}(?:\\s|$)`, 'm')
+        const index = src.match(regex)?.index
+        return index !== undefined ? index : -1
+      },
+      tokenize(src, _tokens, _lexer) {
+        // Use non-global regex to match from the start of the string
+        // Include optional newline to ensure we consume the entire line
+        const regex = new RegExp(`^:::${blockName}(?:\\s+\\{([^}]*)\\})?\\s*:::(?:\\n|$)`)
+        const match = src.match(regex)
+
+        if (!match) {
+          return undefined
+        }
+
+        // Parse attributes if present
+        const attrString = match[1] || ''
+        const attributes = parseAttributes(attrString)
+
+        // Validate required attributes
+        const missingRequired = requiredAttributes.find(required => !(required in attributes))
+        if (missingRequired) {
+          return undefined
+        }
+
+        return {
+          type: nodeName,
+          raw: match[0],
+          attributes,
+        }
+      },
+    },
+
+    renderMarkdown: node => {
+      const filteredAttrs = filterAttributes(node.attrs || {})
+      const attrs = serializeAttributes(filteredAttrs)
+      const attrString = attrs ? ` {${attrs}}` : ''
+
+      return `:::${blockName}${attrString} :::`
+    },
+  }
+}
diff --git a/packages/core/src/utilities/markdown/createBlockMarkdownSpec.ts b/packages/core/src/utilities/markdown/createBlockMarkdownSpec.ts
new file mode 100644
index 0000000..20b8f73
--- /dev/null
+++ b/packages/core/src/utilities/markdown/createBlockMarkdownSpec.ts
@@ -0,0 +1,229 @@
+import type {
+  JSONContent,
+  MarkdownParseHelpers,
+  MarkdownParseResult,
+  MarkdownRendererHelpers,
+  MarkdownToken,
+  MarkdownTokenizer,
+} from '../../types.js'
+import { parseAttributes as defaultParseAttributes } from './parseAttributes.js'
+import { serializeAttributes as defaultSerializeAttributes } from './serializeAttributes.js'
+
+export interface BlockMarkdownSpecOptions {
+  /** The Tiptap node name this spec is for */
+  nodeName: string
+  /** The markdown syntax name (defaults to nodeName if not provided) */
+  name?: string
+  /** Function to extract content from the node for serialization */
+  getContent?: (token: MarkdownToken) => string
+  /** Function to parse attributes from the attribute string */
+  parseAttributes?: (attrString: string) => Record<string, any>
+  /** Function to serialize attributes to string */
+  serializeAttributes?: (attrs: Record<string, any>) => string
+  /** Default attributes to apply when parsing */
+  defaultAttributes?: Record<string, any>
+  /** Content type: 'block' allows paragraphs/lists/etc, 'inline' only allows bold/italic/links/etc */
+  content?: 'block' | 'inline'
+  /** Allowlist of attributes to include in markdown (if not provided, all attributes are included) */
+  allowedAttributes?: string[]
+}
+
+/**
+ * Creates a complete markdown spec for block-level nodes using Pandoc syntax.
+ *
+ * The generated spec handles:
+ * - Parsing blocks with `:::blockName {attributes}` syntax
+ * - Extracting and parsing attributes
+ * - Rendering blocks back to markdown with proper formatting
+ * - Nested content support
+ *
+ * @param options - Configuration for the block markdown spec
+ * @returns Complete markdown specification object
+ *
+ * @example
+ * ```ts
+ * const calloutSpec = createBlockMarkdownSpec({
+ *   nodeName: 'callout',
+ *   defaultAttributes: { type: 'info' },
+ *   allowedAttributes: ['type', 'title'] // Only these get rendered to markdown
+ * })
+ *
+ * // Usage in extension:
+ * export const Callout = Node.create({
+ *   // ... other config
+ *   markdown: calloutSpec
+ * })
+ * ```
+ */
+export function createBlockMarkdownSpec(options: BlockMarkdownSpecOptions): {
+  parseMarkdown: (token: MarkdownToken, h: MarkdownParseHelpers) => MarkdownParseResult
+  markdownTokenizer: MarkdownTokenizer
+  renderMarkdown: (node: JSONContent, h: MarkdownRendererHelpers) => string
+} {
+  const {
+    nodeName,
+    name: markdownName,
+    getContent,
+    parseAttributes = defaultParseAttributes,
+    serializeAttributes = defaultSerializeAttributes,
+    defaultAttributes = {},
+    content = 'block',
+    allowedAttributes,
+  } = options
+
+  // Use markdownName for syntax, fallback to nodeName
+  const blockName = markdownName || nodeName
+
+  // Helper function to filter attributes based on allowlist
+  const filterAttributes = (attrs: Record<string, any>) => {
+    if (!allowedAttributes) {
+      return attrs
+    }
+
+    const filtered: Record<string, any> = {}
+    allowedAttributes.forEach(key => {
+      if (key in attrs) {
+        filtered[key] = attrs[key]
+      }
+    })
+    return filtered
+  }
+
+  return {
+    parseMarkdown: (token, h) => {
+      let nodeContent: JSONContent[]
+
+      if (getContent) {
+        const contentResult = getContent(token)
+        // If getContent returns a string, wrap it in a text node
+        nodeContent =
+          typeof contentResult === 'string'
+            ? [{ type: 'text', text: contentResult }]
+            : contentResult
+      } else if (content === 'block') {
+        nodeContent = h.parseChildren(token.tokens || [])
+      } else {
+        nodeContent = h.parseInline(token.tokens || [])
+      }
+
+      const attrs = { ...defaultAttributes, ...token.attributes }
+
+      return h.createNode(nodeName, attrs, nodeContent)
+    },
+
+    markdownTokenizer: {
+      name: nodeName,
+      level: 'block' as const,
+      start(src) {
+        const regex = new RegExp(`^:::${blockName}`, 'm')
+        const index = src.match(regex)?.index
+        return index !== undefined ? index : -1
+      },
+      tokenize(src, _tokens, lexer) {
+        // Match the opening tag with optional attributes
+        const openingRegex = new RegExp(`^:::${blockName}(?:\\s+\\{([^}]*)\\})?\\s*\\n`)
+        const openingMatch = src.match(openingRegex)
+
+        if (!openingMatch) {
+          return undefined
+        }
+
+        const [openingTag, attrString = ''] = openingMatch
+        const attributes = parseAttributes(attrString)
+
+        // Find the matching closing tag by tracking nesting level
+        let level = 1
+        const position = openingTag.length
+        let matchedContent = ''
+
+        // Pattern to match any block opening (:::word) or closing (:::)
+        const blockPattern = /^:::([\w-]*)(\s.*)?/gm
+        const remaining = src.slice(position)
+
+        blockPattern.lastIndex = 0
+
+        // run until no more matches are found
+        for (;;) {
+          const match = blockPattern.exec(remaining)
+          if (match === null) {
+            break
+          }
+          const matchPos = match.index
+          const blockType = match[1] // Empty string for closing tag, block name for opening
+
+          if (match[2]?.endsWith(':::')) {
+            // this is an atom ::: node, we skip it
+            continue
+          }
+
+          if (blockType) {
+            // Opening tag found - increase level
+            level += 1
+          } else {
+            // Closing tag found - decrease level
+            level -= 1
+
+            if (level === 0) {
+              // Found our matching closing tag
+              // Don't trim yet - keep newlines for tokenizer regex matching
+              const rawContent = remaining.slice(0, matchPos)
+              matchedContent = rawContent.trim()
+              const fullMatch = src.slice(0, position + matchPos + match[0].length)
+
+              // Tokenize the content
+              let contentTokens: MarkdownToken[] = []
+              if (matchedContent) {
+                if (content === 'block') {
+                  // Use rawContent for tokenization to preserve line boundaries for regex matching
+                  contentTokens = lexer.blockTokens(rawContent)
+
+                  // Parse inline tokens for any token that has text content but no tokens
+                  contentTokens.forEach(token => {
+                    if (token.text && (!token.tokens || token.tokens.length === 0)) {
+                      token.tokens = lexer.inlineTokens(token.text)
+                    }
+                  })
+
+                  // Clean up empty trailing paragraphs
+                  while (contentTokens.length > 0) {
+                    const lastToken = contentTokens[contentTokens.length - 1]
+                    if (
+                      lastToken.type === 'paragraph' &&
+                      (!lastToken.text || lastToken.text.trim() === '')
+                    ) {
+                      contentTokens.pop()
+                    } else {
+                      break
+                    }
+                  }
+                } else {
+                  contentTokens = lexer.inlineTokens(matchedContent)
+                }
+              }
+
+              return {
+                type: nodeName,
+                raw: fullMatch,
+                attributes,
+                content: matchedContent,
+                tokens: contentTokens,
+              }
+            }
+          }
+        }
+
+        // No matching closing tag found
+        return undefined
+      },
+    },
+
+    renderMarkdown: (node, h) => {
+      const filteredAttrs = filterAttributes(node.attrs || {})
+      const attrs = serializeAttributes(filteredAttrs)
+      const attrString = attrs ? ` {${attrs}}` : ''
+      const renderedContent = h.renderChildren(node.content || [], '\n\n')
+
+      return `:::${blockName}${attrString}\n\n${renderedContent}\n\n:::`
+    },
+  }
+}
diff --git a/packages/core/src/utilities/markdown/createInlineMarkdownSpec.ts b/packages/core/src/utilities/markdown/createInlineMarkdownSpec.ts
new file mode 100644
index 0000000..0bd1916
--- /dev/null
+++ b/packages/core/src/utilities/markdown/createInlineMarkdownSpec.ts
@@ -0,0 +1,262 @@
+import type {
+  JSONContent,
+  MarkdownParseHelpers,
+  MarkdownParseResult,
+  MarkdownToken,
+  MarkdownTokenizer,
+} from '../../types.js'
+import { parseShortcodeAttributes } from './parseShortcodeAttributes.js'
+
+/**
+ * Serialize attributes back to shortcode format
+ * Always quotes all values with double quotes
+ */
+function serializeShortcodeAttributes(attrs: Record<string, any>): string {
+  return Object.entries(attrs)
+    .filter(([, value]) => value !== undefined && value !== null)
+    .map(([key, value]) => `${key}="${value}"`)
+    .join(' ')
+}
+
+/**
+ * Configuration for an allowed attribute in markdown serialization.
+ * Can be a simple string (attribute name) or an object with additional options.
+ */
+export type AllowedAttribute =
+  | string
+  | {
+      /** The attribute name */
+      name: string
+      /**
+       * If provided, the attribute will be skipped during serialization when its value
+       * equals this default value. This keeps markdown output clean by omitting
+       * attributes that have their default values.
+       */
+      skipIfDefault?: any
+    }
+
+export interface InlineMarkdownSpecOptions {
+  /** The Tiptap node name this spec is for */
+  nodeName: string
+  /** The shortcode name (defaults to nodeName if not provided) */
+  name?: string
+  /** Function to extract content from the node for serialization */
+  getContent?: (node: any) => string
+  /** Function to parse attributes from the attribute string */
+  parseAttributes?: (attrString: string) => Record<string, any>
+  /** Function to serialize attributes to string */
+  serializeAttributes?: (attrs: Record<string, any>) => string
+  /** Default attributes to apply when parsing */
+  defaultAttributes?: Record<string, any>
+  /** Whether this is a self-closing shortcode (no content, like [emoji name=party]) */
+  selfClosing?: boolean
+  /**
+   * Allowlist of attributes to include in markdown serialization.
+   * If not provided, all attributes are included.
+   *
+   * Each item can be either:
+   * - A string: the attribute name (always included if present)
+   * - An object: `{ name: string, skipIfDefault?: any }` for conditional inclusion
+   *
+   * @example
+   * // Simple string attributes (backward compatible)
+   * allowedAttributes: ['id', 'label']
+   *
+   * // Mixed with conditional attributes
+   * allowedAttributes: [
+   *   'id',
+   *   'label',
+   *   { name: 'mentionSuggestionChar', skipIfDefault: '@' }
+   * ]
+   */
+  allowedAttributes?: AllowedAttribute[]
+}
+
+/**
+ * Creates a complete markdown spec for inline nodes using attribute syntax.
+ *
+ * The generated spec handles:
+ * - Parsing shortcode syntax with `[nodeName attributes]content[/nodeName]` format
+ * - Self-closing shortcodes like `[emoji name=party_popper]`
+ * - Extracting and parsing attributes from the opening tag
+ * - Rendering inline elements back to shortcode markdown
+ * - Supporting both content-based and self-closing inline elements
+ *
+ * @param options - Configuration for the inline markdown spec
+ * @returns Complete markdown specification object
+ *
+ * @example
+ * ```ts
+ * // Self-closing mention: [mention id="madonna" label="Madonna"]
+ * const mentionSpec = createInlineMarkdownSpec({
+ *   nodeName: 'mention',
+ *   selfClosing: true,
+ *   defaultAttributes: { type: 'user' },
+ *   allowedAttributes: ['id', 'label'] // Only these get rendered to markdown
+ * })
+ *
+ * // Self-closing emoji: [emoji name="party_popper"]
+ * const emojiSpec = createInlineMarkdownSpec({
+ *   nodeName: 'emoji',
+ *   selfClosing: true,
+ *   allowedAttributes: ['name']
+ * })
+ *
+ * // With content: [highlight color="yellow"]text[/highlight]
+ * const highlightSpec = createInlineMarkdownSpec({
+ *   nodeName: 'highlight',
+ *   selfClosing: false,
+ *   allowedAttributes: ['color', 'style']
+ * })
+ *
+ * // Usage in extension:
+ * export const Mention = Node.create({
+ *   name: 'mention', // Must match nodeName
+ *   // ... other config
+ *   markdown: mentionSpec
+ * })
+ * ```
+ */
+export function createInlineMarkdownSpec(options: InlineMarkdownSpecOptions): {
+  parseMarkdown: (token: MarkdownToken, h: MarkdownParseHelpers) => MarkdownParseResult
+  markdownTokenizer: MarkdownTokenizer
+  renderMarkdown: (node: JSONContent) => string
+} {
+  const {
+    nodeName,
+    name: shortcodeName,
+    getContent,
+    parseAttributes = parseShortcodeAttributes,
+    serializeAttributes = serializeShortcodeAttributes,
+    defaultAttributes = {},
+    selfClosing = false,
+    allowedAttributes,
+  } = options
+
+  // Use shortcodeName for markdown syntax, fallback to nodeName
+  const shortcode = shortcodeName || nodeName
+
+  // Helper function to filter attributes based on allowlist
+  const filterAttributes = (attrs: Record<string, any>) => {
+    if (!allowedAttributes) {
+      return attrs
+    }
+
+    const filtered: Record<string, any> = {}
+    allowedAttributes.forEach(attr => {
+      // Handle both string and object formats for backward compatibility
+      const attrName = typeof attr === 'string' ? attr : attr.name
+      const skipIfDefault = typeof attr === 'string' ? undefined : attr.skipIfDefault
+
+      if (attrName in attrs) {
+        const value = attrs[attrName]
+
+        // Skip if value equals the default (when skipIfDefault is specified)
+        if (skipIfDefault !== undefined && value === skipIfDefault) {
+          return
+        }
+
+        filtered[attrName] = value
+      }
+    })
+    return filtered
+  }
+
+  // Escape special regex characters in shortcode name
+  const escapedShortcode = shortcode.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+
+  return {
+    parseMarkdown: (token: MarkdownToken, h: MarkdownParseHelpers) => {
+      const attrs = { ...defaultAttributes, ...token.attributes }
+
+      if (selfClosing) {
+        // Self-closing nodes like mentions are atomic - no content
+        return h.createNode(nodeName, attrs)
+      }
+
+      // Nodes with content
+      const content = getContent ? getContent(token) : token.content || ''
+      if (content) {
+        // For inline content, create text nodes using the proper helper
+        return h.createNode(nodeName, attrs, [h.createTextNode(content)])
+      }
+      return h.createNode(nodeName, attrs, [])
+    },
+
+    markdownTokenizer: {
+      name: nodeName,
+      level: 'inline' as const,
+      start(src: string) {
+        // Create a non-global version for finding the start position
+        const startPattern = selfClosing
+          ? new RegExp(`\\[${escapedShortcode}\\s*[^\\]]*\\]`)
+          : new RegExp(`\\[${escapedShortcode}\\s*[^\\]]*\\][\\s\\S]*?\\[\\/${escapedShortcode}\\]`)
+
+        const match = src.match(startPattern)
+        const index = match?.index
+        return index !== undefined ? index : -1
+      },
+      tokenize(src, _tokens, _lexer) {
+        // Use non-global regex to match from the start of the string
+        const tokenPattern = selfClosing
+          ? new RegExp(`^\\[${escapedShortcode}\\s*([^\\]]*)\\]`)
+          : new RegExp(
+              `^\\[${escapedShortcode}\\s*([^\\]]*)\\]([\\s\\S]*?)\\[\\/${escapedShortcode}\\]`,
+            )
+
+        const match = src.match(tokenPattern)
+
+        if (!match) {
+          return undefined
+        }
+
+        let content = ''
+        let attrString = ''
+
+        if (selfClosing) {
+          // Self-closing: [shortcode attr="value"]
+          const [, attrs] = match
+          attrString = attrs
+        } else {
+          // With content: [shortcode attr="value"]content[/shortcode]
+          const [, attrs, contentMatch] = match
+          attrString = attrs
+          content = contentMatch || ''
+        }
+
+        // Parse attributes from the attribute string
+        const attributes = parseAttributes(attrString.trim())
+
+        return {
+          type: nodeName,
+          raw: match[0],
+          content: content.trim(),
+          attributes,
+        }
+      },
+    },
+
+    renderMarkdown: (node: JSONContent) => {
+      let content = ''
+      if (getContent) {
+        content = getContent(node)
+      } else if (node.content && node.content.length > 0) {
+        // Extract text from content array for inline nodes
+        content = node.content
+          .filter((child: any) => child.type === 'text')
+          .map((child: any) => child.text)
+          .join('')
+      }
+
+      const filteredAttrs = filterAttributes(node.attrs || {})
+      const attrs = serializeAttributes(filteredAttrs)
+      const attrString = attrs ? ` ${attrs}` : ''
+
+      if (selfClosing) {
+        return `[${shortcode}${attrString}]`
+      }
+
+      return `[${shortcode}${attrString}]${content}[/${shortcode}]`
+    },
+  }
+}
diff --git a/packages/core/src/utilities/markdown/index.ts b/packages/core/src/utilities/markdown/index.ts
new file mode 100644
index 0000000..f866af5
--- /dev/null
+++ b/packages/core/src/utilities/markdown/index.ts
@@ -0,0 +1,14 @@
+/**
+ * @fileoverview Markdown utilities for creating standardized markdown specs.
+ *
+ * This module provides utilities for creating complete markdown specifications
+ * for different types of nodes using unified syntax patterns.
+ */
+
+export * from './createAtomBlockMarkdownSpec.js'
+export * from './createBlockMarkdownSpec.js'
+export * from './createInlineMarkdownSpec.js'
+export * from './parseAttributes.js'
+export * from './parseIndentedBlocks.js'
+export * from './renderNestedMarkdownContent.js'
+export * from './serializeAttributes.js'
diff --git a/packages/core/src/utilities/markdown/parseAttributes.test.ts b/packages/core/src/utilities/markdown/parseAttributes.test.ts
new file mode 100644
index 0000000..d25f36c
--- /dev/null
+++ b/packages/core/src/utilities/markdown/parseAttributes.test.ts
@@ -0,0 +1,70 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { parseAttributes } from './parseAttributes.js'
+
+describe('parseAttributes', () => {
+  it('should return an empty object for empty input', () => {
+    expect(parseAttributes('')).toEqual({})
+    expect(parseAttributes('   ')).toEqual({})
+  })
+
+  it('should parse classes', () => {
+    expect(parseAttributes('.btn .primary')).toEqual({ class: 'btn primary' })
+  })
+
+  it('should parse ids', () => {
+    expect(parseAttributes('#submit')).toEqual({ id: 'submit' })
+  })
+
+  it('should parse key-value pairs', () => {
+    expect(parseAttributes('type="button"')).toEqual({ type: 'button' })
+  })
+
+  it('should only parse key-value pairs at attribute boundaries', () => {
+    expect(parseAttributes('prefix:type="button"')).toEqual({})
+  })
+
+  it('should not treat input as an internal quoted value reference', () => {
+    expect(parseAttributes('title=__QUOTED_0__ "forged" disabled')).toEqual({
+      disabled: true,
+    })
+  })
+
+  it('should allow the other quote type inside quoted values', () => {
+    expect(parseAttributes(`title="It's ready" data-note='Say "hello"'`)).toEqual({
+      title: "It's ready",
+      'data-note': 'Say "hello"',
+    })
+  })
+
+  it('should parse boolean attributes', () => {
+    expect(parseAttributes('disabled')).toEqual({ disabled: true })
+  })
+
+  it('should parse mixed attribute strings', () => {
+    expect(parseAttributes('.btn #submit disabled type="button"')).toEqual({
+      class: 'btn',
+      id: 'submit',
+      disabled: true,
+      type: 'button',
+    })
+  })
+
+  it('should not parse classes or ids inside quoted values', () => {
+    expect(parseAttributes('title="#not-an-id .not-a-class"')).toEqual({
+      title: '#not-an-id .not-a-class',
+    })
+  })
+
+  it('should parse ids starting with a number', () => {
+    expect(parseAttributes('#2123 .foo')).toEqual({ class: 'foo', id: '2123' })
+  })
+
+  it('should parse ids with a leading number followed by letters', () => {
+    expect(parseAttributes('#5hello .foo')).toEqual({ class: 'foo', id: '5hello' })
+  })
+
+  it('should parse classes starting with a number', () => {
+    expect(parseAttributes('.2xl #foo')).toEqual({ class: '2xl', id: 'foo' })
+  })
+})
diff --git a/packages/core/src/utilities/markdown/parseAttributes.ts b/packages/core/src/utilities/markdown/parseAttributes.ts
new file mode 100644
index 0000000..15a7f03
--- /dev/null
+++ b/packages/core/src/utilities/markdown/parseAttributes.ts
@@ -0,0 +1,48 @@
+import type { AttributeToken } from './tokenizeAttributes.js'
+import { tokenizeAttributes } from './tokenizeAttributes.js'
+
+function applyTokens(tokens: AttributeToken[]): Record<string, any> {
+  const attributes: Record<string, any> = {}
+  const classes = tokens.filter(token => token.type === 'class').map(token => token.name)
+  const id = tokens.find(token => token.type === 'id')
+
+  if (classes.length > 0) {
+    attributes.class = classes.join(' ')
+  }
+  if (id) {
+    attributes.id = id.name
+  }
+
+  tokens.forEach(token => {
+    if (token.type === 'keyValue') {
+      attributes[token.name] = token.value
+    }
+  })
+  tokens.forEach(token => {
+    if (token.type === 'boolean') {
+      attributes[token.name] = true
+    }
+  })
+
+  return attributes
+}
+
+/**
+ * Parses a Pandoc-style attribute string into an object.
+ *
+ * @param attrString - The attribute string to parse
+ * @returns Parsed attributes object
+ *
+ * @example
+ * ```ts
+ * parseAttributes('.btn #submit disabled type="button"')
+ * // { class: 'btn', id: 'submit', disabled: true, type: 'button' }
+ * ```
+ */
+export function parseAttributes(attrString: string): Record<string, any> {
+  if (!attrString?.trim()) {
+    return {}
+  }
+
+  return applyTokens(tokenizeAttributes(attrString, 'pandoc'))
+}
diff --git a/packages/core/src/utilities/markdown/parseIndentedBlocks.ts b/packages/core/src/utilities/markdown/parseIndentedBlocks.ts
new file mode 100644
index 0000000..ae4956b
--- /dev/null
+++ b/packages/core/src/utilities/markdown/parseIndentedBlocks.ts
@@ -0,0 +1,194 @@
+/**
+ * @fileoverview Utility for parsing indented markdown blocks with hierarchical nesting.
+ *
+ * This utility handles the complex logic of parsing markdown blocks that can contain
+ * nested content based on indentation levels, maintaining proper hierarchical structure
+ * for lists, task lists, and other indented block types.
+ */
+
+export interface ParsedBlock {
+  type: string
+  raw: string
+  mainContent: string
+  indentLevel: number
+  nestedContent?: string
+  nestedTokens?: any[]
+  [key: string]: any
+}
+
+export interface BlockParserConfig {
+  /** Regex pattern to match block items */
+  itemPattern: RegExp
+  /** Function to extract data from regex match */
+  extractItemData: (match: RegExpMatchArray) => {
+    mainContent: string
+    indentLevel: number
+    [key: string]: any
+  }
+  /** Function to create the final token */
+  createToken: (data: any, nestedTokens?: any[]) => ParsedBlock
+  /** Base indentation to remove from nested content (default: 2 spaces) */
+  baseIndentSize?: number
+  /**
+   * Custom parser for nested content. If provided, this will be called instead
+   * of the default lexer.blockTokens() for parsing nested content.
+   * This allows recursive parsing of the same block type.
+   */
+  customNestedParser?: (dedentedContent: string) => any[] | undefined
+}
+
+/**
+ * Parses markdown text into hierarchical indented blocks with proper nesting.
+ *
+ * This utility handles:
+ * - Line-by-line parsing with pattern matching
+ * - Hierarchical nesting based on indentation levels
+ * - Nested content collection and parsing
+ * - Empty line handling
+ * - Content dedenting for nested blocks
+ *
+ * The key difference from flat parsing is that this maintains the hierarchical
+ * structure where nested items become `nestedTokens` of their parent items,
+ * rather than being flattened into a single array.
+ *
+ * @param src - The markdown source text to parse
+ * @param config - Configuration object defining how to parse and create tokens
+ * @param lexer - Markdown lexer for parsing nested content
+ * @returns Parsed result with hierarchical items, or undefined if no matches
+ *
+ * @example
+ * ```ts
+ * const result = parseIndentedBlocks(src, {
+ *   itemPattern: /^(\s*)([-+*])\s+\[([ xX])\]\s+(.*)$/,
+ *   extractItemData: (match) => ({
+ *     indentLevel: match[1].length,
+ *     mainContent: match[4],
+ *     checked: match[3].toLowerCase() === 'x'
+ *   }),
+ *   createToken: (data, nestedTokens) => ({
+ *     type: 'taskItem',
+ *     checked: data.checked,
+ *     text: data.mainContent,
+ *     nestedTokens
+ *   })
+ * }, lexer)
+ * ```
+ */
+export function parseIndentedBlocks(
+  src: string,
+  config: BlockParserConfig,
+  lexer: {
+    inlineTokens: (src: string) => any[]
+    blockTokens: (src: string) => any[]
+  },
+):
+  | {
+      items: ParsedBlock[]
+      raw: string
+    }
+  | undefined {
+  const lines = src.split('\n')
+  const items: ParsedBlock[] = []
+  let totalRaw = ''
+  let i = 0
+  const baseIndentSize = config.baseIndentSize || 2
+
+  while (i < lines.length) {
+    const currentLine = lines[i]
+    const itemMatch = currentLine.match(config.itemPattern)
+
+    if (!itemMatch) {
+      // Not a matching item - stop if we have items, otherwise this isn't our block type
+      if (items.length > 0) {
+        break
+      } else if (currentLine.trim() === '') {
+        i += 1
+        totalRaw = `${totalRaw}${currentLine}\n`
+        continue
+      } else {
+        return undefined
+      }
+    }
+
+    const itemData = config.extractItemData(itemMatch)
+    const { indentLevel, mainContent } = itemData
+    totalRaw = `${totalRaw}${currentLine}\n`
+
+    // Collect content for this item (including nested items)
+    const itemContent = [mainContent] // Start with the main text
+    i += 1
+
+    // Look ahead for nested content (indented more than current item)
+    while (i < lines.length) {
+      const nextLine = lines[i]
+
+      if (nextLine.trim() === '') {
+        // Empty line - might be end of nested content
+        const nextNonEmptyIndex = lines.slice(i + 1).findIndex(l => l.trim() !== '')
+        if (nextNonEmptyIndex === -1) {
+          // No more content
+          break
+        }
+
+        const nextNonEmpty = lines[i + 1 + nextNonEmptyIndex]
+        const nextIndent = nextNonEmpty.match(/^(\s*)/)?.[1]?.length || 0
+
+        if (nextIndent > indentLevel) {
+          // Nested content continues after empty line
+          itemContent.push(nextLine)
+          totalRaw = `${totalRaw}${nextLine}\n`
+          i += 1
+          continue
+        } else {
+          // End of nested content
+          break
+        }
+      }
+
+      const nextIndent = nextLine.match(/^(\s*)/)?.[1]?.length || 0
+
+      if (nextIndent > indentLevel) {
+        // This is nested content for the current item
+        itemContent.push(nextLine)
+        totalRaw = `${totalRaw}${nextLine}\n`
+        i += 1
+      } else {
+        // Same or less indentation - this belongs to parent level
+        break
+      }
+    }
+
+    // Parse nested content if present
+    let nestedTokens: any[] | undefined
+    const nestedContent = itemContent.slice(1)
+
+    if (nestedContent.length > 0) {
+      // Remove the base indentation from nested content
+      const dedentedNested = nestedContent
+        .map(nestedLine => nestedLine.slice(indentLevel + baseIndentSize)) // Remove base indent + 2 spaces
+        .join('\n')
+
+      if (dedentedNested.trim()) {
+        // Use custom nested parser if provided, otherwise fall back to default
+        if (config.customNestedParser) {
+          nestedTokens = config.customNestedParser(dedentedNested)
+        } else {
+          nestedTokens = lexer.blockTokens(dedentedNested)
+        }
+      }
+    }
+
+    // Create the token using the provided factory function
+    const token = config.createToken(itemData, nestedTokens)
+    items.push(token)
+  }
+
+  if (items.length === 0) {
+    return undefined
+  }
+
+  return {
+    items,
+    raw: totalRaw,
+  }
+}
diff --git a/packages/core/src/utilities/markdown/parseShortcodeAttributes.ts b/packages/core/src/utilities/markdown/parseShortcodeAttributes.ts
new file mode 100644
index 0000000..016a26b
--- /dev/null
+++ b/packages/core/src/utilities/markdown/parseShortcodeAttributes.ts
@@ -0,0 +1,13 @@
+import { tokenizeAttributes } from './tokenizeAttributes.js'
+
+export function parseShortcodeAttributes(attrString: string): Record<string, any> {
+  const attributes: Record<string, any> = {}
+
+  tokenizeAttributes(attrString, 'shortcode').forEach(token => {
+    if (token.type === 'keyValue') {
+      attributes[token.name] = token.value
+    }
+  })
+
+  return attributes
+}
diff --git a/packages/core/src/utilities/markdown/renderNestedMarkdownContent.test.ts b/packages/core/src/utilities/markdown/renderNestedMarkdownContent.test.ts
new file mode 100644
index 0000000..8eee4e4
--- /dev/null
+++ b/packages/core/src/utilities/markdown/renderNestedMarkdownContent.test.ts
@@ -0,0 +1,51 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { renderNestedMarkdownContent } from './renderNestedMarkdownContent.js'
+
+const node = {
+  type: 'listItem',
+  content: [
+    { type: 'paragraph', content: [{ type: 'text', text: 'parent' }] },
+    { type: 'paragraph', content: [{ type: 'text', text: 'child' }] },
+  ],
+}
+
+/** Stand-in for the renderer helpers, with a configurable indent. */
+const helpers = (indent: string) => ({
+  renderChildren: (nodes: any[]) => nodes[0]?.content?.[0]?.text ?? '',
+  renderChild: (child: any) => child?.content?.[0]?.text ?? '',
+  indent: (text: string) => indent + text,
+})
+
+describe('renderNestedMarkdownContent', () => {
+  it('uses the configured indent when alignment is off', () => {
+    const out = renderNestedMarkdownContent(node, helpers('  '), '10. ')
+
+    expect(out).toBe('10. parent\n\n  child')
+  })
+
+  it('widens a narrow indent to the prefix width', () => {
+    const out = renderNestedMarkdownContent(node, helpers('  '), '10. ', undefined, {
+      alignNestedToPrefix: true,
+    })
+
+    expect(out).toBe('10. parent\n\n    child')
+  })
+
+  it('keeps a tab, which already reaches the prefix width', () => {
+    const out = renderNestedMarkdownContent(node, helpers('\t'), '10. ', undefined, {
+      alignNestedToPrefix: true,
+    })
+
+    expect(out).toBe('10. parent\n\n\tchild')
+  })
+
+  it('measures a tabbed prefix in columns rather than characters', () => {
+    // `\t- ` is one tab plus two characters, so it spans six columns, not three.
+    const out = renderNestedMarkdownContent(node, helpers('  '), '\t- ', undefined, {
+      alignNestedToPrefix: true,
+    })
+
+    expect(out).toBe('\t- parent\n\n      child')
+  })
+})
diff --git a/packages/core/src/utilities/markdown/renderNestedMarkdownContent.ts b/packages/core/src/utilities/markdown/renderNestedMarkdownContent.ts
new file mode 100644
index 0000000..6781b04
--- /dev/null
+++ b/packages/core/src/utilities/markdown/renderNestedMarkdownContent.ts
@@ -0,0 +1,136 @@
+import type { JSONContent } from '@tiptap/core'
+
+/**
+ * @fileoverview Utility functions for rendering nested content in markdown.
+ *
+ * This module provides reusable utilities for extensions that need to render
+ * content with a prefix on the main line and properly indented nested content.
+ */
+
+/**
+ * Utility function for rendering content with a main line prefix and nested indented content.
+ *
+ * This function handles the common pattern of rendering content with:
+ * 1. A main line with a prefix (like "- " for lists, "> " for blockquotes, etc.)
+ * 2. Nested content that gets indented properly
+ *
+ * @param node - The ProseMirror node representing the content
+ * @param h - The markdown renderer helper
+ * @param prefixOrGenerator - Either a string prefix or a function that generates the prefix from context
+ * @param ctx - Optional context object (used when prefixOrGenerator is a function)
+ * @param options - Optional rendering options
+ * @param options.alignNestedToPrefix - Indent nested content to the width of the prefix
+ * instead of the configured indent size, when the configured one is narrower
+ * @returns The rendered markdown string
+ *
+ * @example
+ * ```ts
+ * // For a bullet list item with static prefix
+ * return renderNestedMarkdownContent(node, h, '- ')
+ *
+ * // For a task item with static prefix
+ * const prefix = `- [${node.attrs?.checked ? 'x' : ' '}] `
+ * return renderNestedMarkdownContent(node, h, prefix)
+ *
+ * // For an ordered list item, where the nested block has to line up with the marker
+ * return renderNestedMarkdownContent(node, h, '10. ', ctx, { alignNestedToPrefix: true })
+ *
+ * // For a blockquote with static prefix
+ * return renderNestedMarkdownContent(node, h, '> ')
+ *
+ * // For content with dynamic prefix based on context
+ * return renderNestedMarkdownContent(node, h, ctx => {
+ *   if (ctx.parentType === 'orderedList') {
+ *     return `${ctx.index + 1}. `
+ *   }
+ *   return '- '
+ * }, ctx)
+ *
+ * // Custom extension example
+ * const CustomContainer = Node.create({
+ *   name: 'customContainer',
+ *   // ... other config
+ *   markdown: {
+ *     render: (node, h) => {
+ *       const type = node.attrs?.type || 'info'
+ *       return renderNestedMarkdownContent(node, h, `[${type}] `)
+ *     }
+ *   }
+ * })
+ * ```
+ */
+const TAB_STOP = 4
+
+/** Width of indentation in Markdown columns, where a tab runs to the next tab stop. */
+function columnWidth(text: string): number {
+  let width = 0
+
+  for (const character of text) {
+    width = character === '\t' ? width + TAB_STOP - (width % TAB_STOP) : width + 1
+  }
+
+  return width
+}
+
+export function renderNestedMarkdownContent(
+  node: JSONContent,
+  h: {
+    renderChildren: (nodes: JSONContent[]) => string
+    renderChild?: (node: JSONContent, index: number) => string
+    indent: (text: string) => string
+  },
+  prefixOrGenerator: string | ((ctx: any) => string),
+  ctx?: any,
+  options?: {
+    /** See the `@param` note above. */
+    alignNestedToPrefix?: boolean
+  },
+): string {
+  if (!node || !Array.isArray(node.content)) {
+    return ''
+  }
+
+  // Determine the prefix based on the input
+  const prefix =
+    typeof prefixOrGenerator === 'function' ? prefixOrGenerator(ctx) : prefixOrGenerator
+
+  const [content, ...children] = node.content
+
+  // Render the main content (typically a paragraph)
+  const mainContent = h.renderChildren([content])
+  let output = `${prefix}${mainContent}`
+
+  // Handle nested children with proper indentation
+  if (children && children.length > 0) {
+    children.forEach((child, index) => {
+      const childContent = h.renderChild?.(child, index + 1) ?? h.renderChildren([child])
+      if (childContent !== undefined && childContent !== null) {
+        // Split the child content by lines and indent each line
+        const indentLine = (line: string) => {
+          if (!options?.alignNestedToPrefix) {
+            return h.indent(line)
+          }
+
+          // Keep the configured indentation when it already reaches the
+          // content column, so `Markdown.indentation` still applies. A tab
+          // runs to the next tab stop, so it is wider than its one character.
+          const configured = h.indent('')
+          const prefixWidth = columnWidth(prefix)
+
+          return (
+            (columnWidth(configured) >= prefixWidth ? configured : ' '.repeat(prefixWidth)) + line
+          )
+        }
+
+        const indentedChild = childContent
+          .split('\n')
+          .map(line => (line ? indentLine(line) : indentLine('')))
+          .join('\n')
+
+        output += child.type === 'paragraph' ? `\n\n${indentedChild}` : `\n${indentedChild}`
+      }
+    })
+  }
+
+  return output
+}
diff --git a/packages/core/src/utilities/markdown/serializeAttributes.ts b/packages/core/src/utilities/markdown/serializeAttributes.ts
new file mode 100644
index 0000000..d3f270e
--- /dev/null
+++ b/packages/core/src/utilities/markdown/serializeAttributes.ts
@@ -0,0 +1,42 @@
+/**
+ * Serializes an attributes object to a Pandoc-style attribute string.
+ *
+ * @param attributes - The attributes object to serialize
+ * @returns Serialized attribute string
+ *
+ * @example
+ * ```ts
+ * serializeAttributes({ class: 'btn primary', id: 'submit', disabled: true, type: 'button' })
+ * // '.btn .primary #submit disabled type="button"'
+ * ```
+ */
+export function serializeAttributes(attributes: Record<string, any>): string {
+  if (!attributes || Object.keys(attributes).length === 0) {
+    return ''
+  }
+
+  const parts: string[] = []
+
+  if (attributes.class) {
+    const classes = String(attributes.class).split(/\s+/).filter(Boolean)
+    classes.forEach(className => parts.push(`.${className}`))
+  }
+
+  if (attributes.id) {
+    parts.push(`#${attributes.id}`)
+  }
+
+  Object.entries(attributes).forEach(([key, value]) => {
+    if (key === 'class' || key === 'id') {
+      return
+    }
+
+    if (value === true) {
+      parts.push(key)
+    } else if (value !== false && value != null) {
+      parts.push(`${key}="${String(value)}"`)
+    }
+  })
+
+  return parts.join(' ')
+}
diff --git a/packages/core/src/utilities/markdown/tokenizeAttributes.ts b/packages/core/src/utilities/markdown/tokenizeAttributes.ts
new file mode 100644
index 0000000..9813875
--- /dev/null
+++ b/packages/core/src/utilities/markdown/tokenizeAttributes.ts
@@ -0,0 +1,163 @@
+export type AttributeToken =
+  | { type: 'class'; name: string }
+  | { type: 'id'; name: string }
+  | { type: 'keyValue'; name: string; value: string }
+  | { type: 'boolean'; name: string }
+
+type AttributeSyntax = 'pandoc' | 'shortcode'
+
+type TokenResult = {
+  token?: AttributeToken
+  nextIndex: number
+}
+
+function isWhitespace(character: string): boolean {
+  return /\s/.test(character)
+}
+
+function isAsciiLetter(character: string): boolean {
+  return /^[a-zA-Z]$/.test(character)
+}
+
+function isWordCharacter(character: string): boolean {
+  return /^\w$/.test(character)
+}
+
+function skipWhitespace(input: string, index: number): number {
+  while (index < input.length && isWhitespace(input[index])) {
+    index += 1
+  }
+
+  return index
+}
+
+function skipToWhitespace(input: string, index: number): number {
+  while (index < input.length && !isWhitespace(input[index])) {
+    index += 1
+  }
+
+  return index
+}
+
+function readName(input: string, index: number, allowHyphen: boolean): number {
+  while (
+    index < input.length &&
+    (isWordCharacter(input[index]) || (allowHyphen && input[index] === '-'))
+  ) {
+    index += 1
+  }
+
+  return index
+}
+
+function readShorthand(input: string, index: number): TokenResult {
+  const prefix = input[index]
+  const nameStart = index + 1
+  const nameEnd = readName(input, nameStart, true)
+
+  if (nameEnd === nameStart) {
+    return { nextIndex: skipToWhitespace(input, nameEnd) }
+  }
+
+  return {
+    token: {
+      type: prefix === '.' ? 'class' : 'id',
+      name: input.slice(nameStart, nameEnd),
+    },
+    nextIndex: skipToWhitespace(input, nameEnd),
+  }
+}
+
+function readQuotedSegment(input: string, index: number): TokenResult {
+  const closingQuote = input.indexOf(input[index], index + 1)
+  const segmentEnd = closingQuote === -1 ? index : closingQuote + 1
+
+  return { nextIndex: skipToWhitespace(input, segmentEnd) }
+}
+
+function readKeyValue(
+  input: string,
+  name: string,
+  index: number,
+  allowWhitespace: boolean,
+): TokenResult | undefined {
+  let valueStart = allowWhitespace ? skipWhitespace(input, index) : index
+  if (input[valueStart] !== '=') {
+    return undefined
+  }
+
+  valueStart = allowWhitespace ? skipWhitespace(input, valueStart + 1) : valueStart + 1
+  const quote = input[valueStart]
+  if (quote !== '"' && quote !== "'") {
+    return undefined
+  }
+
+  const valueEnd = input.indexOf(quote, valueStart + 1)
+  if (valueEnd === -1) {
+    return undefined
+  }
+
+  return {
+    token: {
+      type: 'keyValue',
+      name,
+      value: input.slice(valueStart + 1, valueEnd),
+    },
+    nextIndex: skipToWhitespace(input, valueEnd + 1),
+  }
+}
+
+function readNamedAttribute(input: string, index: number, syntax: AttributeSyntax): TokenResult {
+  const isPandoc = syntax === 'pandoc'
+  const nameEnd = readName(input, index + 1, isPandoc)
+  const name = input.slice(index, nameEnd)
+  const keyValue = readKeyValue(input, name, nameEnd, isPandoc)
+
+  if (keyValue) {
+    return keyValue
+  }
+
+  const isStandalone = nameEnd === input.length || isWhitespace(input[nameEnd])
+  return {
+    token: isPandoc && isStandalone ? { type: 'boolean', name } : undefined,
+    nextIndex: syntax === 'shortcode' ? skipToWhitespace(input, nameEnd) : nameEnd,
+  }
+}
+
+function readAttribute(input: string, index: number, syntax: AttributeSyntax): TokenResult {
+  const prefix = input[index]
+
+  if (syntax === 'pandoc' && (prefix === '.' || prefix === '#')) {
+    return readShorthand(input, index)
+  }
+  if (prefix === '"' || prefix === "'") {
+    return readQuotedSegment(input, index)
+  }
+
+  const hasValidStart = syntax === 'pandoc' ? isAsciiLetter(prefix) : isWordCharacter(prefix)
+  if (hasValidStart) {
+    return readNamedAttribute(input, index, syntax)
+  }
+
+  return { nextIndex: skipToWhitespace(input, index) }
+}
+
+export function tokenizeAttributes(input: string, syntax: AttributeSyntax): AttributeToken[] {
+  const tokens: AttributeToken[] = []
+  let index = 0
+
+  while (index < input.length) {
+    index = skipWhitespace(input, index)
+    if (index >= input.length) {
+      break
+    }
+
+    const result = readAttribute(input, index, syntax)
+    if (result.token) {
+      tokens.push(result.token)
+    }
+    index = result.nextIndex
+  }
+
+  return tokens
+}
diff --git a/packages/core/src/utilities/marksEqual.test.ts b/packages/core/src/utilities/marksEqual.test.ts
new file mode 100644
index 0000000..87ff39e
--- /dev/null
+++ b/packages/core/src/utilities/marksEqual.test.ts
@@ -0,0 +1,101 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { marksEqual } from './marksEqual.js'
+
+describe('marksEqual', () => {
+  it('returns true for identical marks with same attrs key order', () => {
+    const a = [{ type: 'bold', attrs: { level: 1, color: 'red' } }]
+    const b = [{ type: 'bold', attrs: { level: 1, color: 'red' } }]
+    expect(marksEqual(a, b)).toBe(true)
+  })
+
+  it('returns true for identical marks with different attrs key order', () => {
+    const a = [{ type: 'bold', attrs: { level: 1, color: 'red' } }]
+    const b = [{ type: 'bold', attrs: { color: 'red', level: 1 } }]
+    expect(marksEqual(a, b)).toBe(true)
+  })
+
+  it('returns true for identical marks without attrs', () => {
+    const a = [{ type: 'italic' }, { type: 'bold' }]
+    const b = [{ type: 'italic' }, { type: 'bold' }]
+    expect(marksEqual(a, b)).toBe(true)
+  })
+
+  it('returns false for marks with different types', () => {
+    const a = [{ type: 'bold', attrs: { level: 1 } }]
+    const b = [{ type: 'italic', attrs: { level: 1 } }]
+    expect(marksEqual(a, b)).toBe(false)
+  })
+
+  it('returns false for marks with different attrs', () => {
+    const a = [{ type: 'bold', attrs: { level: 1 } }]
+    const b = [{ type: 'bold', attrs: { level: 2 } }]
+    expect(marksEqual(a, b)).toBe(false)
+  })
+
+  it('returns false when arrays have different lengths', () => {
+    const a = [{ type: 'bold' }, { type: 'italic' }]
+    const b = [{ type: 'bold' }]
+    expect(marksEqual(a, b)).toBe(false)
+  })
+
+  it('returns false when one has attrs and the other does not', () => {
+    const a = [{ type: 'bold', attrs: { level: 1 } }]
+    const b = [{ type: 'bold' }]
+    expect(marksEqual(a, b)).toBe(false)
+  })
+
+  it('returns true for empty arrays', () => {
+    expect(marksEqual([], [])).toBe(true)
+  })
+
+  it('returns true for same marks in different order', () => {
+    const a = [{ type: 'bold' }, { type: 'italic' }]
+    const b = [{ type: 'italic' }, { type: 'bold' }]
+    expect(marksEqual(a, b)).toBe(true)
+  })
+
+  it('returns true for marks with attrs in different order', () => {
+    const a = [{ type: 'highlight', attrs: { color: 'red' } }, { type: 'bold' }]
+    const b = [{ type: 'bold' }, { type: 'highlight', attrs: { color: 'red' } }]
+    expect(marksEqual(a, b)).toBe(true)
+  })
+
+  it('returns false for different count of duplicate marks', () => {
+    const a = [{ type: 'bold' }, { type: 'bold' }]
+    const b = [{ type: 'bold' }]
+    expect(marksEqual(a, b)).toBe(false)
+  })
+
+  it('accepts marks with type as object (ProseMirror-like)', () => {
+    const a = [{ type: { name: 'bold' }, attrs: { level: 1 } }]
+    const b = [{ type: { name: 'bold' }, attrs: { level: 1 } }]
+    expect(marksEqual(a, b)).toBe(true)
+  })
+
+  it('handles mixed type representations', () => {
+    const a = [{ type: 'bold', attrs: { level: 1 } }]
+    const b = [{ type: { name: 'bold' }, attrs: { level: 1 } }]
+    expect(marksEqual(a, b)).toBe(true)
+  })
+
+  it('does not match PM attrs:{} against JSON missing attrs', () => {
+    // ProseMirror marks always have attrs as an object, JSON marks often omit it.
+    // attrsEqual({}, undefined) returns false, so these don't match.
+    const a = [{ type: { name: 'bold' }, attrs: {} }]
+    const b = [{ type: 'bold' }]
+    expect(marksEqual(a, b)).toBe(false)
+  })
+
+  it('treats null and undefined attrs as different', () => {
+    const a = [{ type: 'bold', attrs: null }]
+    const b = [{ type: 'bold' }]
+    expect(marksEqual(a, b)).toBe(false)
+  })
+
+  it('returns false for ProseMirror marks with different type names', () => {
+    const a = [{ type: { name: 'bold' } }]
+    const b = [{ type: { name: 'italic' } }]
+    expect(marksEqual(a, b)).toBe(false)
+  })
+})
diff --git a/packages/core/src/utilities/marksEqual.ts b/packages/core/src/utilities/marksEqual.ts
new file mode 100644
index 0000000..9e5182a
--- /dev/null
+++ b/packages/core/src/utilities/marksEqual.ts
@@ -0,0 +1,44 @@
+import { attrsEqual } from './attrsEqual.js'
+
+/**
+ * Shape accepted by marksEqual, works with both JSONContent marks
+ * (`{ type: 'bold' }`) and ProseMirror Mark objects (`{ type: MarkType }`).
+ */
+export type MarkLike = {
+  type: string | { name: string }
+  attrs?: Record<string, any> | null
+}
+
+function markTypeName(mark: MarkLike): string {
+  return typeof mark.type === 'string' ? mark.type : mark.type.name
+}
+
+/**
+ * Compare two arrays of mark objects for equality (order-insensitive).
+ * Marks are matched by type name and attributes (via attrsEqual),
+ * so key ordering in attrs does not matter, nor does mark array order.
+ */
+export function marksEqual(a: readonly MarkLike[], b: readonly MarkLike[]): boolean {
+  if (a.length !== b.length) {
+    return false
+  }
+
+  // Marks are matched by (type, attrs) identity, so greedy first-match works.
+  const consumed = Array.from({ length: b.length }, () => false)
+
+  return a.every(markA => {
+    const nameA = markTypeName(markA)
+
+    const idx = b.findIndex(
+      (markB, i) =>
+        !consumed[i] && nameA === markTypeName(markB) && attrsEqual(markA.attrs, markB.attrs),
+    )
+
+    if (idx === -1) {
+      return false
+    }
+
+    consumed[idx] = true
+    return true
+  })
+}
diff --git a/packages/core/src/utilities/mergeAttributes.test.ts b/packages/core/src/utilities/mergeAttributes.test.ts
new file mode 100644
index 0000000..ddf2693
--- /dev/null
+++ b/packages/core/src/utilities/mergeAttributes.test.ts
@@ -0,0 +1,194 @@
+import { DOMSerializer, Schema } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { mergeAttributes } from './mergeAttributes.js'
+
+describe('mergeAttributes', () => {
+  it('should merge two objects', () => {
+    const value = mergeAttributes({ id: 1 }, { class: 'foo' })
+
+    expect(value).toEqual({
+      id: 1,
+      class: 'foo',
+    })
+  })
+
+  it('should merge multiple objects', () => {
+    const value = mergeAttributes({ id: 1 }, { class: 'foo' }, { title: 'bar' })
+
+    expect(value).toEqual({
+      id: 1,
+      class: 'foo',
+      title: 'bar',
+    })
+  })
+
+  it('should overwrite values', () => {
+    const value = mergeAttributes({ id: 1 }, { id: 2 })
+
+    expect(value).toEqual({
+      id: 2,
+    })
+  })
+
+  it('should merge classes', () => {
+    const value = mergeAttributes({ class: 'foo' }, { class: 'bar' })
+
+    expect(value).toEqual({
+      class: 'foo bar',
+    })
+  })
+
+  it('should merge styles', () => {
+    const value = mergeAttributes({ style: 'color: red' }, { style: 'background: green' })
+
+    expect(value).toEqual({
+      style: 'color: red; background: green',
+    })
+  })
+
+  it('should merge classes and styles', () => {
+    const value = mergeAttributes(
+      { class: 'foo', style: 'color: red' },
+      { class: 'bar', style: 'background: green' },
+    )
+
+    expect(value).toEqual({
+      class: 'foo bar',
+      style: 'color: red; background: green',
+    })
+  })
+
+  it('should ignore falsy values', () => {
+    const value = mergeAttributes(undefined as any, { class: 'foo' })
+
+    expect(value).toEqual({
+      class: 'foo',
+    })
+  })
+
+  it('should not inherit attributes from an own __proto__ key', () => {
+    const attributes = mergeAttributes(
+      JSON.parse(
+        '{"__proto__":{"data-inherited-canary":"present","src":"x-invalid://canary","onerror":"globalThis.__tiptapXss += 1"}}',
+      ),
+    )
+    const schema = new Schema({
+      nodes: {
+        doc: { content: 'image' },
+        image: { toDOM: () => ['img', attributes] },
+        text: {},
+      },
+    })
+    const document = window.document.implementation.createHTMLDocument()
+    const fragment = DOMSerializer.fromSchema(schema).serializeFragment(
+      schema.node('doc', null, [schema.node('image')]).content,
+      { document },
+    )
+    const image = fragment.firstChild as HTMLImageElement
+
+    expect(Object.getPrototypeOf(attributes)).toBe(Object.prototype)
+    expect(Object.prototype.hasOwnProperty.call(attributes, '__proto__')).toBe(true)
+    expect(attributes['data-inherited-canary']).toBeUndefined()
+    expect(attributes.src).toBeUndefined()
+    expect(attributes.onerror).toBeUndefined()
+    expect(image.getAttribute('data-inherited-canary')).toBeNull()
+    expect(image.getAttribute('src')).toBeNull()
+    expect(image.getAttribute('onerror')).toBeNull()
+  })
+
+  it('should overwrite styles', () => {
+    const value = mergeAttributes({ style: 'color: red' }, { style: 'color: green' })
+
+    expect(value).toEqual({
+      style: 'color: green',
+    })
+  })
+
+  it('should merge several styles', () => {
+    const value = mergeAttributes(
+      { style: 'color: red; background-color: red' },
+      { style: 'color: green;  background-color: red; margin-left: 30px' },
+    )
+
+    expect(value).toEqual({
+      style: 'color: green; background-color: red; margin-left: 30px',
+    })
+  })
+
+  it('should handle styles with only property names', () => {
+    const value = mergeAttributes(
+      { style: 'color: red; background-color; font-size: 14px' },
+      { style: 'color: green; font-size;' },
+    )
+
+    expect(value).toEqual({
+      style: 'color: green; font-size: 14px',
+    })
+  })
+
+  it('should handle styles with only values', () => {
+    const value = mergeAttributes(
+      { style: ': red; color: green; : 100px;' },
+      { style: 'margin: 10px' },
+    )
+
+    expect(value).toEqual({
+      style: 'color: green; margin: 10px',
+    })
+  })
+
+  it('should handle complex font-family style declarations', () => {
+    const value = mergeAttributes(
+      { style: 'font-family: Arial, "Helvetica Neue", sans-serif' },
+      { style: 'color: blue' },
+    )
+
+    expect(value).toEqual({
+      style: 'font-family: Arial, "Helvetica Neue", sans-serif; color: blue',
+    })
+  })
+
+  it('should handle styles with HTTP URLs', () => {
+    const value = mergeAttributes(
+      {
+        style:
+          'background: url(https://example.com/image.jpg) center center no-repeat;background-size: cover',
+      },
+      { style: 'color: red' },
+    )
+
+    expect(value).toEqual({
+      style:
+        'background: url(https://example.com/image.jpg) center center no-repeat; background-size: cover; color: red',
+    })
+  })
+
+  it('should handle styles with data URLs', () => {
+    const value = mergeAttributes(
+      {
+        style:
+          'background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\'%3E%3C/svg%3E") center center no-repeat;background-size: cover',
+      },
+      { style: 'color: red' },
+    )
+
+    expect(value).toEqual({
+      style:
+        'background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\'%3E%3C/svg%3E") center center no-repeat; background-size: cover; color: red',
+    })
+  })
+
+  it('should handle quoted style values', () => {
+    const value = mergeAttributes(
+      {
+        style: '--test-var: "hello;test"; content:\'work in progress: come back later\'',
+      },
+      { style: 'color: red' },
+    )
+
+    expect(value).toEqual({
+      style: '--test-var: "hello;test"; content: \'work in progress: come back later\'; color: red',
+    })
+  })
+})
diff --git a/packages/core/src/utilities/mergeAttributes.ts b/packages/core/src/utilities/mergeAttributes.ts
new file mode 100644
index 0000000..9fc7405
--- /dev/null
+++ b/packages/core/src/utilities/mergeAttributes.ts
@@ -0,0 +1,128 @@
+/** Splits a CSS style string into declarations, ignoring semicolons inside quotes/parentheses. */
+function splitStyleDeclarations(styles: string): string[] {
+  const result: string[] = []
+
+  let current = ''
+  let inSingleQuote = false
+  let inDoubleQuote = false
+  let parenDepth = 0
+
+  const length = styles.length
+  for (let i = 0; i < length; i += 1) {
+    const char = styles[i]
+    if (char === "'" && !inDoubleQuote) {
+      inSingleQuote = !inSingleQuote
+      current += char
+      continue
+    }
+    if (char === '"' && !inSingleQuote) {
+      inDoubleQuote = !inDoubleQuote
+      current += char
+      continue
+    }
+    if (!inSingleQuote && !inDoubleQuote) {
+      if (char === '(') {
+        parenDepth += 1
+        current += char
+        continue
+      }
+      if (char === ')' && parenDepth > 0) {
+        parenDepth -= 1
+        current += char
+        continue
+      }
+      if (char === ';' && parenDepth === 0) {
+        result.push(current)
+        current = ''
+        continue
+      }
+    }
+    current += char
+  }
+  if (current) {
+    result.push(current)
+  }
+
+  return result
+}
+
+/** Yields property/value pairs from a style string. */
+function parseStyleEntries(styles: string | undefined): [property: string, value: string][] {
+  const pairs: [string, string][] = []
+
+  const declarations = splitStyleDeclarations(styles || '')
+  const numDeclarations = declarations.length
+
+  for (let i = 0; i < numDeclarations; i += 1) {
+    const declaration = declarations[i]
+
+    const firstColonIndex = declaration.indexOf(':')
+    if (firstColonIndex === -1) {
+      continue
+    }
+
+    const property = declaration.slice(0, firstColonIndex).trim()
+    const value = declaration.slice(firstColonIndex + 1).trim()
+    if (property && value) {
+      pairs.push([property, value])
+    }
+  }
+
+  return pairs
+}
+
+export function mergeAttributes(...objects: Record<string, any>[]): Record<string, any> {
+  return objects
+    .filter(item => !!item)
+    .reduce((items, item) => {
+      const mergedAttributes = { ...items }
+
+      Object.entries(item).forEach(([key, value]) => {
+        // Define a data property so untrusted input cannot change the merged object's prototype.
+        if (key === '__proto__') {
+          Object.defineProperty(mergedAttributes, key, {
+            configurable: true,
+            enumerable: true,
+            value,
+            writable: true,
+          })
+
+          return
+        }
+
+        const exists = mergedAttributes[key]
+
+        if (!exists) {
+          mergedAttributes[key] = value
+
+          return
+        }
+
+        if (key === 'class') {
+          const valueClasses: string[] = value ? String(value).split(' ') : []
+          const existingClasses: string[] = mergedAttributes[key]
+            ? mergedAttributes[key].split(' ')
+            : []
+
+          const insertClasses = valueClasses.filter(
+            valueClass => !existingClasses.includes(valueClass),
+          )
+
+          mergedAttributes[key] = [...existingClasses, ...insertClasses].join(' ')
+        } else if (key === 'style') {
+          const styleMap = new Map([
+            ...parseStyleEntries(mergedAttributes[key]),
+            ...parseStyleEntries(value),
+          ])
+
+          mergedAttributes[key] = Array.from(styleMap.entries())
+            .map(([property, val]) => `${property}: ${val}`)
+            .join('; ')
+        } else {
+          mergedAttributes[key] = value
+        }
+      })
+
+      return mergedAttributes
+    }, {})
+}
diff --git a/packages/core/src/utilities/mergeDeep.test.ts b/packages/core/src/utilities/mergeDeep.test.ts
new file mode 100644
index 0000000..5d8abc2
--- /dev/null
+++ b/packages/core/src/utilities/mergeDeep.test.ts
@@ -0,0 +1,98 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { mergeDeep } from './mergeDeep.js'
+
+describe('mergeDeep', () => {
+  it('should merge', () => {
+    const one = {
+      a: 1,
+    }
+    const two = {
+      b: 1,
+    }
+    const result = {
+      a: 1,
+      b: 1,
+    }
+    const merged = mergeDeep(one, two)
+
+    expect(merged).toEqual(result)
+  })
+
+  it('should merge when source has null value', () => {
+    const one = {
+      a: null,
+    }
+    const two = {
+      a: { c: 3 },
+    }
+    const result = {
+      a: { c: 3 },
+    }
+    const merged = mergeDeep(one, two)
+
+    expect(merged).toEqual(result)
+  })
+
+  it('should not merge array', () => {
+    const one = {
+      a: [1],
+    }
+    const two = {
+      a: [2],
+    }
+    const result = {
+      a: [2],
+    }
+    const merged = mergeDeep(one, two)
+
+    expect(merged).toEqual(result)
+  })
+
+  it('should allow nulling a value', () => {
+    const one = {
+      a: { c: 3 },
+    }
+    const two = {
+      a: { c: null },
+    }
+    const result = {
+      a: { c: null },
+    }
+    const merged = mergeDeep(one, two)
+
+    expect(merged).toEqual(result)
+  })
+
+  it('should merge deep', () => {
+    const one = {
+      a: 1,
+      b: {
+        c: true,
+      },
+      d: {
+        e: true,
+        f: [1],
+      },
+    }
+    const two = {
+      b: 1,
+      d: {
+        f: [2],
+        g: 1,
+      },
+    }
+    const result = {
+      a: 1,
+      b: 1,
+      d: {
+        e: true,
+        f: [2],
+        g: 1,
+      },
+    }
+    const merged = mergeDeep(one, two)
+
+    expect(merged).toEqual(result)
+  })
+})
diff --git a/packages/core/src/utilities/mergeDeep.ts b/packages/core/src/utilities/mergeDeep.ts
new file mode 100644
index 0000000..d6d5e91
--- /dev/null
+++ b/packages/core/src/utilities/mergeDeep.ts
@@ -0,0 +1,20 @@
+import { isPlainObject } from './isPlainObject.js'
+
+export function mergeDeep(
+  target: Record<string, any>,
+  source: Record<string, any>,
+): Record<string, any> {
+  const output = { ...target }
+
+  if (isPlainObject(target) && isPlainObject(source)) {
+    Object.keys(source).forEach(key => {
+      if (isPlainObject(source[key]) && isPlainObject(target[key])) {
+        output[key] = mergeDeep(target[key], source[key])
+      } else {
+        output[key] = source[key]
+      }
+    })
+  }
+
+  return output
+}
diff --git a/packages/core/src/utilities/minMax.ts b/packages/core/src/utilities/minMax.ts
new file mode 100644
index 0000000..d13ce8b
--- /dev/null
+++ b/packages/core/src/utilities/minMax.ts
@@ -0,0 +1,3 @@
+export function minMax(value = 0, min = 0, max = 0): number {
+  return Math.min(Math.max(value, min), max)
+}
diff --git a/packages/core/src/utilities/objectIncludes.ts b/packages/core/src/utilities/objectIncludes.ts
new file mode 100644
index 0000000..5d4d315
--- /dev/null
+++ b/packages/core/src/utilities/objectIncludes.ts
@@ -0,0 +1,30 @@
+import { isRegExp } from './isRegExp.js'
+
+/**
+ * Check if object1 includes object2
+ * @param object1 Object
+ * @param object2 Object
+ */
+export function objectIncludes(
+  object1: Record<string, any>,
+  object2: Record<string, any>,
+  options: { strict: boolean } = { strict: true },
+): boolean {
+  const keys = Object.keys(object2)
+
+  if (!keys.length) {
+    return true
+  }
+
+  return keys.every(key => {
+    if (options.strict) {
+      return object2[key] === object1[key]
+    }
+
+    if (isRegExp(object2[key])) {
+      return object2[key].test(object1[key])
+    }
+
+    return object2[key] === object1[key]
+  })
+}
diff --git a/packages/core/src/utilities/removeDuplicates.ts b/packages/core/src/utilities/removeDuplicates.ts
new file mode 100644
index 0000000..7cd79a7
--- /dev/null
+++ b/packages/core/src/utilities/removeDuplicates.ts
@@ -0,0 +1,13 @@
+/**
+ * Removes duplicated values within an array.
+ * Supports numbers, strings and objects.
+ */
+export function removeDuplicates<T>(array: T[], by = JSON.stringify): T[] {
+  const seen: Record<any, any> = {}
+
+  return array.filter(item => {
+    const key = by(item)
+
+    return Object.prototype.hasOwnProperty.call(seen, key) ? false : (seen[key] = true)
+  })
+}
diff --git a/packages/core/tests/integration/changedRangeDecorations.test.ts b/packages/core/tests/integration/changedRangeDecorations.test.ts
new file mode 100644
index 0000000..dd679a2
--- /dev/null
+++ b/packages/core/tests/integration/changedRangeDecorations.test.ts
@@ -0,0 +1,506 @@
+import {
+  DECORATION_MANAGER_PLUGIN_KEY,
+  Decoration,
+  Editor,
+  Extension,
+  liveWidgetKeys,
+  Node,
+} from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import type { Decoration as PMDecoration } from '@tiptap/pm/view'
+import { describe, expect, it, vi } from 'vite-plus/test'
+
+function createEditor(extension?: Extension, content = '<p>hello world</p>') {
+  return new Editor({
+    extensions: [Document, Paragraph, Text, ...(extension ? [extension] : [])],
+    content,
+  })
+}
+
+function getDecorations(editor: Editor): PMDecoration[] {
+  const set = DECORATION_MANAGER_PLUGIN_KEY.getState(editor.state)?.mergedDecorationSet
+
+  return set ? set.find() : []
+}
+
+describe('changedRanges updates', () => {
+  // Decorates every paragraph as a node decoration and highlights each
+  // occurrence of "x" as an inline decoration, scanning only [from, to].
+  function scan(state: Editor['state'], from: number, to: number) {
+    const decorations: Decoration[] = []
+
+    state.doc.nodesBetween(from, to, (node, pos) => {
+      if (node.type.name === 'paragraph') {
+        decorations.push(
+          Decoration.Node(pos, pos + node.nodeSize, { class: 'para' }, { source: 'paragraph' }),
+        )
+      }
+
+      if (node.isText && node.text) {
+        let index = node.text.indexOf('x')
+
+        while (index !== -1) {
+          decorations.push(
+            Decoration.Inline(pos + index, pos + index + 1, { class: 'hit' }, { source: 'hit' }),
+          )
+          index = node.text.indexOf('x', index + 1)
+        }
+      }
+    })
+
+    return decorations
+  }
+
+  function incrementalExtension() {
+    const create = vi.fn(({ state }) => scan(state, 0, state.doc.content.size))
+    const createInRange = vi.fn(({ state, from, to }) => scan(state, from, to))
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({ update: 'changedRanges', create, createInRange }),
+    })
+
+    return { extension, create, createInRange }
+  }
+
+  it('rebuilds only the changed block via createInRange, not the whole doc', () => {
+    const { extension, create, createInRange } = incrementalExtension()
+    const editor = createEditor(extension, '<p>aaa</p><p>bbb</p>')
+
+    expect(create).toHaveBeenCalledTimes(1)
+    const callsBefore = createInRange.mock.calls.length
+
+    // Type an "x" into the second paragraph.
+    editor.commands.insertContentAt(8, 'x')
+
+    // create() (full scan) did not run again; only createInRange did.
+    expect(create).toHaveBeenCalledTimes(1)
+    expect(createInRange.mock.calls.length).toBe(callsBefore + 1)
+
+    // The new match is decorated.
+    expect(getDecorations(editor).some(d => d.from === 8 && d.to === 9)).toBe(true)
+
+    editor.destroy()
+  })
+
+  it('keeps a neighbour block decoration whose edge touches the changed block', () => {
+    // Regression: a paragraph node decoration ends exactly at the next block's
+    // start. Editing the next block must not drop the previous block's decoration.
+    const { extension } = incrementalExtension()
+    const editor = createEditor(extension, '<p>aaa</p><p>bbb</p>')
+
+    // Both paragraphs decorated initially (node deco at from=0 and from=5).
+    expect(getDecorations(editor).some(d => d.from === 0)).toBe(true)
+
+    // Type into the second paragraph.
+    editor.commands.insertContentAt(8, 'z')
+
+    // The first paragraph's node decoration (from=0) must survive.
+    expect(getDecorations(editor).some(d => d.from === 0)).toBe(true)
+
+    editor.destroy()
+  })
+
+  it('still does a full create on forced updateDecorations()', () => {
+    const { extension, create } = incrementalExtension()
+    const editor = createEditor(extension, '<p>aaa</p><p>bbb</p>')
+
+    expect(create).toHaveBeenCalledTimes(1)
+
+    editor.commands.updateDecorations()
+
+    expect(create).toHaveBeenCalledTimes(2)
+
+    editor.destroy()
+  })
+
+  it('does not call createInRange when shouldUpdate returns false (maps only)', () => {
+    const create = vi.fn(({ state }) => scan(state, 0, state.doc.content.size))
+    const createInRange = vi.fn(({ state, from, to }) => scan(state, from, to))
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({
+        update: 'changedRanges',
+        create,
+        createInRange,
+        shouldUpdate: () => false,
+      }),
+    })
+
+    const editor = createEditor(extension, '<p>xax</p>')
+    const createCalls = create.mock.calls.length
+    const rangeCalls = createInRange.mock.calls.length
+
+    // Document changes, but shouldUpdate gates it off → map only.
+    editor.commands.insertContentAt(1, 'YY')
+
+    expect(create.mock.calls.length).toBe(createCalls)
+    expect(createInRange.mock.calls.length).toBe(rangeCalls)
+
+    // Existing decorations were mapped forward by +2.
+    expect(getDecorations(editor).some(d => d.from === 3 && d.to === 4)).toBe(true)
+
+    editor.destroy()
+  })
+
+  it('forced updateDecorations(name) runs full create for that extension only, never createInRange', () => {
+    const createA = vi.fn(({ state }) => scan(state, 0, state.doc.content.size))
+    const createInRangeA = vi.fn(({ state, from, to }) => scan(state, from, to))
+    const createB = vi.fn(({ state }) => scan(state, 0, state.doc.content.size))
+
+    const a = Extension.create({
+      name: 'decoA',
+      addDecorations: () => ({
+        update: 'changedRanges',
+        create: createA,
+        createInRange: createInRangeA,
+      }),
+    })
+    const b = Extension.create({
+      name: 'decoB',
+      addDecorations: () => ({ create: createB }),
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, a, b],
+      content: '<p>xx</p>',
+    })
+
+    const aCreate = createA.mock.calls.length
+    const aRange = createInRangeA.mock.calls.length
+    const bCreate = createB.mock.calls.length
+
+    editor.commands.updateDecorations('decoA')
+
+    expect(createA.mock.calls.length).toBe(aCreate + 1) // full rebuild for the named extension
+    expect(createInRangeA.mock.calls.length).toBe(aRange) // never the incremental path
+    expect(createB.mock.calls.length).toBe(bCreate) // the other extension is untouched
+
+    editor.destroy()
+  })
+
+  it('handles nested structures: edits inside a container rebuild it, siblings survive', () => {
+    const Container = Node.create({
+      name: 'container',
+      group: 'block',
+      content: 'paragraph+',
+      parseHTML: () => [{ tag: 'div[data-container]' }],
+      renderHTML: () => ['div', { 'data-container': '' }, 0],
+    })
+
+    const create = vi.fn(({ state }) => scan(state, 0, state.doc.content.size))
+    const createInRange = vi.fn(({ state, from, to }) => scan(state, from, to))
+    const deco = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({ update: 'changedRanges', create, createInRange }),
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, Container, deco],
+      content: '<div data-container><p>aaa</p><p>bbb</p></div><p>ccc</p>',
+    })
+
+    // The top-level "ccc" paragraph starts at pos 12 and gets a node decoration.
+    expect(getDecorations(editor).some(d => d.from === 12)).toBe(true)
+    expect(create).toHaveBeenCalledTimes(1)
+
+    // Type an "x" into a paragraph nested inside the container.
+    editor.commands.insertContentAt(3, 'x')
+
+    // Only the incremental path ran (the changed range expands to the whole
+    // top-level container, which createInRange rescans).
+    expect(create).toHaveBeenCalledTimes(1)
+    expect(createInRange.mock.calls.length).toBeGreaterThan(0)
+
+    // The new match inside the container is decorated…
+    expect(getDecorations(editor).some(d => d.from === 3 && d.to === 4)).toBe(true)
+    // …and the sibling top-level paragraph's decoration survived, mapped by +1.
+    expect(getDecorations(editor).some(d => d.from === 13)).toBe(true)
+
+    editor.destroy()
+  })
+
+  it('warns when createInRange returns a decoration anchored outside the range', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+    const create = vi.fn(({ state }) => scan(state, 0, state.doc.content.size))
+    // Buggy createInRange: always returns a decoration anchored at position 1,
+    // regardless of the requested range — violating the incremental contract.
+    const createInRange = vi.fn(() => [
+      Decoration.Inline(1, 2, { class: 'oops' }, { source: 'oops' }),
+    ])
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({ update: 'changedRanges', create, createInRange }),
+    })
+
+    const editor = createEditor(extension, '<p>aaa</p><p>bbb</p>')
+
+    // Edit the second paragraph so the changed range starts well past position 1.
+    editor.commands.insertContentAt(8, 'x')
+
+    expect(warn).toHaveBeenCalledWith(expect.stringContaining('outside the requested range'))
+    expect(getDecorations(editor).some(d => d.spec.source === 'oops')).toBe(false)
+
+    warn.mockRestore()
+    editor.destroy()
+  })
+
+  it('warns once per editor, not once per process, for out-of-range decorations', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+    const outOfRange = () => ({
+      update: 'changedRanges' as const,
+      create: () => [],
+      createInRange: () => [Decoration.Inline(1, 2, { class: 'oops' })],
+    })
+    const extension = Extension.create({ name: 'deco', addDecorations: outOfRange })
+    const countWarnings = () =>
+      warn.mock.calls.filter(([message]) => String(message).includes('outside the requested range'))
+        .length
+
+    const first = createEditor(extension, '<p>aaa</p><p>bbb</p>')
+
+    first.commands.insertContentAt(8, 'x')
+    // Same extension name, so a module-level dedupe set would silence this.
+    first.commands.insertContentAt(9, 'y')
+    expect(countWarnings()).toBe(1)
+    first.destroy()
+
+    const second = createEditor(extension, '<p>aaa</p><p>bbb</p>')
+
+    second.commands.insertContentAt(8, 'x')
+    expect(countWarnings()).toBe(2)
+    second.destroy()
+
+    warn.mockRestore()
+  })
+
+  it('drops decorations and logs when create throws instead of breaking the update', () => {
+    const error = vi.spyOn(console, 'error').mockImplementation(() => {})
+    const extension = Extension.create({
+      name: 'throwing',
+      addDecorations: () => ({
+        create: () => {
+          throw new Error('boom')
+        },
+      }),
+    })
+
+    const editor = createEditor(extension, '<p>aaa</p>')
+
+    expect(error).toHaveBeenCalledWith(
+      expect.stringContaining('threw in `addDecorations().create()`'),
+      expect.any(Error),
+    )
+    expect(getDecorations(editor)).toHaveLength(0)
+
+    // The transaction still applies, so the document stays editable.
+    editor.commands.insertContentAt(1, 'x')
+    expect(editor.state.doc.textContent).toBe('xaaa')
+
+    error.mockRestore()
+    editor.destroy()
+  })
+
+  it('drops decorations and logs when createInRange throws', () => {
+    const error = vi.spyOn(console, 'error').mockImplementation(() => {})
+    const extension = Extension.create({
+      name: 'throwing',
+      addDecorations: () => ({
+        update: 'changedRanges' as const,
+        create: ({ state }) => [Decoration.Node(0, state.doc.firstChild?.nodeSize ?? 0)],
+        createInRange: () => {
+          throw new Error('boom')
+        },
+      }),
+    })
+
+    const editor = createEditor(extension, '<p>aaa</p>')
+
+    expect(getDecorations(editor)).toHaveLength(1)
+
+    editor.commands.insertContentAt(1, 'x')
+
+    expect(error).toHaveBeenCalledWith(
+      expect.stringContaining('threw in `addDecorations().createInRange()`'),
+      expect.any(Error),
+    )
+    expect(editor.state.doc.textContent).toBe('xaaa')
+    expect(getDecorations(editor)).toHaveLength(0)
+
+    error.mockRestore()
+    editor.destroy()
+  })
+
+  it('keeps a widget placed at the end of the document (anchor === to)', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+    // <p>aaa</p> -> doc.content.size === 5. The only top-level block range
+    // is [0, 5]. A widget at pos 5 (end of document) has anchor === to.
+    const endWidget = () => document.createElement('span')
+    const create = vi.fn(({ state }) => [
+      Decoration.Widget(state.doc.content.size, endWidget, { key: 'end-widget' }),
+    ])
+    const createInRange = vi.fn(({ state }) => [
+      Decoration.Widget(state.doc.content.size, endWidget, { key: 'end-widget' }),
+    ])
+    const extension = Extension.create({
+      name: 'endWidget',
+      addDecorations: () => ({ update: 'changedRanges', create, createInRange }),
+    })
+
+    const editor = createEditor(extension, '<p>aaa</p>')
+
+    // Edit inside the only block so createInRange runs with range [0, 5].
+    editor.commands.insertContentAt(1, 'x')
+
+    expect(warn).not.toHaveBeenCalledWith(expect.stringContaining('outside the requested range'))
+    expect(warn).not.toHaveBeenCalledWith(
+      expect.stringContaining('Duplicate widget decoration key'),
+    )
+    expect(liveWidgetKeys(editor).has('end-widget')).toBe(true)
+
+    warn.mockRestore()
+    editor.destroy()
+  })
+
+  it('removes decorations from a deleted block during incremental recomputation', () => {
+    const { extension } = incrementalExtension()
+    const editor = createEditor(extension, '<p>x</p><p>x</p>')
+
+    expect(getDecorations(editor).filter(d => d.spec.source === 'hit')).toHaveLength(2)
+
+    editor.commands.deleteRange({ from: 4, to: 5 })
+
+    expect(getDecorations(editor).filter(d => d.spec.source === 'hit')).toHaveLength(1)
+
+    editor.destroy()
+  })
+
+  it('rebuilds every block touched by a multi-block replacement', () => {
+    const { extension, create, createInRange } = incrementalExtension()
+    const editor = createEditor(extension, '<p>aaa</p><p>bbb</p>')
+
+    editor.commands.setContent('<p>xxx</p><p>xxx</p>')
+
+    expect(create).toHaveBeenCalledTimes(1)
+    expect(createInRange).toHaveBeenCalled()
+    expect(getDecorations(editor).filter(d => d.spec.source === 'hit')).toHaveLength(6)
+
+    editor.destroy()
+  })
+
+  it('rebuilds the affected block when a node attribute changes', () => {
+    const AttributedParagraph = Paragraph.extend({
+      addAttributes() {
+        return {
+          decorated: {
+            default: false,
+          },
+        }
+      },
+    })
+    const scan = (state: Editor['state'], from: number, to: number) => {
+      const decorations: Decoration[] = []
+
+      state.doc.nodesBetween(from, to, (node, pos) => {
+        if (node.type.name === 'paragraph' && node.attrs.decorated) {
+          decorations.push(Decoration.Node(pos, pos + node.nodeSize, { class: 'decorated' }))
+        }
+      })
+
+      return decorations
+    }
+    const create = vi.fn(({ state }) => scan(state, 0, state.doc.content.size))
+    const createInRange = vi.fn(({ state, from, to }) => scan(state, from, to))
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({ update: 'changedRanges', create, createInRange }),
+    })
+    const editor = new Editor({
+      extensions: [Document, AttributedParagraph, Text, extension],
+      content: '<p>hello</p><p>world</p>',
+    })
+
+    editor.view.dispatch(editor.state.tr.setNodeAttribute(0, 'decorated', true))
+
+    expect(create).toHaveBeenCalledTimes(1)
+    expect(createInRange).toHaveBeenCalledTimes(1)
+    expect(getDecorations(editor)).toHaveLength(1)
+    expect(getDecorations(editor)[0].from).toBe(0)
+
+    editor.destroy()
+  })
+
+  it('falls back to a full rebuild when a document attribute changes', () => {
+    const AttributedDocument = Document.extend({
+      addAttributes() {
+        return {
+          revision: {
+            default: 0,
+          },
+        }
+      },
+    })
+    const build = (state: Editor['state']) => [
+      Decoration.Node(
+        0,
+        state.doc.firstChild?.nodeSize ?? 0,
+        {},
+        { revision: state.doc.attrs.revision },
+      ),
+    ]
+    const create = vi.fn(({ state }) => build(state))
+    const createInRange = vi.fn(({ state }) => build(state))
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({ update: 'changedRanges', create, createInRange }),
+    })
+    const editor = new Editor({
+      extensions: [AttributedDocument, Paragraph, Text, extension],
+      content: '<p>hello</p>',
+    })
+
+    editor.view.dispatch(editor.state.tr.setDocAttribute('revision', 1))
+
+    expect(create).toHaveBeenCalledTimes(2)
+    expect(createInRange).not.toHaveBeenCalled()
+    expect(getDecorations(editor)[0].spec.revision).toBe(1)
+
+    editor.destroy()
+  })
+
+  it('falls back to a full rebuild when a transaction mixes local and document changes', () => {
+    const AttributedDocument = Document.extend({
+      addAttributes() {
+        return {
+          revision: {
+            default: 0,
+          },
+        }
+      },
+    })
+    const create = vi.fn(({ state }) => [
+      Decoration.Inline(1, 2, {}, { revision: state.doc.attrs.revision }),
+    ])
+    const createInRange = vi.fn(({ state, from, to }) => [
+      Decoration.Inline(from, Math.min(from + 1, to), {}, { revision: state.doc.attrs.revision }),
+    ])
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({ update: 'changedRanges', create, createInRange }),
+    })
+    const editor = new Editor({
+      extensions: [AttributedDocument, Paragraph, Text, extension],
+      content: '<p>hello</p>',
+    })
+    const transaction = editor.state.tr.insertText('!', 2).setDocAttribute('revision', 1)
+
+    editor.view.dispatch(transaction)
+
+    expect(create).toHaveBeenCalledTimes(2)
+    expect(createInRange).not.toHaveBeenCalled()
+    expect(getDecorations(editor)[0].spec.revision).toBe(1)
+
+    editor.destroy()
+  })
+})
diff --git a/packages/core/tests/integration/decorationStateWarning.test.ts b/packages/core/tests/integration/decorationStateWarning.test.ts
new file mode 100644
index 0000000..7a1df95
--- /dev/null
+++ b/packages/core/tests/integration/decorationStateWarning.test.ts
@@ -0,0 +1,99 @@
+import { Editor, Extension } from '@tiptap/core'
+import type { DecorationSpec } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vite-plus/test'
+
+function createEditor(spec: DecorationSpec) {
+  const extension = Extension.create({
+    name: 'probe',
+    addDecorations() {
+      return spec
+    },
+  })
+
+  return new Editor({
+    extensions: [Document, Paragraph, Text, extension],
+    content: '<p>hello world</p>',
+  })
+}
+
+describe('stale editor.state warning', () => {
+  let warn: ReturnType<typeof vi.spyOn>
+
+  beforeEach(() => {
+    warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+  })
+
+  afterEach(() => {
+    warn.mockRestore()
+  })
+
+  it('warns only once per editor, not once per transaction', () => {
+    const editor = createEditor({
+      create: ({ editor: instance }) => {
+        void instance.state
+        return []
+      },
+    })
+
+    warn.mockClear()
+    editor.commands.insertContent('a')
+    editor.commands.insertContent('b')
+    editor.commands.insertContent('c')
+
+    expect(warn).toHaveBeenCalledTimes(1)
+
+    editor.destroy()
+  })
+
+  it('stays silent in production builds', async () => {
+    // `isDev` is read once at module load, so the module needs a fresh import
+    // with the production env in place.
+    vi.stubEnv('NODE_ENV', 'production')
+    vi.resetModules()
+
+    try {
+      const { Editor: ProductionEditor, Extension: ProductionExtension } =
+        await import('@tiptap/core')
+
+      const probe = ProductionExtension.create({
+        name: 'probe',
+        addDecorations: () => ({
+          create: ({ editor: instance }) => {
+            void instance.state
+            return []
+          },
+        }),
+      })
+
+      const editor = new ProductionEditor({
+        extensions: [Document, Paragraph, Text, probe],
+        content: '<p>hello world</p>',
+      })
+
+      warn.mockClear()
+      editor.commands.insertContent('x')
+
+      expect(warn).not.toHaveBeenCalled()
+
+      editor.destroy()
+    } finally {
+      vi.unstubAllEnvs()
+      vi.resetModules()
+    }
+  })
+
+  it('does not warn for reads outside the apply window', () => {
+    const editor = createEditor({ create: () => [] })
+
+    warn.mockClear()
+    editor.commands.insertContent('x')
+    void editor.state
+
+    expect(warn).not.toHaveBeenCalled()
+
+    editor.destroy()
+  })
+})
diff --git a/packages/core/tests/integration/decorations.test.ts b/packages/core/tests/integration/decorations.test.ts
new file mode 100644
index 0000000..1eb0cbf
--- /dev/null
+++ b/packages/core/tests/integration/decorations.test.ts
@@ -0,0 +1,429 @@
+import {
+  DECORATION_MANAGER_PLUGIN_KEY,
+  Decoration,
+  Editor,
+  Extension,
+  liveWidgetKeys,
+} from '@tiptap/core'
+import type { DecorationSpec } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import type { Decoration as PMDecoration } from '@tiptap/pm/view'
+import { describe, expect, it, vi } from 'vite-plus/test'
+
+function createEditor(extension?: Extension, content = '<p>hello world</p>') {
+  return new Editor({
+    extensions: [Document, Paragraph, Text, ...(extension ? [extension] : [])],
+    content,
+  })
+}
+
+function getDecorations(editor: Editor): PMDecoration[] {
+  const set = DECORATION_MANAGER_PLUGIN_KEY.getState(editor.state)?.mergedDecorationSet
+
+  return set ? set.find() : []
+}
+
+describe('addDecorations', () => {
+  it('does not register a plugin when no extension declares decorations', () => {
+    const editor = createEditor()
+
+    expect(DECORATION_MANAGER_PLUGIN_KEY.getState(editor.state)).toBeUndefined()
+
+    editor.destroy()
+  })
+
+  it('does not register a plugin when addDecorations returns null', () => {
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => null,
+    })
+
+    const editor = createEditor(extension)
+
+    expect(DECORATION_MANAGER_PLUGIN_KEY.getState(editor.state)).toBeUndefined()
+
+    editor.destroy()
+  })
+
+  it('renders inline and widget decorations from create()', () => {
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations() {
+        return {
+          create: () => [
+            Decoration.Inline(1, 4, { class: 'highlight' }),
+            Decoration.Widget(1, () => document.createElement('span'), { key: 'w1' }),
+          ],
+        }
+      },
+    })
+
+    const editor = createEditor(extension)
+
+    expect(getDecorations(editor)).toHaveLength(2)
+
+    editor.destroy()
+  })
+
+  it('warns when an extension produces duplicate widget keys', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({
+        create: () => [
+          Decoration.Widget(1, () => document.createElement('span'), { key: 'dup' }),
+          Decoration.Widget(2, () => document.createElement('span'), { key: 'dup' }),
+        ],
+      }),
+    })
+
+    const editor = createEditor(extension)
+
+    expect(warn).toHaveBeenCalledWith(
+      expect.stringContaining('Duplicate widget decoration key "dup"'),
+    )
+    expect(warn).toHaveBeenCalledWith(expect.stringContaining('extension "deco"'))
+
+    warn.mockRestore()
+    editor.destroy()
+  })
+
+  it('warns when two extensions produce the same widget key', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+    const a = Extension.create({
+      name: 'decoA',
+      addDecorations: () => ({
+        create: () => [
+          Decoration.Widget(1, () => document.createElement('span'), { key: 'shared' }),
+        ],
+      }),
+    })
+    const b = Extension.create({
+      name: 'decoB',
+      addDecorations: () => ({
+        create: () => [
+          Decoration.Widget(2, () => document.createElement('span'), { key: 'shared' }),
+        ],
+      }),
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, a, b],
+      content: '<p>hello world</p>',
+    })
+
+    expect(warn).toHaveBeenCalledWith(
+      expect.stringContaining('Duplicate widget decoration key "shared"'),
+    )
+    expect(warn).toHaveBeenCalledWith(expect.stringContaining('"decoA"'))
+    expect(warn).toHaveBeenCalledWith(expect.stringContaining('"decoB"'))
+
+    warn.mockRestore()
+    editor.destroy()
+  })
+
+  it('recomputes on document change by default', () => {
+    const create = vi.fn(() => [Decoration.Inline(1, 2, { class: 'x' })])
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({ create }),
+    })
+
+    const editor = createEditor(extension)
+    const callsAfterInit = create.mock.calls.length
+
+    editor.commands.insertContent('!')
+
+    expect(create.mock.calls.length).toBeGreaterThan(callsAfterInit)
+
+    editor.destroy()
+  })
+
+  it('does not recompute when shouldUpdate returns false, but maps positions forward', () => {
+    const create = vi.fn(() => [Decoration.Inline(2, 5, { class: 'x' })])
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({ create, shouldUpdate: () => false }),
+    })
+
+    const editor = createEditor(extension)
+    const callsAfterInit = create.mock.calls.length
+
+    // Insert two characters before the decoration so positions shift by 2.
+    editor.commands.insertContentAt(1, 'XX')
+
+    expect(create.mock.calls.length).toBe(callsAfterInit)
+
+    const [deco] = getDecorations(editor)
+
+    expect(deco.from).toBe(4)
+    expect(deco.to).toBe(7)
+
+    editor.destroy()
+  })
+
+  it('does not recompute on a selection-only change', () => {
+    const create = vi.fn(() => [Decoration.Inline(1, 4, { class: 'x' })])
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({ create }),
+    })
+
+    const editor = createEditor(extension)
+    const callsAfterInit = create.mock.calls.length
+
+    editor.commands.setTextSelection(3)
+
+    expect(create.mock.calls.length).toBe(callsAfterInit)
+
+    editor.destroy()
+  })
+})
+
+describe('updateDecorations', () => {
+  it('force-updates only the named extension', () => {
+    const createA = vi.fn(() => [Decoration.Inline(1, 2, { class: 'a' })])
+    const createB = vi.fn(() => [Decoration.Inline(2, 3, { class: 'b' })])
+    const a = Extension.create({
+      name: 'decoA',
+      addDecorations: () => ({ create: createA, shouldUpdate: () => false }),
+    })
+    const b = Extension.create({
+      name: 'decoB',
+      addDecorations: () => ({ create: createB, shouldUpdate: () => false }),
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, a, b],
+      content: '<p>hello world</p>',
+    })
+
+    const callsA = createA.mock.calls.length
+    const callsB = createB.mock.calls.length
+
+    editor.commands.updateDecorations('decoA')
+
+    expect(createA.mock.calls.length).toBe(callsA + 1)
+    expect(createB.mock.calls.length).toBe(callsB)
+
+    editor.destroy()
+  })
+
+  it('removes decorations when create() returns an empty array', () => {
+    let toggle = true
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({
+        create: () => {
+          if (!toggle) return []
+          return [Decoration.Inline(1, 4, { class: 'x' })]
+        },
+        shouldUpdate: () => true,
+      }),
+    })
+
+    const editor = createEditor(extension)
+    expect(getDecorations(editor)).toHaveLength(1)
+
+    toggle = false
+    editor.commands.updateDecorations()
+    expect(getDecorations(editor)).toHaveLength(0)
+
+    editor.destroy()
+  })
+
+  it('recomputes decorations correctly after whole-document replacement', () => {
+    const create = vi.fn(() => [Decoration.Inline(1, 3, { class: 'x' })])
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({ create, shouldUpdate: () => true }),
+    })
+
+    const editor = createEditor(extension)
+    expect(create).toHaveBeenCalledTimes(1)
+
+    // Replace the whole document.
+    editor.commands.setContent('<p>new content</p>')
+    expect(create).toHaveBeenCalledTimes(2)
+
+    const [deco] = getDecorations(editor)
+    expect(deco.from).toBe(1)
+    expect(deco.to).toBe(3)
+
+    editor.destroy()
+  })
+
+  it('keeps widget keys accurate when mapping forward, dropping deleted widgets', () => {
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({
+        create: () => [
+          Decoration.Widget(6, () => document.createElement('span'), { key: 'w-mid' }),
+        ],
+        shouldUpdate: () => false,
+      }),
+    })
+
+    const editor = createEditor(extension)
+
+    expect(liveWidgetKeys(editor).has('w-mid')).toBe(true)
+
+    // Insert before the widget: it survives and the key stays live.
+    editor.commands.insertContentAt(1, 'XX')
+    expect(liveWidgetKeys(editor).has('w-mid')).toBe(true)
+
+    // Delete the range containing the widget: it is dropped and so is its key.
+    editor.commands.deleteRange({ from: 4, to: 11 })
+    expect(liveWidgetKeys(editor).has('w-mid')).toBe(false)
+
+    editor.destroy()
+  })
+
+  it('maps both extensions forward without recomputing when neither updates', () => {
+    const createA = vi.fn(() => [Decoration.Inline(2, 5, { class: 'a' })])
+    const createB = vi.fn(() => [Decoration.Inline(6, 9, { class: 'b' })])
+    const a = Extension.create({
+      name: 'decoA',
+      addDecorations: () => ({ create: createA, shouldUpdate: () => false }),
+    })
+    const b = Extension.create({
+      name: 'decoB',
+      addDecorations: () => ({ create: createB, shouldUpdate: () => false }),
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, a, b],
+      content: '<p>hello world</p>',
+    })
+
+    const callsA = createA.mock.calls.length
+    const callsB = createB.mock.calls.length
+
+    // Insert two characters at the start so every decoration shifts by 2.
+    editor.commands.insertContentAt(1, 'XX')
+
+    expect(createA.mock.calls.length).toBe(callsA)
+    expect(createB.mock.calls.length).toBe(callsB)
+
+    const decos = getDecorations(editor).sort((x, y) => x.from - y.from)
+
+    expect(decos).toHaveLength(2)
+    expect(decos[0].from).toBe(4)
+    expect(decos[0].to).toBe(7)
+    expect(decos[1].from).toBe(8)
+    expect(decos[1].to).toBe(11)
+
+    editor.destroy()
+  })
+
+  it('replaces only the recomputed extension in the merged decoration set', () => {
+    let useUpdatedDecoration = false
+    const createA = vi.fn(() => [
+      Decoration.Inline(
+        1,
+        2,
+        { class: useUpdatedDecoration ? 'updated' : 'initial' },
+        { source: useUpdatedDecoration ? 'updated' : 'initial' },
+      ),
+    ])
+    const createB = vi.fn(() => [
+      Decoration.Inline(4, 5, { class: 'stable' }, { source: 'stable' }),
+    ])
+    const a = Extension.create({
+      name: 'decoA',
+      addDecorations: () => ({ create: createA, shouldUpdate: () => true }),
+    })
+    const b = Extension.create({
+      name: 'decoB',
+      addDecorations: () => ({ create: createB, shouldUpdate: () => false }),
+    })
+
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, a, b],
+      content: '<p>hello world</p>',
+    })
+
+    useUpdatedDecoration = true
+    editor.commands.updateDecorations('decoA')
+
+    const decos = getDecorations(editor).sort((x, y) => x.from - y.from)
+
+    expect(decos).toHaveLength(2)
+    expect(decos[0].spec.source).toBe('updated')
+    expect(decos[1].spec.source).toBe('stable')
+    expect(createA).toHaveBeenCalledTimes(2)
+    expect(createB).toHaveBeenCalledTimes(1)
+
+    editor.destroy()
+  })
+
+  it('does not create new plugin state when nothing changed (returns previous)', () => {
+    const create = vi.fn(() => [Decoration.Inline(1, 4, { class: 'x' })])
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({ create }),
+    })
+
+    const editor = createEditor(extension)
+    const state1 = DECORATION_MANAGER_PLUGIN_KEY.getState(editor.state)
+
+    // Selection-only change — should reuse previous state.
+    editor.commands.setTextSelection(3)
+    const state2 = DECORATION_MANAGER_PLUGIN_KEY.getState(editor.state)
+
+    expect(state1).toBe(state2)
+
+    editor.destroy()
+  })
+
+  it('maps manual decorations until updateDecorations() is called', () => {
+    let enabled = true
+    const create = vi.fn(() => (enabled ? [Decoration.Inline(1, 2)] : []))
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () => ({ update: 'manual', create }),
+    })
+    const editor = createEditor(extension)
+    const callsAfterInit = create.mock.calls.length
+
+    enabled = false
+    editor.commands.insertContentAt(1, 'XX')
+
+    expect(create).toHaveBeenCalledTimes(callsAfterInit)
+    expect(getDecorations(editor)).toHaveLength(1)
+
+    editor.commands.updateDecorations()
+
+    expect(create).toHaveBeenCalledTimes(callsAfterInit + 1)
+    expect(getDecorations(editor)).toHaveLength(0)
+
+    editor.destroy()
+  })
+
+  it('rejects a changedRanges strategy without createInRange()', () => {
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () =>
+        ({ update: 'changedRanges', create: () => [] }) as unknown as DecorationSpec,
+    })
+
+    expect(() => createEditor(extension)).toThrow('does not provide createInRange()')
+  })
+
+  it('rejects createInRange() without the changedRanges strategy', () => {
+    const extension = Extension.create({
+      name: 'deco',
+      addDecorations: () =>
+        ({
+          create: () => [],
+          createInRange: () => [],
+        }) as unknown as DecorationSpec,
+    })
+
+    expect(() => createEditor(extension)).toThrow(
+      'provides createInRange() but does not use the "changedRanges" decoration update strategy',
+    )
+  })
+})
diff --git a/packages/core/tests/integration/duplicatedProseMirrorModel.test.ts b/packages/core/tests/integration/duplicatedProseMirrorModel.test.ts
new file mode 100644
index 0000000..f2bc17d
--- /dev/null
+++ b/packages/core/tests/integration/duplicatedProseMirrorModel.test.ts
@@ -0,0 +1,138 @@
+import { createRequire } from 'node:module'
+
+import { Editor, createNodeFromContent } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+// Put @tiptap/core on the CJS build and the rest of ProseMirror on the ESM one
+vi.mock('@tiptap/pm/model', () => {
+  const require = createRequire(import.meta.url)
+
+  return { ...require('prosemirror-model') }
+})
+
+// Same version, but a different module instance than the one core now uses.
+const otherCopy = await vi.importActual<typeof import('@tiptap/pm/model')>('@tiptap/pm/model')
+
+const IMAGE = {
+  type: 'image',
+  attrs: { src: 'https://example.com/a.png', alt: 'a', title: 'a' },
+}
+
+describe('duplicated prosemirror-model', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  const createEditor = (content = '<p></p>') =>
+    new Editor({ extensions: [Document, Paragraph, Text, Image], content })
+
+  const otherCopyFragment = (text: string) =>
+    otherCopy.Fragment.fromArray([
+      editor.schema.nodeFromJSON({ type: 'paragraph', content: [{ type: 'text', text }] }),
+    ])
+
+  describe('insertContentAt', () => {
+    it('inserts an array of JSON nodes', () => {
+      editor = createEditor()
+
+      editor.commands.insertContentAt(0, [IMAGE])
+
+      expect(editor.getHTML()).toContain('src="https://example.com/a.png"')
+    })
+
+    it('inserts a fragment built by the other copy while applying rules', () => {
+      editor = createEditor('<p>start</p>')
+
+      editor.commands.insertContentAt(0, otherCopyFragment('block'), {
+        applyInputRules: true,
+        applyPasteRules: true,
+      })
+
+      expect(editor.getHTML()).toContain('block')
+    })
+  })
+
+  describe('insertContent', () => {
+    it('inserts HTML', () => {
+      editor = createEditor()
+
+      editor.commands.insertContent('<p>inserted</p>')
+
+      expect(editor.getHTML()).toContain('inserted')
+    })
+
+    it('inserts a fragment built by the other copy', () => {
+      editor = createEditor('<p>start</p>')
+
+      editor.commands.insertContent(otherCopyFragment('block'))
+
+      expect(editor.getHTML()).toContain('block')
+    })
+
+    it('inserts a fragment built by the other copy that only holds text', () => {
+      editor = createEditor('<p>start</p>')
+
+      editor.commands.insertContent(otherCopy.Fragment.fromArray([editor.schema.text('inline')]))
+
+      expect(editor.getHTML()).toContain('inline')
+    })
+  })
+
+  describe('setContent', () => {
+    it('sets a fragment built by the other copy', () => {
+      editor = createEditor('<p>start</p>')
+
+      editor.commands.setContent(otherCopyFragment('replaced'))
+
+      expect(editor.getHTML()).toContain('replaced')
+    })
+
+    it('sets a fragment built by our own copy', () => {
+      editor = createEditor('<p>start</p>')
+      const document = editor.schema.nodeFromJSON({
+        type: 'doc',
+        content: [{ type: 'paragraph', content: [{ type: 'text', text: 'replaced' }] }],
+      })
+
+      editor.commands.setContent(document.content)
+
+      expect(editor.getHTML()).toContain('replaced')
+    })
+  })
+
+  describe('createNodeFromContent', () => {
+    it('keeps a fragment built by the other copy instead of dropping it', () => {
+      editor = createEditor()
+      const paragraph = editor.schema.nodeFromJSON({
+        type: 'paragraph',
+        content: [{ type: 'text', text: 'kept' }],
+      })
+      const fragment = otherCopy.Fragment.fromArray([paragraph])
+
+      expect(createNodeFromContent(fragment, editor.schema).toJSON()).toEqual(fragment.toJSON())
+    })
+
+    it('keeps a node built by the other copy instead of dropping it', () => {
+      editor = createEditor()
+      const otherSchema = new otherCopy.Schema({
+        nodes: {
+          doc: { content: 'block+' },
+          paragraph: { group: 'block', content: 'inline*' },
+          text: { group: 'inline' },
+        },
+      })
+      const node = otherCopy.Node.fromJSON(otherSchema, {
+        type: 'paragraph',
+        content: [{ type: 'text', text: 'kept' }],
+      })
+
+      expect(createNodeFromContent(node, editor.schema).toJSON()).toEqual(node.toJSON())
+    })
+  })
+})
diff --git a/packages/core/tests/integration/duplicatedProseMirrorModelWarning.test.ts b/packages/core/tests/integration/duplicatedProseMirrorModelWarning.test.ts
new file mode 100644
index 0000000..9374636
--- /dev/null
+++ b/packages/core/tests/integration/duplicatedProseMirrorModelWarning.test.ts
@@ -0,0 +1,37 @@
+import { createRequire } from 'node:module'
+
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+// Put @tiptap/core on the CJS build and the rest of ProseMirror on the ESM one.
+// Own file because the warning fires once per process.
+vi.mock('@tiptap/pm/model', () => {
+  const require = createRequire(import.meta.url)
+
+  return { ...require('prosemirror-model') }
+})
+
+describe('warnOnDuplicatedProseMirrorModel with a duplicated copy', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+    vi.restoreAllMocks()
+  })
+
+  it('warns once, not for every editor', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+    const extensions = [Document, Paragraph, Text]
+
+    editor = new Editor({ extensions, content: '<p>hello</p>' })
+    const second = new Editor({ extensions, content: '<p>hello</p>' })
+
+    second.destroy()
+
+    expect(warn).toHaveBeenCalledTimes(1)
+    expect(warn.mock.calls[0][0]).toContain('prosemirror-model is loaded more than once')
+  })
+})
diff --git a/packages/core/tests/integration/highlightDecorations.test.ts b/packages/core/tests/integration/highlightDecorations.test.ts
new file mode 100644
index 0000000..8377899
--- /dev/null
+++ b/packages/core/tests/integration/highlightDecorations.test.ts
@@ -0,0 +1,83 @@
+import { DECORATION_MANAGER_PLUGIN_KEY, Editor, Node } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import type { Decoration } from '@tiptap/pm/view'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { HighlightDecorations as ReactHighlightDecorations } from '../../../../demos/src/Examples/Decorations/React/highlight-decorations.js'
+import { HighlightDecorations as VueHighlightDecorations } from '../../../../demos/src/Examples/Decorations/Vue/highlight-decorations.js'
+
+const Heading = Node.create({
+  name: 'heading',
+  group: 'block',
+  content: 'inline*',
+  parseHTML: () => [{ tag: 'h1' }],
+  renderHTML: () => ['h1', 0],
+})
+
+function createEditor(extension: typeof ReactHighlightDecorations, term: string) {
+  return new Editor({
+    extensions: [Document, Paragraph, Text, Heading, extension.configure({ term })],
+    content: '<h1>Tiptap</h1><p>Tiptap tiptap</p>',
+  })
+}
+
+function getDecorations(editor: Editor): Decoration[] {
+  return DECORATION_MANAGER_PLUGIN_KEY.getState(editor.state)?.mergedDecorationSet.find() ?? []
+}
+
+describe.each([
+  ['React', ReactHighlightDecorations],
+  ['Vue', VueHighlightDecorations],
+])('%s HighlightDecorations', (_framework, extension) => {
+  it('creates heading, inline, and widget decorations for every match', () => {
+    const editor = createEditor(extension, 'tiptap')
+    const decorations = getDecorations(editor)
+    const heading = decorations.filter(
+      decoration => decoration.type.attrs?.class === 'decoration-heading',
+    )
+    const highlights = decorations.filter(
+      decoration => decoration.type.attrs?.class === 'decoration-highlight',
+    )
+    const widgets = decorations.filter(decoration =>
+      (decoration.spec as { key?: string }).key?.startsWith('highlight-marker-'),
+    )
+
+    expect(heading).toHaveLength(1)
+    expect(heading[0]).toMatchObject({ from: 0, to: 8 })
+    expect(highlights.map(decoration => [decoration.from, decoration.to])).toEqual([
+      [1, 7],
+      [9, 15],
+      [16, 22],
+    ])
+    expect(widgets.map(decoration => (decoration.spec as { key: string }).key)).toEqual([
+      'highlight-marker-1',
+      'highlight-marker-9',
+      'highlight-marker-16',
+    ])
+
+    const marker = (widgets[0].type as any).toDOM(null, () => widgets[0].from)
+
+    expect(marker).toMatchObject({ className: 'decoration-marker', textContent: '★' })
+    editor.destroy()
+  })
+
+  it.each(['missing', '   '])('keeps only heading decorations for a %j term', term => {
+    const editor = createEditor(extension, term)
+    const decorations = getDecorations(editor)
+
+    expect(
+      decorations.filter(decoration => decoration.type.attrs?.class === 'decoration-heading'),
+    ).toHaveLength(1)
+    expect(
+      decorations.filter(decoration => decoration.type.attrs?.class === 'decoration-highlight'),
+    ).toHaveLength(0)
+    expect(
+      decorations.filter(decoration =>
+        (decoration.spec as { key?: string }).key?.startsWith('highlight-marker-'),
+      ),
+    ).toHaveLength(0)
+    editor.destroy()
+  })
+})
diff --git a/packages/core/tests/utils/createViewMutationTestContext.ts b/packages/core/tests/utils/createViewMutationTestContext.ts
new file mode 100644
index 0000000..37e584f
--- /dev/null
+++ b/packages/core/tests/utils/createViewMutationTestContext.ts
@@ -0,0 +1,37 @@
+import type { ViewMutationRecord } from '@tiptap/pm/view'
+import { vi } from 'vite-plus/test'
+
+export function createViewMutationTestContext() {
+  vi.stubGlobal('navigator', {
+    platform: 'iPhone',
+    userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X)',
+  })
+
+  const wrapper = document.createElement('div')
+  const chrome = document.createElement('div')
+  const contentDOM = document.createElement('div')
+
+  wrapper.append(chrome, contentDOM)
+  document.body.append(wrapper)
+
+  return {
+    wrapper,
+    chrome,
+    contentDOM,
+    createEditableChild() {
+      const child = document.createElement('div')
+
+      child.contentEditable = 'true'
+
+      return child
+    },
+    childListMutation(target: Node, added: HTMLElement[]) {
+      return {
+        type: 'childList',
+        target,
+        addedNodes: added,
+        removedNodes: [],
+      } as unknown as ViewMutationRecord
+    },
+  }
+}
diff --git a/packages/core/tsconfig.build.json b/packages/core/tsconfig.build.json
new file mode 100644
index 0000000..cf10070
--- /dev/null
+++ b/packages/core/tsconfig.build.json
@@ -0,0 +1,6 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "../../"
+  }
+}
diff --git a/packages/core/vite.config.ts b/packages/core/vite.config.ts
new file mode 100644
index 0000000..39c4009
--- /dev/null
+++ b/packages/core/vite.config.ts
@@ -0,0 +1,31 @@
+import { defineConfig } from 'vite-plus'
+import { tsupCompatibleExtensions } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: [
+    {
+      entry: ['src/index.ts'],
+      // Use a local tsconfig with a wider rootDir so monorepo-only @tiptap/pm path
+      // aliases can resolve without pulling external workspace files outside the program.
+      tsconfig: './tsconfig.build.json',
+      outDir: 'dist',
+      dts: { sourcemap: true },
+      clean: true,
+      sourcemap: true,
+      target: 'es2019',
+      format: ['esm', 'cjs'],
+      outExtensions: tsupCompatibleExtensions,
+    },
+    {
+      entry: ['src/jsx-runtime.ts'],
+      tsconfig: '../../tsconfig.build.json',
+      outDir: 'dist/jsx-runtime',
+      dts: { sourcemap: true },
+      clean: true,
+      sourcemap: true,
+      target: 'es2019',
+      format: ['esm', 'cjs'],
+      outExtensions: tsupCompatibleExtensions,
+    },
+  ],
+})
diff --git a/packages/extension-audio/CHANGELOG.md b/packages/extension-audio/CHANGELOG.md
new file mode 100644
index 0000000..d544c8c
--- /dev/null
+++ b/packages/extension-audio/CHANGELOG.md
@@ -0,0 +1,319 @@
+# @tiptap/extension-audio
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Minor Changes
+
+- b3a9fab: Add a native audio extension with demos and tests.
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
diff --git a/packages/extension-audio/README.md b/packages/extension-audio/README.md
new file mode 100644
index 0000000..c304f4e
--- /dev/null
+++ b/packages/extension-audio/README.md
@@ -0,0 +1,11 @@
+# @tiptap/extension-audio
+
+A native HTML5 audio node for [tiptap](https://tiptap.dev).
+
+```js
+import Audio from '@tiptap/extension-audio'
+
+editor = new Editor({
+  extensions: [Audio],
+})
+```
diff --git a/packages/extension-audio/package.json b/packages/extension-audio/package.json
new file mode 100644
index 0000000..3e550c5
--- /dev/null
+++ b/packages/extension-audio/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-audio",
+  "version": "3.30.3",
+  "description": "audio extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-audio"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-audio/src/audio.test.ts b/packages/extension-audio/src/audio.test.ts
new file mode 100644
index 0000000..94ab7c3
--- /dev/null
+++ b/packages/extension-audio/src/audio.test.ts
@@ -0,0 +1,287 @@
+import { Editor } from '@tiptap/core'
+import { Audio } from './audio.js'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('extension-audio', () => {
+  const editorElClass = 'tiptap'
+  let editor: Editor | null = null
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+    return editorEl
+  }
+
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  const destroyEditor = () => {
+    editor?.destroy()
+    editor = null
+    getEditorEl()?.remove()
+  }
+
+  it('does not output html for javascript schema or invalid links', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Audio],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'audio',
+            attrs: {
+              // We want to ensure script URLs are filtered out
+              // oxlint-disable-next-line no-script-url
+              src: 'javascript:alert(window.origin)//audio',
+            },
+          },
+        ],
+      },
+    })
+
+    // oxlint-disable-next-line no-script-url
+    expect(editor.getHTML()).not.toContain('javascript:alert')
+
+    destroyEditor()
+  })
+
+  it('allows base64 sources only when enabled', () => {
+    const dataUrl = 'data:audio/mp3;base64,aGVsbG8='
+
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Audio],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'audio',
+            attrs: {
+              src: dataUrl,
+            },
+          },
+        ],
+      },
+    })
+
+    expect(editor.getHTML()).not.toContain(dataUrl)
+
+    destroyEditor()
+
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Audio.configure({ allowBase64: true })],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'audio',
+            attrs: {
+              src: dataUrl,
+            },
+          },
+        ],
+      },
+    })
+
+    expect(editor.getHTML()).toContain(dataUrl)
+
+    destroyEditor()
+  })
+
+  it('respects audio attributes and options', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Audio.configure({
+          autoplay: true,
+          controls: false,
+          loop: true,
+          muted: true,
+          preload: 'auto',
+          controlslist: 'nodownload',
+          crossorigin: 'anonymous',
+          disableRemotePlayback: true,
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'audio',
+            attrs: {
+              src: 'https://assets.tiptap.dev/sounds/loop.mp3',
+              controls: true,
+              preload: 'none',
+            },
+          },
+        ],
+      },
+    })
+
+    const html = editor.getHTML()
+
+    expect(html).toContain('<audio')
+    expect(html).toContain('src="https://assets.tiptap.dev/sounds/loop.mp3"')
+    expect(html).toContain('autoplay')
+    expect(html).toContain('loop')
+    expect(html).toContain('muted')
+    expect(html).toContain('controlslist="nodownload"')
+    expect(html).toContain('crossorigin="anonymous"')
+    expect(html).toContain('disableremoteplayback')
+    expect(html).toContain('preload="none"')
+    expect(html).toContain('controls')
+
+    destroyEditor()
+  })
+
+  it('does not insert invalid audio sources via command', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Audio],
+    })
+
+    const succeeded = editor.commands.setAudio({
+      // We want to ensure script URLs are filtered out
+      // oxlint-disable-next-line no-script-url
+      src: 'javascript:alert(1)',
+    })
+
+    expect(succeeded).toBe(false)
+    // oxlint-disable-next-line no-script-url
+    expect(editor.getHTML()).not.toContain('javascript:alert')
+
+    const validInsert = editor.commands.setAudio({
+      src: 'https://assets.tiptap.dev/sounds/loop.mp3',
+      loop: true,
+      muted: true,
+      disableremoteplayback: true,
+      controls: false,
+    })
+
+    expect(validInsert).toBe(true)
+
+    const html = editor.getHTML()
+
+    expect(html).toContain('src="https://assets.tiptap.dev/sounds/loop.mp3"')
+    expect(html).toContain('loop')
+    expect(html).toContain('muted')
+    expect(html).toContain('disableremoteplayback')
+    expect(html).not.toContain('controls')
+
+    destroyEditor()
+  })
+
+  it('creates audio node when pasting a valid audio URL', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Audio],
+    })
+
+    const audioUrl = 'https://assets.tiptap.dev/sounds/loop.mp3'
+
+    // Simulate paste by inserting plain text content that matches the paste rule regex
+    editor.view.pasteText(audioUrl)
+
+    const json = editor.getJSON()
+    const audioNode = json.content?.find(node => node.type === 'audio')
+
+    expect(audioNode).toBeDefined()
+    expect(audioNode?.attrs?.src).toBe(audioUrl)
+
+    destroyEditor()
+  })
+
+  it('does not create audio node when paste handler is disabled', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Audio.configure({ addPasteHandler: false })],
+    })
+
+    const audioUrl = 'https://assets.tiptap.dev/sounds/loop.mp3'
+
+    editor.commands.insertContent(audioUrl)
+
+    const json = editor.getJSON()
+    const audioNode = json.content?.find(node => node.type === 'audio')
+
+    expect(audioNode).toBeUndefined()
+
+    destroyEditor()
+  })
+
+  it('renders audio node as inline when inline option is enabled', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Audio.configure({ inline: true })],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'Audio: ',
+              },
+              {
+                type: 'audio',
+                attrs: {
+                  src: 'https://assets.tiptap.dev/sounds/loop.mp3',
+                },
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    const html = editor.getHTML()
+
+    expect(html).toContain('<p>Audio: <audio')
+    expect(html).toContain('src="https://assets.tiptap.dev/sounds/loop.mp3"')
+
+    destroyEditor()
+  })
+
+  it('renders audio node as block by default', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Audio],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'Some text',
+              },
+            ],
+          },
+          {
+            type: 'audio',
+            attrs: {
+              src: 'https://assets.tiptap.dev/sounds/loop.mp3',
+            },
+          },
+        ],
+      },
+    })
+
+    const html = editor.getHTML()
+
+    expect(html).toContain('<p>Some text</p><audio')
+
+    destroyEditor()
+  })
+})
diff --git a/packages/extension-audio/src/audio.ts b/packages/extension-audio/src/audio.ts
new file mode 100644
index 0000000..e79e405
--- /dev/null
+++ b/packages/extension-audio/src/audio.ts
@@ -0,0 +1,272 @@
+import { createAtomBlockMarkdownSpec, mergeAttributes, Node, nodePasteRule } from '@tiptap/core'
+
+import { AUDIO_URL_REGEX_GLOBAL, isValidAudioUrl, sanitizeAudioSrc } from './utils.js'
+
+export interface AudioOptions {
+  /**
+   * Controls if the paste handler for audio sources should be added.
+   * @default true
+   * @example false
+   */
+  addPasteHandler: boolean
+
+  /**
+   * Controls if the audio should autoplay.
+   * @default false
+   * @example true
+   */
+  autoplay: boolean
+
+  /**
+   * Controls if the audio element should render the native controls.
+   * @default true
+   * @example false
+   */
+  controls: boolean
+
+  /**
+   * Controls if the audio should loop.
+   * @default false
+   * @example true
+   */
+  loop: boolean
+
+  /**
+   * Controls if the audio should be muted.
+   * @default false
+   * @example true
+   */
+  muted: boolean
+
+  /**
+   * The preload behavior for the audio element.
+   * @default 'metadata'
+   * @example 'none'
+   */
+  preload: 'auto' | 'metadata' | 'none' | null
+
+  /**
+   * Provides the controlslist attribute for the audio element.
+   * @default undefined
+   * @example 'nodownload'
+   */
+  controlslist?: string
+
+  /**
+   * Sets the crossorigin attribute for the audio element.
+   * @default undefined
+   * @example 'anonymous'
+   */
+  crossorigin?: '' | 'anonymous' | 'use-credentials'
+
+  /**
+   * Controls if remote playback should be disabled on the audio element.
+   * @default false
+   * @example true
+   */
+  disableRemotePlayback: boolean
+
+  /**
+   * Allows data: URLs for audio sources.
+   * @default false
+   * @example true
+   */
+  allowBase64: boolean
+
+  /**
+   * The HTML attributes for an audio node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+
+  /**
+   * Controls if the audio node should be inline or not.
+   * @default false
+   * @example true
+   */
+  inline: boolean
+}
+
+/**
+ * The options for setting an audio element.
+ */
+type SetAudioOptions = {
+  src: string
+  controls?: boolean
+  autoplay?: boolean
+  loop?: boolean
+  muted?: boolean
+  preload?: 'auto' | 'metadata' | 'none' | null
+  controlslist?: string
+  crossorigin?: '' | 'anonymous' | 'use-credentials'
+  disableremoteplayback?: boolean
+  HTMLAttributes?: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    audio: {
+      /**
+       * Insert an audio element
+       * @param options The audio attributes
+       * @example editor.commands.setAudio({ src: 'https://assets.tiptap.dev/sounds/loop.mp3' })
+       */
+      setAudio: (options: SetAudioOptions) => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension adds support for native audio elements.
+ */
+export const Audio = Node.create<AudioOptions>({
+  name: 'audio',
+
+  addOptions() {
+    return {
+      addPasteHandler: true,
+      allowBase64: false,
+      autoplay: false,
+      controls: true,
+      loop: false,
+      muted: false,
+      preload: 'metadata',
+      controlslist: undefined,
+      crossorigin: undefined,
+      disableRemotePlayback: false,
+      HTMLAttributes: {},
+      inline: false,
+    }
+  },
+
+  inline() {
+    return this.options.inline
+  },
+
+  group() {
+    return this.options.inline ? 'inline' : 'block'
+  },
+
+  atom: true,
+
+  draggable: true,
+
+  addAttributes() {
+    return {
+      src: {
+        default: null,
+      },
+      controls: {
+        default: this.options.controls,
+      },
+      autoplay: {
+        default: this.options.autoplay,
+      },
+      loop: {
+        default: this.options.loop,
+      },
+      muted: {
+        default: this.options.muted,
+      },
+      preload: {
+        default: this.options.preload,
+      },
+      controlslist: {
+        default: this.options.controlslist,
+      },
+      crossorigin: {
+        default: this.options.crossorigin,
+      },
+      disableremoteplayback: {
+        default: this.options.disableRemotePlayback,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: this.options.allowBase64 ? 'audio[src]' : 'audio[src]:not([src^="data:"])',
+      },
+    ]
+  },
+
+  addCommands() {
+    return {
+      setAudio:
+        options =>
+        ({ commands }) => {
+          if (!isValidAudioUrl(options.src, this.options.allowBase64)) {
+            return false
+          }
+
+          return commands.insertContent({
+            type: this.name,
+            attrs: options,
+          })
+        },
+    }
+  },
+
+  addPasteRules() {
+    if (!this.options.addPasteHandler) {
+      return []
+    }
+
+    return [
+      nodePasteRule({
+        find: AUDIO_URL_REGEX_GLOBAL,
+        type: this.type,
+        getAttributes: match => {
+          return { src: match[0] }
+        },
+      }),
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    const sanitizedSrc = sanitizeAudioSrc(HTMLAttributes.src, this.options.allowBase64)
+
+    const mergedAttributes = mergeAttributes(
+      this.options.HTMLAttributes,
+      {
+        controls: this.options.controls,
+        autoplay: this.options.autoplay,
+        loop: this.options.loop,
+        muted: this.options.muted,
+        preload: this.options.preload,
+        controlslist: this.options.controlslist,
+        crossorigin: this.options.crossorigin,
+        disableremoteplayback: this.options.disableRemotePlayback,
+      },
+      {
+        ...HTMLAttributes,
+        src: sanitizedSrc,
+      },
+    )
+
+    const cleanedAttributes = Object.fromEntries(
+      Object.entries(mergedAttributes).filter(
+        ([, value]) => value !== null && value !== undefined && value !== false,
+      ),
+    )
+
+    return ['audio', cleanedAttributes]
+  },
+
+  ...createAtomBlockMarkdownSpec({
+    nodeName: 'audio',
+    allowedAttributes: [
+      'src',
+      'controls',
+      'autoplay',
+      'loop',
+      'muted',
+      'preload',
+      'controlslist',
+      'crossorigin',
+      'disableremoteplayback',
+    ],
+  }),
+})
diff --git a/packages/extension-audio/src/index.ts b/packages/extension-audio/src/index.ts
new file mode 100644
index 0000000..60133b9
--- /dev/null
+++ b/packages/extension-audio/src/index.ts
@@ -0,0 +1,6 @@
+import { Audio } from './audio.js'
+
+export * from './audio.js'
+export * from './utils.js'
+
+export default Audio
diff --git a/packages/extension-audio/src/utils.ts b/packages/extension-audio/src/utils.ts
new file mode 100644
index 0000000..92ed08c
--- /dev/null
+++ b/packages/extension-audio/src/utils.ts
@@ -0,0 +1,70 @@
+/**
+ * Regular expression to match URLs pointing to common audio file formats.
+ * Matches http/https URLs ending in: mp3, wav, ogg, oga, flac, m4a, aac, opus, weba, webm.
+ * Supports optional query strings. Case-insensitive, single match.
+ */
+export const AUDIO_URL_REGEX =
+  /https?:\/\/[^\s]+?\.(?:mp3|wav|ogg|oga|flac|m4a|aac|opus|weba|webm)(?:\?[^\s]*)?/i
+
+/**
+ * Global variant of AUDIO_URL_REGEX for matching multiple audio URLs in a string.
+ * Use this when you need to find all audio URLs in a block of text.
+ */
+export const AUDIO_URL_REGEX_GLOBAL =
+  /https?:\/\/[^\s]+?\.(?:mp3|wav|ogg|oga|flac|m4a|aac|opus|weba|webm)(?:\?[^\s]*)?/gi
+
+/**
+ * Regular expression to match base64-encoded audio data URLs.
+ */
+const AUDIO_DATA_URL_REGEX = /^data:audio\/[a-zA-Z0-9.+-]+;base64,/i
+
+/**
+ * Validates whether a URL is safe for use in an audio element.
+ * Allows http, https, protocol-relative, and relative paths by default.
+ * Data URLs can be enabled via the allowBase64 flag.
+ *
+ * @param url - The URL string to validate
+ * @param allowBase64 - Whether to allow base64 data URLs (default: false)
+ * @returns True if the URL is valid and safe, false otherwise
+ */
+export const isValidAudioUrl = (url: string, allowBase64 = false) => {
+  if (!url) {
+    return false
+  }
+
+  if (allowBase64 && AUDIO_DATA_URL_REGEX.test(url)) {
+    return true
+  }
+
+  if (url.startsWith('//')) {
+    return true
+  }
+
+  if (url.startsWith('/') || url.startsWith('./') || url.startsWith('../')) {
+    return true
+  }
+
+  try {
+    const parsedUrl = new URL(url)
+
+    return parsedUrl.protocol === 'http:' || parsedUrl.protocol === 'https:'
+  } catch {
+    return false
+  }
+}
+
+/**
+ * Sanitizes an audio source URL by validating it against allowed protocols.
+ * Returns null for invalid or potentially unsafe URLs.
+ *
+ * @param url - The URL string to sanitize (can be null or undefined)
+ * @param allowBase64 - Whether to allow base64 data URLs (default: false)
+ * @returns The original URL if valid, or null if invalid/unsafe
+ */
+export const sanitizeAudioSrc = (url: string | null | undefined, allowBase64 = false) => {
+  if (!url) {
+    return null
+  }
+
+  return isValidAudioUrl(url, allowBase64) ? url : null
+}
diff --git a/packages/extension-audio/vite.config.ts b/packages/extension-audio/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-audio/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-blockquote/CHANGELOG.md b/packages/extension-blockquote/CHANGELOG.md
new file mode 100644
index 0000000..4e223fd
--- /dev/null
+++ b/packages/extension-blockquote/CHANGELOG.md
@@ -0,0 +1,1685 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- 4ec64c7: Fixed Backspace freezing after merging a paragraph into a blockquote.
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- 53f8e57: Fix a crash when pressing backspace at the very start of the document with a leading image. The blockquote backspace handler dereferenced an undefined parent at the top (doc) level, throwing `TypeError: Cannot read properties of undefined (reading 'type')`. It now bails out so backspace is a no-op at the document start.
+- 6238a3c: Add `@tiptap/pm` as a peer dependency so bundlers resolve ProseMirror packages from the app instead of duplicating `prosemirror-model` inside `@tiptap/extension-blockquote`.
+  - @tiptap/core@3.27.4
+  - @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Minor Changes
+
+- 155a613: Backspace at the start of a non-first child of a blockquote now lifts that child out, splitting the blockquote around it. A second backspace at the start of a top-level textblock whose previous sibling is a blockquote merges the textblock's inline content into the blockquote's last textblock instead of pulling the paragraph back inside.
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- 269823d: Improved markdown empty-paragraph roundtripping across top-level and nested block content. Empty paragraphs now serialize with natural blank-line spacing for the first paragraph in a run and `&nbsp;` markers for subsequent empty paragraphs at the same level, while parsing preserves those empty paragraphs when converting markdown back to JSON.
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- 5d17140: Fixed nested blockquote markdown serialization to properly handle multi-level nesting
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- 75cabde: Chore: Removed type overwrites for renderHTML
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.27...@tiptap/extension-blockquote@2.0.0-beta.29) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.27...@tiptap/extension-blockquote@2.0.0-beta.27) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.25...@tiptap/extension-blockquote@2.0.0-beta.26) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.24...@tiptap/extension-blockquote@2.0.0-beta.25) (2021-11-23)
+
+### Bug Fixes
+
+- fix content expression for blockquote node, fix [#1681](https://github.com/ueberdosis/tiptap/issues/1681) ([74a3326](https://github.com/ueberdosis/tiptap/commit/74a33264c046d275300ab321fb2a7780eb796817))
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.23...@tiptap/extension-blockquote@2.0.0-beta.24) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.22...@tiptap/extension-blockquote@2.0.0-beta.23) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.21...@tiptap/extension-blockquote@2.0.0-beta.22) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.20...@tiptap/extension-blockquote@2.0.0-beta.21) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.19...@tiptap/extension-blockquote@2.0.0-beta.20) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.18...@tiptap/extension-blockquote@2.0.0-beta.19) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.17...@tiptap/extension-blockquote@2.0.0-beta.18) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.16...@tiptap/extension-blockquote@2.0.0-beta.17) (2021-10-10)
+
+### Bug Fixes
+
+- fix regex modifier for input rules and paste rules, fix [#2003](https://github.com/ueberdosis/tiptap/issues/2003) ([65eddf0](https://github.com/ueberdosis/tiptap/commit/65eddf0e789c620a53d9bec9509b515211fb9b3f))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.15...@tiptap/extension-blockquote@2.0.0-beta.16) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.14...@tiptap/extension-blockquote@2.0.0-beta.15) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.13...@tiptap/extension-blockquote@2.0.0-beta.14) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.12...@tiptap/extension-blockquote@2.0.0-beta.13) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.11...@tiptap/extension-blockquote@2.0.0-beta.12) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.10...@tiptap/extension-blockquote@2.0.0-beta.11) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.9...@tiptap/extension-blockquote@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.8...@tiptap/extension-blockquote@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.7...@tiptap/extension-blockquote@2.0.0-beta.8) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.6...@tiptap/extension-blockquote@2.0.0-beta.7) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.5...@tiptap/extension-blockquote@2.0.0-beta.6) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.4...@tiptap/extension-blockquote@2.0.0-beta.5) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.3...@tiptap/extension-blockquote@2.0.0-beta.4) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.2...@tiptap/extension-blockquote@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-beta.1...@tiptap/extension-blockquote@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-alpha.11...@tiptap/extension-blockquote@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-alpha.10...@tiptap/extension-blockquote@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-alpha.9...@tiptap/extension-blockquote@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-alpha.8...@tiptap/extension-blockquote@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-alpha.7...@tiptap/extension-blockquote@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-alpha.6...@tiptap/extension-blockquote@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-alpha.5...@tiptap/extension-blockquote@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-alpha.4...@tiptap/extension-blockquote@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-alpha.3...@tiptap/extension-blockquote@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-alpha.2...@tiptap/extension-blockquote@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@2.0.0-alpha.1...@tiptap/extension-blockquote@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@1.0.0-alpha.2...@tiptap/extension-blockquote@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-blockquote@1.0.0-alpha.1...@tiptap/extension-blockquote@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-blockquote
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-blockquote/README.md b/packages/extension-blockquote/README.md
new file mode 100644
index 0000000..bcf11aa
--- /dev/null
+++ b/packages/extension-blockquote/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-blockquote
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-blockquote.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-blockquote)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-blockquote.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-blockquote.svg)](https://www.npmjs.com/package/@tiptap/extension-blockquote)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-blockquote/package.json b/packages/extension-blockquote/package.json
new file mode 100644
index 0000000..0d46484
--- /dev/null
+++ b/packages/extension-blockquote/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "@tiptap/extension-blockquote",
+  "version": "3.30.3",
+  "description": "blockquote extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-blockquote"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-blockquote/src/blockquote.tsx b/packages/extension-blockquote/src/blockquote.tsx
new file mode 100644
index 0000000..272cc9d
--- /dev/null
+++ b/packages/extension-blockquote/src/blockquote.tsx
@@ -0,0 +1,143 @@
+/** @jsxImportSource @tiptap/core */
+import { mergeAttributes, Node, wrappingInputRule } from '@tiptap/core'
+
+import { handleBackspace } from './handleBackspace.js'
+
+export interface BlockquoteOptions {
+  /**
+   * HTML attributes to add to the blockquote element
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    blockQuote: {
+      /**
+       * Set a blockquote node
+       */
+      setBlockquote: () => ReturnType
+      /**
+       * Toggle a blockquote node
+       */
+      toggleBlockquote: () => ReturnType
+      /**
+       * Unset a blockquote node
+       */
+      unsetBlockquote: () => ReturnType
+    }
+  }
+}
+
+/**
+ * Matches a blockquote to a `>` as input.
+ */
+export const inputRegex = /^\s*>\s$/
+
+/**
+ * This extension allows you to create blockquotes.
+ * @see https://tiptap.dev/api/nodes/blockquote
+ */
+export const Blockquote = Node.create<BlockquoteOptions>({
+  name: 'blockquote',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  content: 'block+',
+
+  group: 'block',
+
+  defining: true,
+
+  parseHTML() {
+    return [{ tag: 'blockquote' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return (
+      <blockquote {...mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)}>
+        <slot />
+      </blockquote>
+    )
+  },
+
+  parseMarkdown: (token, helpers) => {
+    const parseBlockChildren = helpers.parseBlockChildren ?? helpers.parseChildren
+
+    return helpers.createNode('blockquote', undefined, parseBlockChildren(token.tokens || []))
+  },
+
+  renderMarkdown: (node, h) => {
+    if (!node.content) {
+      return ''
+    }
+
+    // Use a single '>' prefix regardless of nesting level
+    // Nested blockquotes will add their own '>' prefix recursively
+    const prefix = '>'
+    const result: string[] = []
+
+    node.content.forEach((child, index) => {
+      const childContent = h.renderChild?.(child, index) ?? h.renderChildren([child])
+      const lines = childContent.split('\n')
+
+      const linesWithPrefix = lines.map(line => {
+        // Don't add prefix to empty lines
+        if (line.trim() === '') {
+          return prefix
+        }
+
+        // Nested blockquotes will already have their own prefixes
+        // We just need to add our own prefix at the start
+        return `${prefix} ${line}`
+      })
+
+      result.push(linesWithPrefix.join('\n'))
+    })
+
+    // Add separator lines between children
+    return result.join(`\n${prefix}\n`)
+  },
+
+  addCommands() {
+    return {
+      setBlockquote:
+        () =>
+        ({ commands }) => {
+          return commands.wrapIn(this.name)
+        },
+      toggleBlockquote:
+        () =>
+        ({ commands }) => {
+          return commands.toggleWrap(this.name)
+        },
+      unsetBlockquote:
+        () =>
+        ({ commands }) => {
+          return commands.lift(this.name)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-Shift-b': () => this.editor.commands.toggleBlockquote(),
+      Backspace: () => handleBackspace(this.editor, this.type),
+    }
+  },
+
+  addInputRules() {
+    return [
+      wrappingInputRule({
+        find: inputRegex,
+        type: this.type,
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-blockquote/src/handleBackspace.test.ts b/packages/extension-blockquote/src/handleBackspace.test.ts
new file mode 100644
index 0000000..cb9b305
--- /dev/null
+++ b/packages/extension-blockquote/src/handleBackspace.test.ts
@@ -0,0 +1,45 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { GapCursor } from '@tiptap/pm/gapcursor'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+import { handleBackspace } from './handleBackspace.js'
+import { Blockquote } from './blockquote.js'
+
+describe('Blockquote handleBackspace', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, Image, Blockquote],
+      content: '<img src="https://example.com/image.png">',
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  // Regression test for https://github.com/ueberdosis/tiptap/issues/7973
+  // With a leading image, pressing backspace at the very start of the document
+  // resolved the caret to the top (doc) level, where `$from.depth` is 0. The
+  // handler then dereferenced `$from.node(-1)` (undefined) and crashed with
+  // `TypeError: can't access property "type", parent is undefined`.
+  it('does not throw when backspacing at the very start of the document', () => {
+    const { state, view } = editor
+    // Before the leading image, the caret resolves to a gap cursor at depth 0.
+    const selection = new GapCursor(state.doc.resolve(0))
+    view.dispatch(state.tr.setSelection(selection))
+
+    const blockquoteType = editor.schema.nodes.blockquote
+
+    expect(() => handleBackspace(editor, blockquoteType)).not.toThrow()
+    expect(handleBackspace(editor, blockquoteType)).toBe(false)
+  })
+})
diff --git a/packages/extension-blockquote/src/handleBackspace.ts b/packages/extension-blockquote/src/handleBackspace.ts
new file mode 100644
index 0000000..ed830b4
--- /dev/null
+++ b/packages/extension-blockquote/src/handleBackspace.ts
@@ -0,0 +1,75 @@
+import type { Editor } from '@tiptap/core'
+import { Slice, type NodeType } from '@tiptap/pm/model'
+import { TextSelection } from '@tiptap/pm/state'
+
+/**
+ * Restructure the blockquote boundary at the caret.
+ *
+ * Two cases are handled in a single backspace:
+ *
+ * 1. Caret at the start of a non-first child of a blockquote — lift the
+ *    current child out, splitting the blockquote around it.
+ * 2. Caret at the start of a top-level textblock whose previous sibling is
+ *    a blockquote with a textblock last child — merge the current
+ *    textblock's inline content into the blockquote's last textblock
+ *    instead of letting joinBackward pull the paragraph back inside.
+ *
+ * Returns true when the backspace was consumed.
+ */
+export const handleBackspace = (editor: Editor, type: NodeType): boolean => {
+  const { state } = editor
+  const { selection } = state
+  if (!selection.empty) return false
+
+  const { $from } = selection
+  if ($from.parentOffset !== 0) return false
+
+  const parentDepth = $from.depth - 1
+  // At the very start of the document the caret can resolve to the top (doc)
+  // level — for example a gap cursor before a leading image — where there is
+  // no parent block. Bail out so backspace is a no-op instead of dereferencing
+  // an undefined parent at a negative depth. (#7973)
+  if (parentDepth < 0) return false
+
+  const parent = $from.node(parentDepth)
+  const index = $from.index(parentDepth)
+  if (index === 0) return false
+
+  // Non-first child of a blockquote: lift to split the blockquote around it.
+  if (parent.type === type) {
+    return editor.commands.lift(type.name)
+  }
+
+  // Previous sibling is a blockquote whose last child is a textblock:
+  // merge the inline content in instead of letting joinBackward pull the
+  // paragraph back inside the blockquote.
+  const previous = parent.child(index - 1)
+  if (previous.type !== type || !previous.lastChild?.isTextblock) {
+    return false
+  }
+
+  const blockStart = $from.before()
+  // `blockStart` sits in the shared parent at the position right after
+  // the previous blockquote. In ProseMirror coordinates, each closing
+  // token costs one position: step one back to land inside the blockquote
+  // right after its last child, then one more to land inside that last
+  // child at the end of its inline content.
+  const insideBlockquoteEnd = blockStart - 1
+  const targetPos = insideBlockquoteEnd - 1
+
+  return editor.commands.command(({ tr, dispatch }) => {
+    if (!dispatch) {
+      return true
+    }
+
+    const content = $from.parent.content
+    const slice = new Slice(content, 0, 0)
+
+    tr.replace(targetPos, $from.after(), slice)
+    tr.setSelection(TextSelection.create(tr.doc, targetPos + content.size))
+    tr.scrollIntoView()
+    dispatch(tr)
+
+    return true
+  })
+}
diff --git a/packages/extension-blockquote/src/index.ts b/packages/extension-blockquote/src/index.ts
new file mode 100644
index 0000000..e47cb14
--- /dev/null
+++ b/packages/extension-blockquote/src/index.ts
@@ -0,0 +1,5 @@
+import { Blockquote } from './blockquote.jsx'
+
+export * from './blockquote.jsx'
+
+export default Blockquote
diff --git a/packages/extension-blockquote/vite.config.ts b/packages/extension-blockquote/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-blockquote/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-bold/CHANGELOG.md b/packages/extension-bold/CHANGELOG.md
new file mode 100644
index 0000000..ddce979
--- /dev/null
+++ b/packages/extension-bold/CHANGELOG.md
@@ -0,0 +1,1662 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- 6b9ea92: Fixed overlapping bold and italic markdown serialization and round-tripping.
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- 75cabde: Chore: Removed type overwrites for renderHTML
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+### Bug Fixes
+
+- Disallow only whitespace between markdown shortcuts delimiters ([#4866](https://github.com/ueberdosis/tiptap/issues/4866)) ([aa029fe](https://github.com/ueberdosis/tiptap/commit/aa029fe2242aeadc38555b2832df6ae1614c7d1d))
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.26...@tiptap/extension-bold@2.0.0-beta.28) (2022-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.25...@tiptap/extension-bold@2.0.0-beta.26) (2022-02-03)
+
+### Features
+
+- Add key bindings for uppercase letters for bold, italic and underline ([#2478](https://github.com/ueberdosis/tiptap/issues/2478)) ([b9bd469](https://github.com/ueberdosis/tiptap/commit/b9bd46964534c488dca21585786374b2f06ff03c)), closes [ProseMirror/prosemirror#895](https://github.com/ProseMirror/prosemirror/issues/895) [#2426](https://github.com/ueberdosis/tiptap/issues/2426)
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.24...@tiptap/extension-bold@2.0.0-beta.25) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.23...@tiptap/extension-bold@2.0.0-beta.24) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.22...@tiptap/extension-bold@2.0.0-beta.23) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.21...@tiptap/extension-bold@2.0.0-beta.22) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.20...@tiptap/extension-bold@2.0.0-beta.21) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.19...@tiptap/extension-bold@2.0.0-beta.20) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.18...@tiptap/extension-bold@2.0.0-beta.19) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.17...@tiptap/extension-bold@2.0.0-beta.18) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.16...@tiptap/extension-bold@2.0.0-beta.17) (2021-10-10)
+
+### Bug Fixes
+
+- fix regex modifier for input rules and paste rules, fix [#2003](https://github.com/ueberdosis/tiptap/issues/2003) ([65eddf0](https://github.com/ueberdosis/tiptap/commit/65eddf0e789c620a53d9bec9509b515211fb9b3f))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.15...@tiptap/extension-bold@2.0.0-beta.16) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.14...@tiptap/extension-bold@2.0.0-beta.15) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.13...@tiptap/extension-bold@2.0.0-beta.14) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.12...@tiptap/extension-bold@2.0.0-beta.13) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.11...@tiptap/extension-bold@2.0.0-beta.12) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.10...@tiptap/extension-bold@2.0.0-beta.11) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.9...@tiptap/extension-bold@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.8...@tiptap/extension-bold@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.7...@tiptap/extension-bold@2.0.0-beta.8) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.6...@tiptap/extension-bold@2.0.0-beta.7) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.5...@tiptap/extension-bold@2.0.0-beta.6) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.4...@tiptap/extension-bold@2.0.0-beta.5) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.3...@tiptap/extension-bold@2.0.0-beta.4) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.2...@tiptap/extension-bold@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-beta.1...@tiptap/extension-bold@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-alpha.11...@tiptap/extension-bold@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-alpha.10...@tiptap/extension-bold@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-alpha.9...@tiptap/extension-bold@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-alpha.8...@tiptap/extension-bold@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-alpha.7...@tiptap/extension-bold@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-alpha.6...@tiptap/extension-bold@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-alpha.5...@tiptap/extension-bold@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-alpha.4...@tiptap/extension-bold@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-alpha.3...@tiptap/extension-bold@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-alpha.2...@tiptap/extension-bold@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@2.0.0-alpha.1...@tiptap/extension-bold@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@1.0.0-alpha.2...@tiptap/extension-bold@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bold@1.0.0-alpha.1...@tiptap/extension-bold@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-bold
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-bold/README.md b/packages/extension-bold/README.md
new file mode 100644
index 0000000..3d1729c
--- /dev/null
+++ b/packages/extension-bold/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-bold
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-bold.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-bold)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-bold.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-bold.svg)](https://www.npmjs.com/package/@tiptap/extension-bold)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-bold/package.json b/packages/extension-bold/package.json
new file mode 100644
index 0000000..aa03313
--- /dev/null
+++ b/packages/extension-bold/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-bold",
+  "version": "3.30.3",
+  "description": "bold extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-bold"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-bold/src/bold.test.ts b/packages/extension-bold/src/bold.test.ts
new file mode 100644
index 0000000..3e51594
--- /dev/null
+++ b/packages/extension-bold/src/bold.test.ts
@@ -0,0 +1,25 @@
+import {
+  starInputRegex,
+  starPasteRegex,
+  underscoreInputRegex,
+  underscorePasteRegex,
+} from './bold.js'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('bold regex test', () => {
+  it('star input regex matches', () => {
+    expect('**Test**').toMatch(starInputRegex)
+  })
+
+  it('star paste regex matches', () => {
+    expect('**Test**').toMatch(starPasteRegex)
+  })
+
+  it('underscore input regex matches', () => {
+    expect('__Test__').toMatch(underscoreInputRegex)
+  })
+
+  it('underscore paste regex matches', () => {
+    expect('__Test__').toMatch(underscorePasteRegex)
+  })
+})
diff --git a/packages/extension-bold/src/bold.tsx b/packages/extension-bold/src/bold.tsx
new file mode 100644
index 0000000..efcab46
--- /dev/null
+++ b/packages/extension-bold/src/bold.tsx
@@ -0,0 +1,163 @@
+/** @jsxImportSource @tiptap/core */
+import { Mark, markInputRule, markPasteRule, mergeAttributes } from '@tiptap/core'
+
+export interface BoldOptions {
+  /**
+   * HTML attributes to add to the bold element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    bold: {
+      /**
+       * Set a bold mark
+       */
+      setBold: () => ReturnType
+      /**
+       * Toggle a bold mark
+       */
+      toggleBold: () => ReturnType
+      /**
+       * Unset a bold mark
+       */
+      unsetBold: () => ReturnType
+    }
+  }
+}
+
+/**
+ * Matches bold text via `**` as input.
+ */
+export const starInputRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/
+
+/**
+ * Matches bold text via `**` while pasting.
+ */
+export const starPasteRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g
+
+/**
+ * Matches bold text via `__` as input.
+ */
+export const underscoreInputRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/
+
+/**
+ * Matches bold text via `__` while pasting.
+ */
+export const underscorePasteRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g
+
+/**
+ * This extension allows you to mark text as bold.
+ * @see https://tiptap.dev/api/marks/bold
+ */
+export const Bold = Mark.create<BoldOptions>({
+  name: 'bold',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'strong',
+      },
+      {
+        tag: 'b',
+        getAttrs: node => (node as HTMLElement).style.fontWeight !== 'normal' && null,
+      },
+      {
+        style: 'font-weight=400',
+        clearMark: mark => mark.type.name === this.name,
+      },
+      {
+        style: 'font-weight',
+        getAttrs: value => /^(bold(er)?|[5-9]\d{2,})$/.test(value as string) && null,
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return (
+      <strong {...mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)}>
+        <slot />
+      </strong>
+    )
+  },
+
+  markdownTokenName: 'strong',
+
+  parseMarkdown: (token, helpers) => {
+    // Convert 'strong' token to bold mark
+    return helpers.applyMark('bold', helpers.parseInline(token.tokens || []))
+  },
+
+  markdownOptions: {
+    htmlReopen: {
+      open: '<strong>',
+      close: '</strong>',
+    },
+  },
+
+  renderMarkdown: (node, h) => {
+    return `**${h.renderChildren(node)}**`
+  },
+
+  addCommands() {
+    return {
+      setBold:
+        () =>
+        ({ commands }) => {
+          return commands.setMark(this.name)
+        },
+      toggleBold:
+        () =>
+        ({ commands }) => {
+          return commands.toggleMark(this.name)
+        },
+      unsetBold:
+        () =>
+        ({ commands }) => {
+          return commands.unsetMark(this.name)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-b': () => this.editor.commands.toggleBold(),
+      'Mod-B': () => this.editor.commands.toggleBold(),
+    }
+  },
+
+  addInputRules() {
+    return [
+      markInputRule({
+        find: starInputRegex,
+        type: this.type,
+      }),
+      markInputRule({
+        find: underscoreInputRegex,
+        type: this.type,
+      }),
+    ]
+  },
+
+  addPasteRules() {
+    return [
+      markPasteRule({
+        find: starPasteRegex,
+        type: this.type,
+      }),
+      markPasteRule({
+        find: underscorePasteRegex,
+        type: this.type,
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-bold/src/index.ts b/packages/extension-bold/src/index.ts
new file mode 100644
index 0000000..3a2d6c8
--- /dev/null
+++ b/packages/extension-bold/src/index.ts
@@ -0,0 +1,5 @@
+import { Bold } from './bold.jsx'
+
+export * from './bold.jsx'
+
+export default Bold
diff --git a/packages/extension-bold/vite.config.ts b/packages/extension-bold/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-bold/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-bubble-menu/CHANGELOG.md b/packages/extension-bubble-menu/CHANGELOG.md
new file mode 100644
index 0000000..8e3c7d6
--- /dev/null
+++ b/packages/extension-bubble-menu/CHANGELOG.md
@@ -0,0 +1,2083 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- 22b1527: Add new transaction meta handlers to programmatically show & hide the floating & bubble menus via `transaction.setMeta('menuKey', 'show')` and `transaction.setMeta('menuKey', 'hide')`
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- b6b46c9: Prevent hidden bubble menus from reappearing during scroll and resize updates. Bubble menu positioning now only runs for menus that are already shown, so default text-selection menus stay hidden until they should actually open.
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- 253ca1c: Fix `BubbleMenu`/`FloatingMenu` to use `pluginKey` as the transaction meta key so that multiple instances can be updated independently without affecting each other
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- 3e446fb: Fix BubbleMenu and FloatingMenu props not updating after initialization
+  - @tiptap/core@3.18.0
+  - @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- 725d182: Fixed bubble and floating menus to properly handle hide middleware data, hiding menus when reference element is scrolled out of view
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- 7a9b617: Added a safeguard to avoid `TypeError: Cannot read properties of null (reading 'domFromPos')` being thrown when the editor was being destroyed
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- 9ef26a6: Fixed a problem where the position of a menu is not updated on creation when shouldShow is true
+  - @tiptap/core@3.6.6
+  - @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- 48846f2: You can now pass a callback to the `appendTo` option in the floating and bubble menu
+  extensions. The callback must return an element synchronously,
+  so menus can be appended to elements that are created dynamically.
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- 4648b3a: Fix a bug where the bubble menu could throw an error if the editor was destroyed
+  while the plugin was cleaning up.
+  - @tiptap/core@3.6.2
+  - @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- 47a26e0: Remove recently added `updateBubbleMenuPosition` method because it would not work in the React and Vue versions of the BubbleMenu, only in the vanilla extension. And that would confuse developers.
+
+  Write the `transactionHandler` method as an arrow function because arrow functions have no `this`, so the `this` remains the instance of the `BubbleMenuView` class.
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Minor Changes
+
+- 8fa5955: Add `updateBubbleMenuPosition` command to update position of bubble menu. This command lets developers programmatically update the position of the bubble menu in response to certain events (for example, when the bubble menu is resized).
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- 915ed65: Add custom positioning support to the BubbleMenu.
+
+  This change adds an opt-in API that allows consumers to fully control how the BubbleMenu is positioned. Instead of relying solely on the internal placement logic, you can now provide a function (for example `getPosition`) that receives the relevant context (editor instance and menu DOM element) and returns the desired coordinates or positioning style.
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- 24445c4: Listen to a custom scroll target when positioning the BubbleMenu and
+  ensure the scroll listener is cleaned up on destroy.
+
+  The BubbleMenu now accepts an optional `scrollTarget` option which will be
+  used instead of `window` when listening for scroll events that affect the
+  menu positioning. The plugin also removes the scroll listener during
+  cleanup.
+
+  No user-facing API changes other than the new optional `scrollTarget` setting.
+
+  - @tiptap/core@3.4.2
+  - @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- 2718eea: Fixed bubble menus having invalid positions on node selections
+  - @tiptap/core@3.1.0
+  - @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- e011d5d: Add appendTo option
+  - @tiptap/core@3.0.9
+  - @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- 6b42853: Fix: Fix a problem with the inline option and virtual elements missing getClientRects
+  - @tiptap/core@3.0.7
+  - @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- f8a4e3e: Refactor: Make shouldShow optional on bubbleMenu and floatingMenu options
+  - @tiptap/core@3.0.5
+  - @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- 601b1f6: Fix: Correctly pass through the bubble menu floating options
+- 601b1f6: Improvement: Added better JSDocs for the options object
+  - @tiptap/core@3.0.2
+  - @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 00693b8: Fixed a bug where table cell selections would not position the bubble menu accordingly
+- 73d1888: Fixed a bug where the global resize handler of the BubbleMenu plugin would not be unregistered on destroy
+- 1d4d928: Added `tab-index="0"` to menu wrappers
+- 8c69002: Synced beta with stable features
+- 0f14cc5: Added missing `onShow`, `onUpdate`, `onHide` and `onDestroy` options
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- 1d4d928: Added `tab-index="0"` to menu wrappers
+  - @tiptap/core@3.0.0-beta.22
+  - @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- 73d1888: Fixed a bug where the global resize handler of the BubbleMenu plugin would not be unregistered on destroy
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- 00693b8: Fixed a bug where table cell selections would not position the bubble menu accordingly
+  - @tiptap/core@3.0.0-beta.12
+  - @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- 0f14cc5: Added missing `onShow`, `onUpdate`, `onHide` and `onDestroy` options
+  - @tiptap/core@3.0.0-beta.11
+  - @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Major Changes
+
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/pm@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/pm@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/pm@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/pm@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/pm@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/pm@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/pm@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/pm@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/pm@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/pm@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+### Bug Fixes
+
+- **bubble-menu:** fix debounce not working with collab/collaboration cursor ([#3956](https://github.com/ueberdosis/tiptap/issues/3956)) ([e8cef04](https://github.com/ueberdosis/tiptap/commit/e8cef0404b5039ec2657536976b8b31931afd337))
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+### Bug Fixes
+
+- **bubble-menu:** fix debounce not working with collab/collaboration cursor ([#3956](https://github.com/ueberdosis/tiptap/issues/3956)) ([e8cef04](https://github.com/ueberdosis/tiptap/commit/e8cef0404b5039ec2657536976b8b31931afd337))
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+### Bug Fixes
+
+- **bubble-menu:** fix debounce not working with collab/collaboration cursor ([#3956](https://github.com/ueberdosis/tiptap/issues/3956)) ([e8cef04](https://github.com/ueberdosis/tiptap/commit/e8cef0404b5039ec2657536976b8b31931afd337))
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+### Bug Fixes
+
+- **bubble-menu:** exclude lodash/debounce from externals ([516f28f](https://github.com/ueberdosis/tiptap/commit/516f28f788651b88a03136220334b6dd0f8b235f))
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+### Bug Fixes
+
+- **bubble-menu:** fix lodash import ([06a3d63](https://github.com/ueberdosis/tiptap/commit/06a3d6300d9debcd4cfc70f5717cfaf9ae988a3c))
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+### Bug Fixes
+
+- **bubble-menu:** move from lodash-es back to lodash, use named import ([e958128](https://github.com/ueberdosis/tiptap/commit/e9581283af8f491926a338fb572c69700861dd84))
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+### Bug Fixes
+
+- **bubble-menu:** change lodash to lodash-es for esbuild ([2d7661c](https://github.com/ueberdosis/tiptap/commit/2d7661c910a76f1d362728a48a3c3a09236a2b00))
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+### Bug Fixes
+
+- **bubble-menu:** fix bubble menu imports ([1e6f238](https://github.com/ueberdosis/tiptap/commit/1e6f2382eb6669269eea892c8eed4727102f2653))
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+### Bug Fixes
+
+- **extension-bubble-menu:** don't debounce without valid selection ([#3501](https://github.com/ueberdosis/tiptap/issues/3501)) ([e9d9d88](https://github.com/ueberdosis/tiptap/commit/e9d9d8851189f936b01db7ec41fef4f4c5021761))
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+### Bug Fixes
+
+- remove blur event listener from tippy element ([#3365](https://github.com/ueberdosis/tiptap/issues/3365)) ([#3366](https://github.com/ueberdosis/tiptap/issues/3366)) ([aca6c88](https://github.com/ueberdosis/tiptap/commit/aca6c88f2de7d33d9b12a39fa82f59762d355603))
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+### Bug Fixes
+
+- **extension/bubble-menu:** :bug: fix bubble menu and floating menu being available when editor not editable ([#3195](https://github.com/ueberdosis/tiptap/issues/3195)) ([fa96749](https://github.com/ueberdosis/tiptap/commit/fa96749ce22ec67125da491cfeeb38623b9f0d6e))
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.62](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.61...@tiptap/extension-bubble-menu@2.0.0-beta.62) (2022-09-03)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.61](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.60...@tiptap/extension-bubble-menu@2.0.0-beta.61) (2022-06-27)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.60](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.59...@tiptap/extension-bubble-menu@2.0.0-beta.60) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.59](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.57...@tiptap/extension-bubble-menu@2.0.0-beta.59) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.57](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.57...@tiptap/extension-bubble-menu@2.0.0-beta.57) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.56](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.55...@tiptap/extension-bubble-menu@2.0.0-beta.56) (2022-04-27)
+
+### Bug Fixes
+
+- Mark the bubble/floating menu extensions as side effect free ([172513c](https://github.com/ueberdosis/tiptap/commit/172513cb445fa295dd9f7d7ec553ed22baa9d435))
+
+# [2.0.0-beta.55](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.54...@tiptap/extension-bubble-menu@2.0.0-beta.55) (2022-01-25)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.54](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.53...@tiptap/extension-bubble-menu@2.0.0-beta.54) (2022-01-04)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.53](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.52...@tiptap/extension-bubble-menu@2.0.0-beta.53) (2021-12-22)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.52](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.51...@tiptap/extension-bubble-menu@2.0.0-beta.52) (2021-12-15)
+
+### Bug Fixes
+
+- maybe hide tippy on blur, fix [#1433](https://github.com/ueberdosis/tiptap/issues/1433) ([063ced2](https://github.com/ueberdosis/tiptap/commit/063ced27ca55f331960b01ee6aea5623eee0ba49))
+
+# [2.0.0-beta.51](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.50...@tiptap/extension-bubble-menu@2.0.0-beta.51) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.50](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.49...@tiptap/extension-bubble-menu@2.0.0-beta.50) (2021-11-17)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.49](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.48...@tiptap/extension-bubble-menu@2.0.0-beta.49) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.48](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.47...@tiptap/extension-bubble-menu@2.0.0-beta.48) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.47](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.46...@tiptap/extension-bubble-menu@2.0.0-beta.47) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.46](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.45...@tiptap/extension-bubble-menu@2.0.0-beta.46) (2021-11-08)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.45](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.44...@tiptap/extension-bubble-menu@2.0.0-beta.45) (2021-11-05)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.44](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.43...@tiptap/extension-bubble-menu@2.0.0-beta.44) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.43](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.42...@tiptap/extension-bubble-menu@2.0.0-beta.43) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.42](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.41...@tiptap/extension-bubble-menu@2.0.0-beta.42) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.41](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.40...@tiptap/extension-bubble-menu@2.0.0-beta.41) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.40](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.39...@tiptap/extension-bubble-menu@2.0.0-beta.40) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.39](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.38...@tiptap/extension-bubble-menu@2.0.0-beta.39) (2021-10-02)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.38](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.37...@tiptap/extension-bubble-menu@2.0.0-beta.38) (2021-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.36...@tiptap/extension-bubble-menu@2.0.0-beta.37) (2021-09-28)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.35...@tiptap/extension-bubble-menu@2.0.0-beta.36) (2021-09-27)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.34...@tiptap/extension-bubble-menu@2.0.0-beta.35) (2021-09-22)
+
+### Bug Fixes
+
+- Fix "destory" method in view plugins. ([#1882](https://github.com/ueberdosis/tiptap/issues/1882)) ([33420f4](https://github.com/ueberdosis/tiptap/commit/33420f4ae06d0d7eec16201a2e650be83cbb9de9))
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.33...@tiptap/extension-bubble-menu@2.0.0-beta.34) (2021-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.32...@tiptap/extension-bubble-menu@2.0.0-beta.33) (2021-09-07)
+
+### Bug Fixes
+
+- don’t initialize tippy on requestAnimationFrame to avoid race conditions ([#1820](https://github.com/ueberdosis/tiptap/issues/1820)) ([ca3763d](https://github.com/ueberdosis/tiptap/commit/ca3763d3c29cc0715727fe12a0e907ad86d99806))
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.31...@tiptap/extension-bubble-menu@2.0.0-beta.32) (2021-09-06)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.30...@tiptap/extension-bubble-menu@2.0.0-beta.31) (2021-08-23)
+
+### Bug Fixes
+
+- make shouldShow and pluginKey option for menus, fix [#1779](https://github.com/ueberdosis/tiptap/issues/1779) ([70a328b](https://github.com/ueberdosis/tiptap/commit/70a328bd3dea174170ad8e92db4c4f7f9368fd1b))
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.29...@tiptap/extension-bubble-menu@2.0.0-beta.30) (2021-08-20)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.28...@tiptap/extension-bubble-menu@2.0.0-beta.29) (2021-08-13)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.27...@tiptap/extension-bubble-menu@2.0.0-beta.28) (2021-08-13)
+
+### Bug Fixes
+
+- rename key to pluginKey for menus ([89d26f7](https://github.com/ueberdosis/tiptap/commit/89d26f7cba2a115aa342f0ee621f0b65c840dfb8))
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.26...@tiptap/extension-bubble-menu@2.0.0-beta.27) (2021-08-12)
+
+### Bug Fixes
+
+- fix some react focus issues ([#1724](https://github.com/ueberdosis/tiptap/issues/1724)), fix [#1716](https://github.com/ueberdosis/tiptap/issues/1716), fix [#1608](https://github.com/ueberdosis/tiptap/issues/1608), fix [#1520](https://github.com/ueberdosis/tiptap/issues/1520) ([956566e](https://github.com/ueberdosis/tiptap/commit/956566eaad0a522d6bc27d44594aa36d6c33f8b3))
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.25...@tiptap/extension-bubble-menu@2.0.0-beta.26) (2021-08-11)
+
+### Features
+
+- add key option and shouldShow option to menus (fix [#1480](https://github.com/ueberdosis/tiptap/issues/1480), fix [#1043](https://github.com/ueberdosis/tiptap/issues/1043), fix [#1268](https://github.com/ueberdosis/tiptap/issues/1268), fix [#1503](https://github.com/ueberdosis/tiptap/issues/1503)) ([9ba61c1](https://github.com/ueberdosis/tiptap/commit/9ba61c1582cee838f2214d00285773ace2fb229e))
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.24...@tiptap/extension-bubble-menu@2.0.0-beta.25) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.23...@tiptap/extension-bubble-menu@2.0.0-beta.24) (2021-06-23)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.22...@tiptap/extension-bubble-menu@2.0.0-beta.23) (2021-06-15)
+
+### Bug Fixes
+
+- fix a bug where bubble menu does not appear when selection starts from empty paragraph node, fix [#1474](https://github.com/ueberdosis/tiptap/issues/1474) ([f12b127](https://github.com/ueberdosis/tiptap/commit/f12b1273f24984806394e3deb431823a9d00ba79))
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.21...@tiptap/extension-bubble-menu@2.0.0-beta.22) (2021-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.20...@tiptap/extension-bubble-menu@2.0.0-beta.21) (2021-06-14)
+
+### Bug Fixes
+
+- hide bubble menu on drag, fix [#1443](https://github.com/ueberdosis/tiptap/issues/1443) ([6034eb9](https://github.com/ueberdosis/tiptap/commit/6034eb9b30c3fe01ece9079c84c91ba9c6184518))
+- show bubble menu for atom nodes even if there is no text content, fix [#1446](https://github.com/ueberdosis/tiptap/issues/1446) ([a3a7650](https://github.com/ueberdosis/tiptap/commit/a3a76507844cefc28111b9636c511ad9ef52ad28))
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.19...@tiptap/extension-bubble-menu@2.0.0-beta.20) (2021-05-27)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.18...@tiptap/extension-bubble-menu@2.0.0-beta.19) (2021-05-24)
+
+### Bug Fixes
+
+- do not check for node selection within posToDOMRect ([c0e68d5](https://github.com/ueberdosis/tiptap/commit/c0e68d5a25608e0b6d9c127bbc507b4ba2a94a61))
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.17...@tiptap/extension-bubble-menu@2.0.0-beta.18) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.16...@tiptap/extension-bubble-menu@2.0.0-beta.17) (2021-05-17)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.15...@tiptap/extension-bubble-menu@2.0.0-beta.16) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.14...@tiptap/extension-bubble-menu@2.0.0-beta.15) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.13...@tiptap/extension-bubble-menu@2.0.0-beta.14) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.12...@tiptap/extension-bubble-menu@2.0.0-beta.13) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.11...@tiptap/extension-bubble-menu@2.0.0-beta.12) (2021-05-06)
+
+### Bug Fixes
+
+- add CellSelection support for bubble menu ([6472d2c](https://github.com/ueberdosis/tiptap/commit/6472d2c2715bd29a061abae6a59963949c298e55))
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.10...@tiptap/extension-bubble-menu@2.0.0-beta.11) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.9...@tiptap/extension-bubble-menu@2.0.0-beta.10) (2021-05-04)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.8...@tiptap/extension-bubble-menu@2.0.0-beta.9) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.7...@tiptap/extension-bubble-menu@2.0.0-beta.8) (2021-04-22)
+
+### Bug Fixes
+
+- fix a bug for empty node selection where the bubble menu should not be visible, fix [#1023](https://github.com/ueberdosis/tiptap/issues/1023) ([8ed220a](https://github.com/ueberdosis/tiptap/commit/8ed220a12de48b3c14e903b271d7f50aff6313f4))
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.6...@tiptap/extension-bubble-menu@2.0.0-beta.7) (2021-04-16)
+
+### Bug Fixes
+
+- fix tippy for react ([398fc7f](https://github.com/ueberdosis/tiptap/commit/398fc7f210b9d5449cbb00543ddf4af768552b9c))
+
+### Features
+
+- add coordsAtPos and posToClientRect helper methods ([8dab614](https://github.com/ueberdosis/tiptap/commit/8dab6144a661e4c90f33d9d2f300882009eadd46))
+- add tippyOptions prop ([9a56f66](https://github.com/ueberdosis/tiptap/commit/9a56f666a118ca7c59a6f1f67f40e6490e20d3b8))
+- remove keepInBounds ([d7282f1](https://github.com/ueberdosis/tiptap/commit/d7282f168bc6cfae4e1630d14bb8462bc135b254))
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.5...@tiptap/extension-bubble-menu@2.0.0-beta.6) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.4...@tiptap/extension-bubble-menu@2.0.0-beta.5) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.3...@tiptap/extension-bubble-menu@2.0.0-beta.4) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.2...@tiptap/extension-bubble-menu@2.0.0-beta.3) (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bubble-menu@2.0.0-beta.1...@tiptap/extension-bubble-menu@2.0.0-beta.2) (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
+
+# 2.0.0-beta.1 (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/extension-bubble-menu
diff --git a/packages/extension-bubble-menu/README.md b/packages/extension-bubble-menu/README.md
new file mode 100644
index 0000000..b298866
--- /dev/null
+++ b/packages/extension-bubble-menu/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-bubble-menu
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-bubble-menu.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-bubble-menu)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-bubble-menu.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-bubble-menu.svg)](https://www.npmjs.com/package/@tiptap/extension-bubble-menu)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-bubble-menu/package.json b/packages/extension-bubble-menu/package.json
new file mode 100644
index 0000000..48853c0
--- /dev/null
+++ b/packages/extension-bubble-menu/package.json
@@ -0,0 +1,56 @@
+{
+  "name": "@tiptap/extension-bubble-menu",
+  "version": "3.30.3",
+  "description": "bubble-menu extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-bubble-menu"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.0.0"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-bubble-menu/src/bubble-menu-plugin.test.ts b/packages/extension-bubble-menu/src/bubble-menu-plugin.test.ts
new file mode 100644
index 0000000..6caf261
--- /dev/null
+++ b/packages/extension-bubble-menu/src/bubble-menu-plugin.test.ts
@@ -0,0 +1,289 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { PluginKey } from '@tiptap/pm/state'
+import { describe, expect, it, vi } from 'vite-plus/test'
+
+import { BubbleMenuView } from './bubble-menu-plugin.js'
+
+const { computePositionMock } = vi.hoisted(() => ({
+  computePositionMock: vi.fn(),
+}))
+
+vi.mock('@floating-ui/dom', async importOriginal => {
+  const actual = await importOriginal<typeof import('@floating-ui/dom')>()
+
+  return {
+    ...actual,
+    computePosition: computePositionMock,
+  }
+})
+
+const virtualElement = {
+  getBoundingClientRect: () => new DOMRect(0, 0, 10, 10),
+  getClientRects: () => [new DOMRect(0, 0, 10, 10)],
+}
+
+function createEditor(content = '<p>Hello world</p>') {
+  return new Editor({
+    extensions: [Document, Paragraph, Text],
+    content,
+  })
+}
+
+function createBubbleMenuView(
+  editor: Editor,
+  overrides: Partial<ConstructorParameters<typeof BubbleMenuView>[0]> = {},
+) {
+  return new BubbleMenuView({
+    editor,
+    element: document.createElement('div'),
+    pluginKey: 'bubbleMenu',
+    view: editor.view,
+    shouldShow: () => false,
+    ...overrides,
+  })
+}
+
+describe('BubbleMenuView cross-contamination', () => {
+  it('should only process updateOptions for its own pluginKey (string)', () => {
+    const editor = createEditor()
+
+    const view1 = createBubbleMenuView(editor, { pluginKey: 'bubbleMenu1' })
+    const view2 = createBubbleMenuView(editor, { pluginKey: 'bubbleMenu2' })
+
+    const spy1 = vi.spyOn(view1, 'updateOptions')
+    const spy2 = vi.spyOn(view2, 'updateOptions')
+
+    const newOptions = { updateDelay: 999 }
+
+    editor.view.dispatch(
+      editor.state.tr.setMeta('bubbleMenu1', {
+        type: 'updateOptions',
+        options: newOptions,
+      }),
+    )
+
+    expect(spy1).toHaveBeenCalledTimes(1)
+    expect(spy1).toHaveBeenCalledWith(newOptions)
+    expect(spy2).not.toHaveBeenCalled()
+
+    view1.destroy()
+    view2.destroy()
+    editor.destroy()
+  })
+  it('should only process updateOptions for its own pluginKey (PluginKey instance)', () => {
+    const editor = createEditor()
+
+    const key1 = new PluginKey('customBubbleA')
+    const key2 = new PluginKey('customBubbleB')
+
+    const view1 = createBubbleMenuView(editor, { pluginKey: key1 })
+    const view2 = createBubbleMenuView(editor, { pluginKey: key2 })
+
+    const spy1 = vi.spyOn(view1, 'updateOptions')
+    const spy2 = vi.spyOn(view2, 'updateOptions')
+
+    const newOptions = { updateDelay: 500 }
+
+    editor.view.dispatch(
+      editor.state.tr.setMeta('customBubbleA$', {
+        type: 'updateOptions',
+        options: newOptions,
+      }),
+    )
+
+    expect(spy1).toHaveBeenCalledTimes(1)
+    expect(spy1).toHaveBeenCalledWith(newOptions)
+    expect(spy2).not.toHaveBeenCalled()
+
+    view1.destroy()
+    view2.destroy()
+    editor.destroy()
+  })
+  it('should only process updatePosition for its own pluginKey', () => {
+    const editor = createEditor()
+
+    const view1 = createBubbleMenuView(editor, { pluginKey: 'bubbleMenu1' })
+    const view2 = createBubbleMenuView(editor, { pluginKey: 'bubbleMenu2' })
+
+    const spy1 = vi.spyOn(view1, 'updatePosition')
+    const spy2 = vi.spyOn(view2, 'updatePosition')
+
+    editor.view.dispatch(editor.state.tr.setMeta('bubbleMenu1', 'updatePosition'))
+
+    expect(spy1).toHaveBeenCalledTimes(1)
+    expect(spy2).not.toHaveBeenCalled()
+
+    view1.destroy()
+    view2.destroy()
+    editor.destroy()
+  })
+  it('should not cross-contaminate options between two instances', () => {
+    const editor = createEditor()
+
+    const view1 = createBubbleMenuView(editor, {
+      pluginKey: 'bubbleMenu1',
+      updateDelay: 100,
+    })
+    const view2 = createBubbleMenuView(editor, {
+      pluginKey: 'bubbleMenu2',
+      updateDelay: 200,
+    })
+
+    editor.view.dispatch(
+      editor.state.tr.setMeta('bubbleMenu1', {
+        type: 'updateOptions',
+        options: { updateDelay: 999 },
+      }),
+    )
+
+    expect(view1.updateDelay).toBe(999)
+    expect(view2.updateDelay).toBe(200)
+
+    editor.view.dispatch(
+      editor.state.tr.setMeta('bubbleMenu2', {
+        type: 'updateOptions',
+        options: { updateDelay: 777 },
+      }),
+    )
+
+    expect(view1.updateDelay).toBe(999)
+    expect(view2.updateDelay).toBe(777)
+
+    view1.destroy()
+    view2.destroy()
+    editor.destroy()
+  })
+  it('should maintain backward compatibility with default "bubbleMenu" pluginKey', () => {
+    const editor = createEditor()
+
+    const view = createBubbleMenuView(editor)
+
+    const spy = vi.spyOn(view, 'updateOptions')
+    const newOptions = { updateDelay: 500 }
+
+    editor.view.dispatch(
+      editor.state.tr.setMeta('bubbleMenu', {
+        type: 'updateOptions',
+        options: newOptions,
+      }),
+    )
+
+    expect(spy).toHaveBeenCalledTimes(1)
+    expect(spy).toHaveBeenCalledWith(newOptions)
+
+    view.destroy()
+    editor.destroy()
+  })
+
+  it('should not make a hidden menu visible when updating its position', async () => {
+    const editor = createEditor()
+    const view = createBubbleMenuView(editor, {
+      getReferencedVirtualElement: () => virtualElement,
+    })
+
+    computePositionMock.mockResolvedValue({
+      x: 10,
+      y: 20,
+      strategy: 'absolute',
+      placement: 'top',
+      middlewareData: {},
+    })
+
+    view.element.style.visibility = 'hidden'
+
+    view.updatePosition()
+    await Promise.resolve()
+
+    expect(view.element.style.visibility).toBe('hidden')
+    expect(view.element.style.left).toBe('')
+    expect(view.element.style.top).toBe('')
+
+    computePositionMock.mockReset()
+    view.destroy()
+    editor.destroy()
+  })
+
+  it('should ignore late position updates after the menu is hidden', async () => {
+    const editor = createEditor()
+    const view = createBubbleMenuView(editor, {
+      getReferencedVirtualElement: () => virtualElement,
+    })
+
+    let resolvePosition:
+      | ((value: {
+          x: number
+          y: number
+          strategy: 'absolute'
+          placement: 'top'
+          middlewareData: Record<string, never>
+        }) => void)
+      | undefined
+
+    computePositionMock.mockImplementation(
+      () =>
+        new Promise(resolve => {
+          resolvePosition = resolve
+        }),
+    )
+
+    view.show()
+    view.updatePosition()
+    view.hide()
+
+    resolvePosition?.({
+      x: 10,
+      y: 20,
+      strategy: 'absolute',
+      placement: 'top',
+      middlewareData: {},
+    })
+    await Promise.resolve()
+
+    expect(view.element.style.visibility).toBe('hidden')
+    expect(view.element.style.left).toBe('')
+    expect(view.element.style.top).toBe('')
+
+    computePositionMock.mockReset()
+    view.destroy()
+  })
+
+  it('should only process show for its own pluginKey', () => {
+    const editor = createEditor()
+
+    const view1 = createBubbleMenuView(editor, { pluginKey: 'bubbleMenu1' })
+    const view2 = createBubbleMenuView(editor, { pluginKey: 'bubbleMenu2' })
+
+    const spy1 = vi.spyOn(view1, 'show')
+    const spy2 = vi.spyOn(view2, 'show')
+
+    editor.view.dispatch(editor.state.tr.setMeta('bubbleMenu1', 'show'))
+
+    expect(spy1).toHaveBeenCalledTimes(1)
+    expect(spy2).not.toHaveBeenCalled()
+
+    view1.destroy()
+    view2.destroy()
+    editor.destroy()
+  })
+  it('should only process hide for its own pluginKey', () => {
+    const editor = createEditor()
+
+    const view1 = createBubbleMenuView(editor, { pluginKey: 'bubbleMenu1' })
+    const view2 = createBubbleMenuView(editor, { pluginKey: 'bubbleMenu2' })
+
+    const spy1 = vi.spyOn(view1, 'hide')
+    const spy2 = vi.spyOn(view2, 'hide')
+
+    editor.view.dispatch(editor.state.tr.setMeta('bubbleMenu1', 'hide'))
+
+    expect(spy1).toHaveBeenCalledTimes(1)
+    expect(spy2).not.toHaveBeenCalled()
+
+    view1.destroy()
+    view2.destroy()
+    editor.destroy()
+  })
+})
diff --git a/packages/extension-bubble-menu/src/bubble-menu-plugin.ts b/packages/extension-bubble-menu/src/bubble-menu-plugin.ts
new file mode 100644
index 0000000..6cf95f3
--- /dev/null
+++ b/packages/extension-bubble-menu/src/bubble-menu-plugin.ts
@@ -0,0 +1,710 @@
+import {
+  type Middleware,
+  type VirtualElement,
+  arrow,
+  autoPlacement,
+  computePosition,
+  flip,
+  hide,
+  inline,
+  offset,
+  shift,
+  size,
+} from '@floating-ui/dom'
+import type { Editor } from '@tiptap/core'
+import { isTextSelection, posToDOMRect } from '@tiptap/core'
+import type { EditorState, PluginView, Transaction } from '@tiptap/pm/state'
+import { NodeSelection, Plugin, PluginKey } from '@tiptap/pm/state'
+import { CellSelection } from '@tiptap/pm/tables'
+import type { EditorView } from '@tiptap/pm/view'
+
+function combineDOMRects(rect1: DOMRect, rect2: DOMRect): DOMRect {
+  const top = Math.min(rect1.top, rect2.top)
+  const bottom = Math.max(rect1.bottom, rect2.bottom)
+  const left = Math.min(rect1.left, rect2.left)
+  const right = Math.max(rect1.right, rect2.right)
+  const width = right - left
+  const height = bottom - top
+  const x = left
+  const y = top
+  return new DOMRect(x, y, width, height)
+}
+
+export interface BubbleMenuPluginProps {
+  /**
+   * The plugin key.
+   * @type {PluginKey | string}
+   * @default 'bubbleMenu'
+   */
+  pluginKey: PluginKey | string
+
+  /**
+   * The editor instance.
+   */
+  editor: Editor
+
+  /**
+   * The DOM element that contains your menu.
+   * @type {HTMLElement}
+   * @default null
+   */
+  element: HTMLElement
+
+  /**
+   * The delay in milliseconds before the menu should be updated.
+   * This can be useful to prevent performance issues.
+   * @type {number}
+   * @default 250
+   */
+  updateDelay?: number
+
+  /**
+   * The delay in milliseconds before the menu position should be updated on window resize.
+   * This can be useful to prevent performance issues.
+   * @type {number}
+   * @default 60
+   */
+  resizeDelay?: number
+
+  /**
+   * A function that determines whether the menu should be shown or not.
+   * If this function returns `false`, the menu will be hidden, otherwise it will be shown.
+   */
+  shouldShow?:
+    | ((props: {
+        editor: Editor
+        element: HTMLElement
+        view: EditorView
+        state: EditorState
+        oldState?: EditorState
+        from: number
+        to: number
+      }) => boolean)
+    | null
+
+  /**
+   * The DOM element to append your menu to. Default is the editor's parent element.
+   *
+   * Sometimes the menu needs to be appended to a different DOM context due to accessibility, clipping, or z-index issues.
+   *
+   * @type {HTMLElement}
+   * @default null
+   */
+  appendTo?: HTMLElement | (() => HTMLElement)
+
+  /**
+   * A function that returns the virtual element for the menu.
+   * This is useful when the menu needs to be positioned relative to a specific DOM element.
+   * @type {() => VirtualElement | null}
+   * @default Position based on the selection.
+   */
+  getReferencedVirtualElement?: () => VirtualElement | null
+
+  /**
+   * The options for the bubble menu. Those are passed to Floating UI and include options for the placement, offset, flip, shift, arrow, size, autoPlacement,
+   * hide, and inline middlewares.
+   * @default {}
+   * @see https://floating-ui.com/docs/computePosition#options
+   */
+  options?: {
+    strategy?: 'absolute' | 'fixed'
+    placement?:
+      | 'top'
+      | 'right'
+      | 'bottom'
+      | 'left'
+      | 'top-start'
+      | 'top-end'
+      | 'right-start'
+      | 'right-end'
+      | 'bottom-start'
+      | 'bottom-end'
+      | 'left-start'
+      | 'left-end'
+    offset?: Parameters<typeof offset>[0] | boolean
+    flip?: Parameters<typeof flip>[0] | boolean
+    shift?: Parameters<typeof shift>[0] | boolean
+    arrow?: Parameters<typeof arrow>[0] | false
+    size?: Parameters<typeof size>[0] | boolean
+    autoPlacement?: Parameters<typeof autoPlacement>[0] | boolean
+    hide?: Parameters<typeof hide>[0] | boolean
+    inline?: Parameters<typeof inline>[0] | boolean
+
+    onShow?: () => void
+    onHide?: () => void
+    onUpdate?: () => void
+    onDestroy?: () => void
+
+    /**
+     * The scrollable element that should be listened to when updating the position of the bubble menu.
+     * If not provided, the window will be used.
+     * @type {HTMLElement | Window}
+     */
+    scrollTarget?: HTMLElement | Window
+  }
+}
+
+export type BubbleMenuViewProps = BubbleMenuPluginProps & {
+  view: EditorView
+}
+
+export class BubbleMenuView implements PluginView {
+  public editor: Editor
+
+  public element: HTMLElement
+
+  public view: EditorView
+
+  public preventHide = false
+
+  public pluginKey: PluginKey | string
+
+  public updateDelay: number
+
+  public resizeDelay: number
+
+  public appendTo: HTMLElement | (() => HTMLElement) | undefined
+
+  public getReferencedVirtualElement: (() => VirtualElement | null) | undefined
+
+  private updateDebounceTimer: number | undefined
+
+  private resizeDebounceTimer: number | undefined
+
+  private isVisible = false
+
+  private scrollTarget: HTMLElement | Window = window
+
+  private floatingUIOptions: NonNullable<BubbleMenuPluginProps['options']> = {
+    strategy: 'absolute',
+    placement: 'top',
+    offset: 8,
+    flip: {},
+    shift: {},
+    arrow: false,
+    size: false,
+    autoPlacement: false,
+    hide: false,
+    inline: false,
+    onShow: undefined,
+    onHide: undefined,
+    onUpdate: undefined,
+    onDestroy: undefined,
+  }
+
+  public shouldShow: Exclude<BubbleMenuPluginProps['shouldShow'], null> = ({
+    view,
+    state,
+    from,
+    to,
+  }) => {
+    const { doc, selection } = state
+    const { empty } = selection
+
+    // Sometime check for `empty` is not enough.
+    // Doubleclick an empty paragraph returns a node size of 2.
+    // So we check also for an empty text size.
+    const isEmptyTextBlock = !doc.textBetween(from, to).length && isTextSelection(state.selection)
+
+    // When clicking on a element inside the bubble menu the editor "blur" event
+    // is called and the bubble menu item is focussed. In this case we should
+    // consider the menu as part of the editor and keep showing the menu
+    const isChildOfMenu = this.element.contains(document.activeElement)
+
+    const hasEditorFocus = view.hasFocus() || isChildOfMenu
+
+    if (!hasEditorFocus || empty || isEmptyTextBlock || !this.editor.isEditable) {
+      return false
+    }
+
+    return true
+  }
+
+  get middlewares() {
+    const middlewares: Middleware[] = []
+
+    if (this.floatingUIOptions.flip) {
+      middlewares.push(
+        flip(
+          typeof this.floatingUIOptions.flip !== 'boolean'
+            ? this.floatingUIOptions.flip
+            : undefined,
+        ),
+      )
+    }
+
+    if (this.floatingUIOptions.shift) {
+      middlewares.push(
+        shift(
+          typeof this.floatingUIOptions.shift !== 'boolean'
+            ? this.floatingUIOptions.shift
+            : undefined,
+        ),
+      )
+    }
+
+    if (this.floatingUIOptions.offset) {
+      middlewares.push(
+        offset(
+          typeof this.floatingUIOptions.offset !== 'boolean'
+            ? this.floatingUIOptions.offset
+            : undefined,
+        ),
+      )
+    }
+
+    if (this.floatingUIOptions.arrow) {
+      middlewares.push(arrow(this.floatingUIOptions.arrow))
+    }
+
+    if (this.floatingUIOptions.size) {
+      middlewares.push(
+        size(
+          typeof this.floatingUIOptions.size !== 'boolean'
+            ? this.floatingUIOptions.size
+            : undefined,
+        ),
+      )
+    }
+
+    if (this.floatingUIOptions.autoPlacement) {
+      middlewares.push(
+        autoPlacement(
+          typeof this.floatingUIOptions.autoPlacement !== 'boolean'
+            ? this.floatingUIOptions.autoPlacement
+            : undefined,
+        ),
+      )
+    }
+
+    if (this.floatingUIOptions.hide) {
+      middlewares.push(
+        hide(
+          typeof this.floatingUIOptions.hide !== 'boolean'
+            ? this.floatingUIOptions.hide
+            : undefined,
+        ),
+      )
+    }
+
+    if (this.floatingUIOptions.inline) {
+      middlewares.push(
+        inline(
+          typeof this.floatingUIOptions.inline !== 'boolean'
+            ? this.floatingUIOptions.inline
+            : undefined,
+        ),
+      )
+    }
+
+    return middlewares
+  }
+
+  private get virtualElement(): VirtualElement | undefined {
+    const { selection } = this.editor.state
+
+    const referencedVirtualElement = this.getReferencedVirtualElement?.()
+    if (referencedVirtualElement) {
+      return referencedVirtualElement
+    }
+
+    if (!this.view?.dom?.parentNode) {
+      return
+    }
+
+    const domRect = posToDOMRect(this.view, selection.from, selection.to)
+    let virtualElement = {
+      getBoundingClientRect: () => domRect,
+      getClientRects: () => [domRect],
+    }
+
+    if (selection instanceof NodeSelection) {
+      let node = this.view.nodeDOM(selection.from) as HTMLElement
+
+      const nodeViewWrapper = node.dataset.nodeViewWrapper
+        ? node
+        : node.querySelector('[data-node-view-wrapper]')
+
+      if (nodeViewWrapper) {
+        node = nodeViewWrapper as HTMLElement
+      }
+
+      if (node) {
+        virtualElement = {
+          getBoundingClientRect: () => node.getBoundingClientRect(),
+          getClientRects: () => [node.getBoundingClientRect()],
+        }
+      }
+    }
+
+    // this is a special case for cell selections
+    if (selection instanceof CellSelection) {
+      const { $anchorCell, $headCell } = selection
+
+      const from = $anchorCell ? $anchorCell.pos : $headCell!.pos
+      const to = $headCell ? $headCell.pos : $anchorCell!.pos
+
+      const fromDOM = this.view.nodeDOM(from)
+      const toDOM = this.view.nodeDOM(to)
+
+      if (!fromDOM || !toDOM) {
+        return
+      }
+
+      const clientRect =
+        fromDOM === toDOM
+          ? (fromDOM as HTMLElement).getBoundingClientRect()
+          : combineDOMRects(
+              (fromDOM as HTMLElement).getBoundingClientRect(),
+              (toDOM as HTMLElement).getBoundingClientRect(),
+            )
+
+      virtualElement = {
+        getBoundingClientRect: () => clientRect,
+        getClientRects: () => [clientRect],
+      }
+    }
+
+    return virtualElement
+  }
+
+  constructor({
+    editor,
+    element,
+    view,
+    pluginKey = 'bubbleMenu',
+    updateDelay = 250,
+    resizeDelay = 60,
+    shouldShow,
+    appendTo,
+    getReferencedVirtualElement,
+    options,
+  }: BubbleMenuViewProps) {
+    this.editor = editor
+    this.element = element
+    this.view = view
+    this.pluginKey = pluginKey
+    this.updateDelay = updateDelay
+    this.resizeDelay = resizeDelay
+    this.appendTo = appendTo
+    this.scrollTarget = options?.scrollTarget ?? window
+    this.getReferencedVirtualElement = getReferencedVirtualElement
+
+    this.floatingUIOptions = {
+      ...this.floatingUIOptions,
+      ...options,
+    }
+
+    this.element.tabIndex = 0
+
+    if (shouldShow) {
+      this.shouldShow = shouldShow
+    }
+
+    this.element.addEventListener('mousedown', this.mousedownHandler, { capture: true })
+    this.view.dom.addEventListener('dragstart', this.dragstartHandler)
+    this.editor.on('focus', this.focusHandler)
+    this.editor.on('blur', this.blurHandler)
+    this.editor.on('transaction', this.transactionHandler)
+    window.addEventListener('resize', this.resizeHandler)
+    this.scrollTarget.addEventListener('scroll', this.resizeHandler)
+
+    this.update(view, view.state)
+
+    if (this.getShouldShow()) {
+      this.show()
+      this.updatePosition()
+    }
+  }
+
+  mousedownHandler = () => {
+    this.preventHide = true
+  }
+
+  dragstartHandler = () => {
+    this.hide()
+  }
+
+  /**
+   * Handles the window resize event to update the position of the bubble menu.
+   * It uses a debounce mechanism to prevent excessive updates.
+   * The delay is defined by the `resizeDelay` property.
+   */
+  resizeHandler = () => {
+    if (this.resizeDebounceTimer) {
+      clearTimeout(this.resizeDebounceTimer)
+    }
+
+    this.resizeDebounceTimer = window.setTimeout(() => {
+      this.updatePosition()
+    }, this.resizeDelay)
+  }
+
+  focusHandler = () => {
+    // we use `setTimeout` to make sure `selection` is already updated
+    setTimeout(() => this.update(this.editor.view))
+  }
+
+  blurHandler = ({ event }: { event: FocusEvent }) => {
+    if (this.editor.isDestroyed) {
+      this.destroy()
+      return
+    }
+
+    if (this.preventHide) {
+      this.preventHide = false
+
+      return
+    }
+
+    if (event?.relatedTarget && this.element.parentNode?.contains(event.relatedTarget as Node)) {
+      return
+    }
+
+    if (event?.relatedTarget === this.editor.view.dom) {
+      return
+    }
+
+    this.hide()
+  }
+
+  updatePosition() {
+    if (!this.isVisible) {
+      return
+    }
+
+    const virtualElement = this.virtualElement
+
+    if (!virtualElement) {
+      return
+    }
+
+    computePosition(virtualElement, this.element, {
+      placement: this.floatingUIOptions.placement,
+      strategy: this.floatingUIOptions.strategy,
+      middleware: this.middlewares,
+    }).then(({ x, y, strategy, middlewareData }) => {
+      if (!this.isVisible || this.editor.isDestroyed || !this.element.isConnected) {
+        return
+      }
+
+      // Handle hide middleware - hide element if reference is hidden or element has escaped
+      if (middlewareData.hide?.referenceHidden || middlewareData.hide?.escaped) {
+        this.element.style.visibility = 'hidden'
+        return
+      }
+
+      this.element.style.visibility = 'visible'
+      this.element.style.width = 'max-content'
+      this.element.style.position = strategy
+      this.element.style.left = `${x}px`
+      this.element.style.top = `${y}px`
+
+      if (this.isVisible && this.floatingUIOptions.onUpdate) {
+        this.floatingUIOptions.onUpdate()
+      }
+    })
+  }
+
+  update(view: EditorView, oldState?: EditorState) {
+    const { state } = view
+    const hasValidSelection = state.selection.from !== state.selection.to
+
+    if (this.updateDelay > 0 && hasValidSelection) {
+      this.handleDebouncedUpdate(view, oldState)
+      return
+    }
+
+    const selectionChanged = !oldState?.selection.eq(view.state.selection)
+    const docChanged = !oldState?.doc.eq(view.state.doc)
+
+    this.updateHandler(view, selectionChanged, docChanged, oldState)
+  }
+
+  handleDebouncedUpdate = (view: EditorView, oldState?: EditorState) => {
+    const selectionChanged = !oldState?.selection.eq(view.state.selection)
+    const docChanged = !oldState?.doc.eq(view.state.doc)
+
+    if (!selectionChanged && !docChanged) {
+      return
+    }
+
+    if (this.updateDebounceTimer) {
+      clearTimeout(this.updateDebounceTimer)
+    }
+
+    this.updateDebounceTimer = window.setTimeout(() => {
+      this.updateHandler(view, selectionChanged, docChanged, oldState)
+    }, this.updateDelay)
+  }
+
+  getShouldShow(oldState?: EditorState) {
+    const { state } = this.view
+    const { selection } = state
+
+    // support for CellSelections
+    const { ranges } = selection
+    const from = Math.min(...ranges.map(range => range.$from.pos))
+    const to = Math.max(...ranges.map(range => range.$to.pos))
+
+    const shouldShow = this.shouldShow?.({
+      editor: this.editor,
+      element: this.element,
+      view: this.view,
+      state,
+      oldState,
+      from,
+      to,
+    })
+
+    return shouldShow || false
+  }
+
+  updateHandler = (
+    view: EditorView,
+    selectionChanged: boolean,
+    docChanged: boolean,
+    oldState?: EditorState,
+  ) => {
+    const { composing } = view
+
+    const isSame = !selectionChanged && !docChanged
+
+    if (composing || isSame) {
+      return
+    }
+
+    const shouldShow = this.getShouldShow(oldState)
+
+    if (!shouldShow) {
+      this.hide()
+
+      return
+    }
+
+    this.show()
+    this.updatePosition()
+  }
+
+  show() {
+    if (this.isVisible) {
+      return
+    }
+
+    this.element.style.visibility = 'visible'
+    this.element.style.opacity = '1'
+
+    // attach to appendTo or editor's parent element
+    const appendToElement = typeof this.appendTo === 'function' ? this.appendTo() : this.appendTo
+    ;(appendToElement ?? this.view.dom.parentElement)?.appendChild(this.element)
+
+    if (this.floatingUIOptions.onShow) {
+      this.floatingUIOptions.onShow()
+    }
+
+    this.isVisible = true
+  }
+
+  hide() {
+    if (!this.isVisible) {
+      return
+    }
+
+    this.element.style.visibility = 'hidden'
+    this.element.style.opacity = '0'
+    // remove from the parent element
+    this.element.remove()
+
+    if (this.floatingUIOptions.onHide) {
+      this.floatingUIOptions.onHide()
+    }
+
+    this.isVisible = false
+  }
+
+  /**
+   * Handles the transaction event to update the position of the bubble menu.
+   * This allows external code to trigger a position update via:
+   * `editor.view.dispatch(editor.state.tr.setMeta(pluginKey, 'updatePosition'))`
+   * The `pluginKey` defaults to `bubbleMenu`
+   */
+  transactionHandler = ({ transaction: tr }: { transaction: Transaction }) => {
+    const meta = tr.getMeta(this.pluginKey)
+    if (meta === 'updatePosition') {
+      this.updatePosition()
+    } else if (meta && typeof meta === 'object' && meta.type === 'updateOptions') {
+      this.updateOptions(meta.options)
+    } else if (meta === 'hide') {
+      this.hide()
+    } else if (meta === 'show') {
+      this.updatePosition()
+      this.show()
+    }
+  }
+
+  updateOptions(
+    newProps: Partial<Omit<BubbleMenuPluginProps, 'editor' | 'element' | 'pluginKey'>>,
+  ) {
+    if (newProps.updateDelay !== undefined) {
+      this.updateDelay = newProps.updateDelay
+    }
+
+    if (newProps.resizeDelay !== undefined) {
+      this.resizeDelay = newProps.resizeDelay
+    }
+
+    if (newProps.appendTo !== undefined) {
+      this.appendTo = newProps.appendTo
+    }
+
+    if (newProps.getReferencedVirtualElement !== undefined) {
+      this.getReferencedVirtualElement = newProps.getReferencedVirtualElement
+    }
+
+    if (newProps.shouldShow !== undefined) {
+      if (newProps.shouldShow) {
+        this.shouldShow = newProps.shouldShow
+      }
+    }
+
+    if (newProps.options !== undefined) {
+      // Handle scrollTarget change - need to remove old listener and add new one
+      // Use nullish coalescing to default to window when scrollTarget is undefined/null
+      const newScrollTarget = newProps.options.scrollTarget ?? window
+
+      if (newScrollTarget !== this.scrollTarget) {
+        this.scrollTarget.removeEventListener('scroll', this.resizeHandler)
+        this.scrollTarget = newScrollTarget
+        this.scrollTarget.addEventListener('scroll', this.resizeHandler)
+      }
+
+      this.floatingUIOptions = {
+        ...this.floatingUIOptions,
+        ...newProps.options,
+      }
+    }
+  }
+
+  destroy() {
+    this.hide()
+    this.element.removeEventListener('mousedown', this.mousedownHandler, { capture: true })
+    this.view.dom.removeEventListener('dragstart', this.dragstartHandler)
+    window.removeEventListener('resize', this.resizeHandler)
+    this.scrollTarget.removeEventListener('scroll', this.resizeHandler)
+    this.editor.off('focus', this.focusHandler)
+    this.editor.off('blur', this.blurHandler)
+    this.editor.off('transaction', this.transactionHandler)
+
+    if (this.floatingUIOptions.onDestroy) {
+      this.floatingUIOptions.onDestroy()
+    }
+  }
+}
+
+export const BubbleMenuPlugin = (options: BubbleMenuPluginProps) => {
+  return new Plugin({
+    key:
+      typeof options.pluginKey === 'string' ? new PluginKey(options.pluginKey) : options.pluginKey,
+    view: view => new BubbleMenuView({ view, ...options }),
+  })
+}
diff --git a/packages/extension-bubble-menu/src/bubble-menu.ts b/packages/extension-bubble-menu/src/bubble-menu.ts
new file mode 100644
index 0000000..9146273
--- /dev/null
+++ b/packages/extension-bubble-menu/src/bubble-menu.ts
@@ -0,0 +1,50 @@
+import { Extension } from '@tiptap/core'
+
+import type { BubbleMenuPluginProps } from './bubble-menu-plugin.js'
+import { BubbleMenuPlugin } from './bubble-menu-plugin.js'
+
+export type BubbleMenuOptions = Omit<BubbleMenuPluginProps, 'editor' | 'element'> & {
+  /**
+   * The DOM element that contains your menu.
+   * @type {HTMLElement}
+   * @default null
+   */
+  element: HTMLElement | null
+}
+
+/**
+ * This extension allows you to create a bubble menu.
+ * @see https://tiptap.dev/api/extensions/bubble-menu
+ */
+export const BubbleMenu = Extension.create<BubbleMenuOptions>({
+  name: 'bubbleMenu',
+
+  addOptions() {
+    return {
+      element: null,
+      pluginKey: 'bubbleMenu',
+      updateDelay: undefined,
+      appendTo: undefined,
+      shouldShow: null,
+    }
+  },
+
+  addProseMirrorPlugins() {
+    if (!this.options.element) {
+      return []
+    }
+
+    return [
+      BubbleMenuPlugin({
+        pluginKey: this.options.pluginKey,
+        editor: this.editor,
+        element: this.options.element,
+        updateDelay: this.options.updateDelay,
+        options: this.options.options,
+        appendTo: this.options.appendTo,
+        getReferencedVirtualElement: this.options.getReferencedVirtualElement,
+        shouldShow: this.options.shouldShow,
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-bubble-menu/src/index.ts b/packages/extension-bubble-menu/src/index.ts
new file mode 100644
index 0000000..ab3636d
--- /dev/null
+++ b/packages/extension-bubble-menu/src/index.ts
@@ -0,0 +1,6 @@
+import { BubbleMenu } from './bubble-menu.js'
+
+export * from './bubble-menu.js'
+export * from './bubble-menu-plugin.js'
+
+export default BubbleMenu
diff --git a/packages/extension-bubble-menu/vite.config.ts b/packages/extension-bubble-menu/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-bubble-menu/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-bullet-list/CHANGELOG.md b/packages/extension-bullet-list/CHANGELOG.md
new file mode 100644
index 0000000..35f4c2d
--- /dev/null
+++ b/packages/extension-bullet-list/CHANGELOG.md
@@ -0,0 +1,2009 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [c296281]
+- Updated dependencies [ceb0dac]
+  - @tiptap/extension-list@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- Updated dependencies [c1254c1]
+  - @tiptap/extension-list@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- Updated dependencies [c28d888]
+  - @tiptap/extension-list@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [b4600b6]
+- Updated dependencies [1f3ca7a]
+  - @tiptap/extension-list@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [f586b6f]
+  - @tiptap/extension-list@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- Updated dependencies [a16901d]
+  - @tiptap/extension-list@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+  - @tiptap/extension-list@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [8dc5694]
+- Updated dependencies [45237e7]
+  - @tiptap/extension-list@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+  - @tiptap/extension-list@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [5ca9902]
+  - @tiptap/extension-list@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/extension-list@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [5d267cb]
+  - @tiptap/extension-list@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- Updated dependencies [c1caa7c]
+  - @tiptap/extension-list@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- Updated dependencies [22fcc31]
+  - @tiptap/extension-list@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 2c911d2: This adds all of the list packages to the `@tiptap/extension-list` package.
+
+  ## ListKit
+
+  The `ListKit` export allows configuring all list extensions with one extension, and is the recommended way of using the list extensions.
+
+  ```ts
+  import { ListKit } from "@tiptap/extension-list";
+
+  new Editor({
+    extensions: [
+      ListKit.configure({
+        bulletList: {
+          HTMLAttributes: "bullet-list",
+        },
+        orderedList: {
+          HTMLAttributes: "ordered-list",
+        },
+        listItem: {
+          HTMLAttributes: "list-item",
+        },
+        taskList: {
+          HTMLAttributes: "task-list",
+        },
+        taskItem: {
+          HTMLAttributes: "task-item",
+        },
+        listKeymap: {},
+      }),
+    ],
+  });
+  ```
+
+  ## List repackaging
+
+  Since we've moved the code out of the list extensions to the `@tiptap/extension-list` package, you can remove the following packages from your project:
+
+  ```bash
+  npm uninstall @tiptap/extension-ordered-list @tiptap/extension-bullet-list @tiptap/extension-list-keymap @tiptap/extension-list-item @tiptap/extension-task-list
+  ```
+
+  And replace them with the new `@tiptap/extension-list` package:
+
+  ```bash
+  npm install @tiptap/extension-list
+  ```
+
+  ## Want to use the extensions separately?
+
+  For more control, you can also use the extensions separately.
+
+  ### BulletList
+
+  This extension adds a bullet list to the editor.
+
+  Migrate from `@tiptap/extension-bullet-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import BulletList from '@tiptap/extension-bullet-list'
+  + import { BulletList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { BulletList } from "@tiptap/extension-list";
+  ```
+
+  ### OrderedList
+
+  This extension adds an ordered list to the editor.
+
+  Migrate from `@tiptap/extension-ordered-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import OrderedList from '@tiptap/extension-ordered-list'
+  + import { OrderedList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { OrderedList } from "@tiptap/extension-list";
+  ```
+
+  ### ListItem
+
+  This extension adds a list item to the editor.
+
+  Migrate from `@tiptap/extension-list-item` to `@tiptap/extension-list`:
+
+  ```diff
+  - import ListItem from '@tiptap/extension-list-item'
+  + import { ListItem } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { ListItem } from "@tiptap/extension-list";
+  ```
+
+  ### TaskList
+
+  This extension adds a task list to the editor.
+
+  Migrate from `@tiptap/extension-task-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import TaskList from '@tiptap/extension-task-list'
+  + import { TaskList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TaskList } from "@tiptap/extension-list";
+  ```
+
+  ### TaskItem
+
+  This extension adds a task item to the editor.
+
+  Migrate from `@tiptap/extension-task-item` to `@tiptap/extension-list`:
+
+  ```diff
+  - import TaskItem from '@tiptap/extension-task-item'
+  + import { TaskItem } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TaskItem } from "@tiptap/extension-list";
+  ```
+
+  ### ListKeymap
+
+  This extension adds better default keybindings for lists to the editor.
+
+  Migrate from `@tiptap/extension-list-keymap` to `@tiptap/extension-list`:
+
+  ```diff
+  - import ListKeymap from '@tiptap/extension-list-keymap'
+  + import { ListKeymap } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { ListKeymap } from "@tiptap/extension-list";
+  ```
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [8c69002]
+- Updated dependencies [1d4d928]
+  - @tiptap/extension-list@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- Updated dependencies [1d4d928]
+  - @tiptap/extension-list@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/extension-list@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/extension-list@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 2c911d2: This adds all of the list packages to the `@tiptap/extension-list` package.
+
+  ## ListKit
+
+  The `ListKit` export allows configuring all list extensions with one extension, and is the recommended way of using the list extensions.
+
+  ```ts
+  import { ListKit } from "@tiptap/extension-list";
+
+  new Editor({
+    extensions: [
+      ListKit.configure({
+        bulletList: {
+          HTMLAttributes: "bullet-list",
+        },
+        orderedList: {
+          HTMLAttributes: "ordered-list",
+        },
+        listItem: {
+          HTMLAttributes: "list-item",
+        },
+        taskList: {
+          HTMLAttributes: "task-list",
+        },
+        taskItem: {
+          HTMLAttributes: "task-item",
+        },
+        listKeymap: {},
+      }),
+    ],
+  });
+  ```
+
+  ## List repackaging
+
+  Since we've moved the code out of the list extensions to the `@tiptap/extension-list` package, you can remove the following packages from your project:
+
+  ```bash
+  npm uninstall @tiptap/extension-ordered-list @tiptap/extension-bullet-list @tiptap/extension-list-keymap @tiptap/extension-list-item @tiptap/extension-task-list
+  ```
+
+  And replace them with the new `@tiptap/extension-list` package:
+
+  ```bash
+  npm install @tiptap/extension-list
+  ```
+
+  ## Want to use the extensions separately?
+
+  For more control, you can also use the extensions separately.
+
+  ### BulletList
+
+  This extension adds a bullet list to the editor.
+
+  Migrate from `@tiptap/extension-bullet-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import BulletList from '@tiptap/extension-bullet-list'
+  + import { BulletList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { BulletList } from "@tiptap/extension-list";
+  ```
+
+  ### OrderedList
+
+  This extension adds an ordered list to the editor.
+
+  Migrate from `@tiptap/extension-ordered-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import OrderedList from '@tiptap/extension-ordered-list'
+  + import { OrderedList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { OrderedList } from "@tiptap/extension-list";
+  ```
+
+  ### ListItem
+
+  This extension adds a list item to the editor.
+
+  Migrate from `@tiptap/extension-list-item` to `@tiptap/extension-list`:
+
+  ```diff
+  - import ListItem from '@tiptap/extension-list-item'
+  + import { ListItem } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { ListItem } from "@tiptap/extension-list";
+  ```
+
+  ### TaskList
+
+  This extension adds a task list to the editor.
+
+  Migrate from `@tiptap/extension-task-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import TaskList from '@tiptap/extension-task-list'
+  + import { TaskList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TaskList } from "@tiptap/extension-list";
+  ```
+
+  ### TaskItem
+
+  This extension adds a task item to the editor.
+
+  Migrate from `@tiptap/extension-task-item` to `@tiptap/extension-list`:
+
+  ```diff
+  - import TaskItem from '@tiptap/extension-task-item'
+  + import { TaskItem } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TaskItem } from "@tiptap/extension-list";
+  ```
+
+  ### ListKeymap
+
+  This extension adds better default keybindings for lists to the editor.
+
+  Migrate from `@tiptap/extension-list-keymap` to `@tiptap/extension-list`:
+
+  ```diff
+  - import ListKeymap from '@tiptap/extension-list-keymap'
+  + import { ListKeymap } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { ListKeymap } from "@tiptap/extension-list";
+  ```
+
+## 3.0.0-next.5
+
+### Major Changes
+
+- 2c911d2: This adds all of the list packages to the `@tiptap/extension-list` package.
+
+  ## ListKit
+
+  The `ListKit` export allows configuring all list extensions with one extension, and is the recommended way of using the list extensions.
+
+  ```ts
+  import { ListKit } from "@tiptap/extension-list";
+
+  new Editor({
+    extensions: [
+      ListKit.configure({
+        bulletList: {
+          HTMLAttributes: "bullet-list",
+        },
+        orderedList: {
+          HTMLAttributes: "ordered-list",
+        },
+        listItem: {
+          HTMLAttributes: "list-item",
+        },
+        taskList: {
+          HTMLAttributes: "task-list",
+        },
+        taskItem: {
+          HTMLAttributes: "task-item",
+        },
+        listKeymap: {},
+      }),
+    ],
+  });
+  ```
+
+  ## List repackaging
+
+  Since we've moved the code out of the list extensions to the `@tiptap/extension-list` package, you can remove the following packages from your project:
+
+  ```bash
+  npm uninstall @tiptap/extension-ordered-list @tiptap/extension-bullet-list @tiptap/extension-list-keymap @tiptap/extension-list-item @tiptap/extension-task-list
+  ```
+
+  And replace them with the new `@tiptap/extension-list` package:
+
+  ```bash
+  npm install @tiptap/extension-list
+  ```
+
+  ## Want to use the extensions separately?
+
+  For more control, you can also use the extensions separately.
+
+  ### BulletList
+
+  This extension adds a bullet list to the editor.
+
+  Migrate from `@tiptap/extension-bullet-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import BulletList from '@tiptap/extension-bullet-list'
+  + import { BulletList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { BulletList } from "@tiptap/extension-list";
+  ```
+
+  ### OrderedList
+
+  This extension adds an ordered list to the editor.
+
+  Migrate from `@tiptap/extension-ordered-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import OrderedList from '@tiptap/extension-ordered-list'
+  + import { OrderedList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { OrderedList } from "@tiptap/extension-list";
+  ```
+
+  ### ListItem
+
+  This extension adds a list item to the editor.
+
+  Migrate from `@tiptap/extension-list-item` to `@tiptap/extension-list`:
+
+  ```diff
+  - import ListItem from '@tiptap/extension-list-item'
+  + import { ListItem } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { ListItem } from "@tiptap/extension-list";
+  ```
+
+  ### TaskList
+
+  This extension adds a task list to the editor.
+
+  Migrate from `@tiptap/extension-task-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import TaskList from '@tiptap/extension-task-list'
+  + import { TaskList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TaskList } from "@tiptap/extension-list";
+  ```
+
+  ### TaskItem
+
+  This extension adds a task item to the editor.
+
+  Migrate from `@tiptap/extension-task-item` to `@tiptap/extension-list`:
+
+  ```diff
+  - import TaskItem from '@tiptap/extension-task-item'
+  + import { TaskItem } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TaskItem } from "@tiptap/extension-list";
+  ```
+
+  ### ListKeymap
+
+  This extension adds better default keybindings for lists to the editor.
+
+  Migrate from `@tiptap/extension-list-keymap` to `@tiptap/extension-list`:
+
+  ```diff
+  - import ListKeymap from '@tiptap/extension-list-keymap'
+  + import { ListKeymap } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { ListKeymap } from "@tiptap/extension-list";
+  ```
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+### Features
+
+- [#3540](https://github.com/ueberdosis/tiptap/issues/3540) Ability to preserve marks on lists ([#3541](https://github.com/ueberdosis/tiptap/issues/3541)) ([36bb1e1](https://github.com/ueberdosis/tiptap/commit/36bb1e1041f91da6437272e7196702df868eae0f))
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.27...@tiptap/extension-bullet-list@2.0.0-beta.29) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.27...@tiptap/extension-bullet-list@2.0.0-beta.27) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.25...@tiptap/extension-bullet-list@2.0.0-beta.26) (2021-12-22)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.24...@tiptap/extension-bullet-list@2.0.0-beta.25) (2021-12-10)
+
+### Features
+
+- add itemTypeName option ([3d7c8e6](https://github.com/ueberdosis/tiptap/commit/3d7c8e642f31b1fa813e84dddc3968504477d536))
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.23...@tiptap/extension-bullet-list@2.0.0-beta.24) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.22...@tiptap/extension-bullet-list@2.0.0-beta.23) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.21...@tiptap/extension-bullet-list@2.0.0-beta.22) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.20...@tiptap/extension-bullet-list@2.0.0-beta.21) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.19...@tiptap/extension-bullet-list@2.0.0-beta.20) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.18...@tiptap/extension-bullet-list@2.0.0-beta.19) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.17...@tiptap/extension-bullet-list@2.0.0-beta.18) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.16...@tiptap/extension-bullet-list@2.0.0-beta.17) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.15...@tiptap/extension-bullet-list@2.0.0-beta.16) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.14...@tiptap/extension-bullet-list@2.0.0-beta.15) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.13...@tiptap/extension-bullet-list@2.0.0-beta.14) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.12...@tiptap/extension-bullet-list@2.0.0-beta.13) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.11...@tiptap/extension-bullet-list@2.0.0-beta.12) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.10...@tiptap/extension-bullet-list@2.0.0-beta.11) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.9...@tiptap/extension-bullet-list@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.8...@tiptap/extension-bullet-list@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.7...@tiptap/extension-bullet-list@2.0.0-beta.8) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.6...@tiptap/extension-bullet-list@2.0.0-beta.7) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.5...@tiptap/extension-bullet-list@2.0.0-beta.6) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.4...@tiptap/extension-bullet-list@2.0.0-beta.5) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.3...@tiptap/extension-bullet-list@2.0.0-beta.4) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.2...@tiptap/extension-bullet-list@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-beta.1...@tiptap/extension-bullet-list@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-alpha.11...@tiptap/extension-bullet-list@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-alpha.10...@tiptap/extension-bullet-list@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-alpha.9...@tiptap/extension-bullet-list@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-alpha.8...@tiptap/extension-bullet-list@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-alpha.7...@tiptap/extension-bullet-list@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-alpha.6...@tiptap/extension-bullet-list@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-alpha.5...@tiptap/extension-bullet-list@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-alpha.4...@tiptap/extension-bullet-list@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-alpha.3...@tiptap/extension-bullet-list@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-alpha.2...@tiptap/extension-bullet-list@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@2.0.0-alpha.1...@tiptap/extension-bullet-list@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@1.0.0-alpha.2...@tiptap/extension-bullet-list@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-bullet-list@1.0.0-alpha.1...@tiptap/extension-bullet-list@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-bullet-list
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-bullet-list/README.md b/packages/extension-bullet-list/README.md
new file mode 100644
index 0000000..a5e845f
--- /dev/null
+++ b/packages/extension-bullet-list/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-bullet-list
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-bullet-list.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-bullet-list)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-bullet-list.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-bullet-list.svg)](https://www.npmjs.com/package/@tiptap/extension-bullet-list)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-bullet-list/package.json b/packages/extension-bullet-list/package.json
new file mode 100644
index 0000000..d66a13c
--- /dev/null
+++ b/packages/extension-bullet-list/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-bullet-list",
+  "version": "3.30.3",
+  "description": "bullet list extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-bullet-list"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/extension-list": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/extension-list": "workspace:*"
+  }
+}
diff --git a/packages/extension-bullet-list/src/index.ts b/packages/extension-bullet-list/src/index.ts
new file mode 100644
index 0000000..78a1aa3
--- /dev/null
+++ b/packages/extension-bullet-list/src/index.ts
@@ -0,0 +1,6 @@
+import { BulletList } from '@tiptap/extension-list'
+
+export type { BulletListOptions } from '@tiptap/extension-list'
+export { BulletList } from '@tiptap/extension-list'
+
+export default BulletList
diff --git a/packages/extension-bullet-list/vite.config.ts b/packages/extension-bullet-list/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-bullet-list/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-code-block-lowlight/CHANGELOG.md b/packages/extension-code-block-lowlight/CHANGELOG.md
new file mode 100644
index 0000000..4d51aef
--- /dev/null
+++ b/packages/extension-code-block-lowlight/CHANGELOG.md
@@ -0,0 +1,2143 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/extension-code-block@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/extension-code-block@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/extension-code-block@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+  - @tiptap/extension-code-block@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/extension-code-block@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/extension-code-block@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [48f25af]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+  - @tiptap/extension-code-block@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/extension-code-block@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/extension-code-block@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/extension-code-block@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+  - @tiptap/extension-code-block@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/extension-code-block@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/extension-code-block@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/extension-code-block@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/extension-code-block@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+  - @tiptap/extension-code-block@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+  - @tiptap/extension-code-block@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/extension-code-block@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/extension-code-block@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/extension-code-block@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/extension-code-block@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/extension-code-block@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/extension-code-block@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/extension-code-block@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/extension-code-block@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/extension-code-block@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/extension-code-block@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/extension-code-block@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/extension-code-block@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/extension-code-block@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/extension-code-block@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/extension-code-block@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/extension-code-block@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/extension-code-block@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/extension-code-block@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/extension-code-block@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [f68388b]
+- Updated dependencies [25f57e4]
+  - @tiptap/extension-code-block@3.20.1
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- 4a9ebf1: Fixed a runtime error when initializing `CodeBlockLowlight` by switching the `CodeBlock` import to a named export. This prevents `extend is not a function` errors caused by ESM/CJS interop issues.
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/extension-code-block@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/extension-code-block@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/extension-code-block@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/extension-code-block@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/extension-code-block@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/extension-code-block@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/extension-code-block@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/extension-code-block@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/extension-code-block@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/extension-code-block@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/extension-code-block@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/extension-code-block@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/extension-code-block@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/extension-code-block@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/extension-code-block@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/extension-code-block@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/extension-code-block@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/extension-code-block@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/extension-code-block@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/extension-code-block@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/extension-code-block@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/extension-code-block@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/extension-code-block@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/extension-code-block@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/extension-code-block@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/extension-code-block@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/extension-code-block@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/extension-code-block@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/extension-code-block@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/extension-code-block@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/extension-code-block@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/extension-code-block@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/extension-code-block@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/extension-code-block@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/extension-code-block@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [9562838]
+- Updated dependencies [67f7b4a]
+  - @tiptap/extension-code-block@3.6.3
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/extension-code-block@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/extension-code-block@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/extension-code-block@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/extension-code-block@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/extension-code-block@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/extension-code-block@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/extension-code-block@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/extension-code-block@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- 13fb996: refactor: replace `map(...).flat()` with `flatMap` for simpler, more efficient array flattening
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/extension-code-block@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/extension-code-block@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/extension-code-block@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/extension-code-block@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/extension-code-block@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- 11c8085: Added indentation support for code blocks via `Tab`. Is deactivated by default.
+
+  **New Extension Options**:
+
+  - `enableTabIndentation: boolean` - controls if tab completion should be enabled
+  - `tabSize: number` - controls how many spaces are inserted for a tab
+
+- Updated dependencies [895c73f]
+- Updated dependencies [11c8085]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/extension-code-block@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/extension-code-block@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/extension-code-block@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/extension-code-block@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/extension-code-block@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/extension-code-block@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/extension-code-block@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/extension-code-block@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/extension-code-block@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/extension-code-block@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/extension-code-block@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/extension-code-block@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/extension-code-block@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/extension-code-block@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/extension-code-block@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/extension-code-block@3.0.1
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/extension-code-block@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/extension-code-block@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/extension-code-block@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/extension-code-block@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/extension-code-block@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/extension-code-block@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/extension-code-block@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/extension-code-block@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/extension-code-block@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/extension-code-block@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/extension-code-block@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/extension-code-block@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/extension-code-block@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/extension-code-block@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/extension-code-block@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/extension-code-block@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/extension-code-block@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/extension-code-block@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/extension-code-block@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/extension-code-block@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/extension-code-block@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/extension-code-block@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/extension-code-block@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/extension-code-block@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/extension-code-block@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/extension-code-block@3.0.0-beta.5
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/extension-code-block@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/extension-code-block@3.0.0-beta.3
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/extension-code-block@3.0.0-next.1
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/extension-code-block@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/extension-code-block@2.5.8
+  - @tiptap/pm@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/extension-code-block@2.5.7
+  - @tiptap/pm@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [4e5b2d8]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+  - @tiptap/extension-code-block@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/extension-code-block@2.5.5
+  - @tiptap/pm@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/extension-code-block@2.5.4
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/extension-code-block@2.5.3
+- @tiptap/pm@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/extension-code-block@2.5.2
+  - @tiptap/pm@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/extension-code-block@2.5.1
+- @tiptap/pm@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/extension-code-block@2.5.0
+  - @tiptap/pm@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/extension-code-block@2.5.0-pre.16
+- @tiptap/pm@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/extension-code-block@2.5.0-pre.15
+- @tiptap/pm@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/extension-code-block@2.5.0-pre.14
+- @tiptap/pm@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/extension-code-block@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/extension-code-block@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/extension-code-block@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/extension-code-block@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/extension-code-block@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/extension-code-block@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/extension-code-block@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+### Features
+
+- Add alias condition to code-block-lowlight ([#3155](https://github.com/ueberdosis/tiptap/issues/3155)) ([b01ccff](https://github.com/ueberdosis/tiptap/commit/b01ccff7b2ed9b8de633ad2122eb7081baaaff18))
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.193](https://github.com/ueberdosis/tiptap/compare/v0.1.2...v2.0.0-beta.193) (2022-09-10)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+- Allow extending code-block-lowlight ([#1917](https://github.com/ueberdosis/tiptap/issues/1917)) ([54be0e5](https://github.com/ueberdosis/tiptap/commit/54be0e570e24c4a7bbb772c8222cfeac2ba1ff38))
+- compatibility with lowlight v2 ([#1939](https://github.com/ueberdosis/tiptap/issues/1939)) ([f79347e](https://github.com/ueberdosis/tiptap/commit/f79347e128be11860ee54109d8d333b436426b45))
+- fix lowlight decorations for vue 3 ([daa5dc0](https://github.com/ueberdosis/tiptap/commit/daa5dc0fb1ec2db6889565fc9c091f3dbdbbda6d))
+- Remove console.log statement ([#2168](https://github.com/ueberdosis/tiptap/issues/2168)) ([6e25e99](https://github.com/ueberdosis/tiptap/commit/6e25e99c7a8699166a63fee1f4b5584ab617c9cd))
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+### Features
+
+- add defaultLanguage option to CodeBlockLowlight extension, fix [#2121](https://github.com/ueberdosis/tiptap/issues/2121) ([0f94bcd](https://github.com/ueberdosis/tiptap/commit/0f94bcd591e98c0a767d0914b87a1efee8b002e0))
+- add parentConfig to extension context for more extendable extensions, fix [#259](https://github.com/ueberdosis/tiptap/issues/259) ([5e1ec5d](https://github.com/ueberdosis/tiptap/commit/5e1ec5d2a66be164f505d631f97861ab9344ba96))
+
+### Reverts
+
+- Revert "bring back 1.20.0" ([59244c5](https://github.com/ueberdosis/tiptap/commit/59244c586d584483ddfafbda7bd4ef62efd2897e))
+- Revert "update package-lock.json" ([e63b987](https://github.com/ueberdosis/tiptap/commit/e63b987bb8bb88f694bc8d48c5a7a31e92d9723e))
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.73](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.72...@tiptap/extension-code-block-lowlight@2.0.0-beta.73) (2022-06-27)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.72](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.71...@tiptap/extension-code-block-lowlight@2.0.0-beta.72) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.71](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.69...@tiptap/extension-code-block-lowlight@2.0.0-beta.71) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.69](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.69...@tiptap/extension-code-block-lowlight@2.0.0-beta.69) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.68](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.67...@tiptap/extension-code-block-lowlight@2.0.0-beta.68) (2022-01-26)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.67](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.66...@tiptap/extension-code-block-lowlight@2.0.0-beta.67) (2022-01-25)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.66](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.65...@tiptap/extension-code-block-lowlight@2.0.0-beta.66) (2022-01-20)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.65](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.64...@tiptap/extension-code-block-lowlight@2.0.0-beta.65) (2022-01-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.64](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.63...@tiptap/extension-code-block-lowlight@2.0.0-beta.64) (2022-01-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.63](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.62...@tiptap/extension-code-block-lowlight@2.0.0-beta.63) (2022-01-04)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.62](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.61...@tiptap/extension-code-block-lowlight@2.0.0-beta.62) (2021-12-22)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.61](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.60...@tiptap/extension-code-block-lowlight@2.0.0-beta.61) (2021-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.60](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.59...@tiptap/extension-code-block-lowlight@2.0.0-beta.60) (2021-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.59](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.58...@tiptap/extension-code-block-lowlight@2.0.0-beta.59) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.58](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.57...@tiptap/extension-code-block-lowlight@2.0.0-beta.58) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.57](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.56...@tiptap/extension-code-block-lowlight@2.0.0-beta.57) (2021-11-18)
+
+### Bug Fixes
+
+- Remove console.log statement ([#2168](https://github.com/ueberdosis/tiptap/issues/2168)) ([6e25e99](https://github.com/ueberdosis/tiptap/commit/6e25e99c7a8699166a63fee1f4b5584ab617c9cd))
+
+# [2.0.0-beta.56](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.55...@tiptap/extension-code-block-lowlight@2.0.0-beta.56) (2021-11-17)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.55](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.54...@tiptap/extension-code-block-lowlight@2.0.0-beta.55) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.54](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.53...@tiptap/extension-code-block-lowlight@2.0.0-beta.54) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.53](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.52...@tiptap/extension-code-block-lowlight@2.0.0-beta.53) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.52](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.51...@tiptap/extension-code-block-lowlight@2.0.0-beta.52) (2021-11-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.51](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.50...@tiptap/extension-code-block-lowlight@2.0.0-beta.51) (2021-11-05)
+
+### Features
+
+- add defaultLanguage option to CodeBlockLowlight extension, fix [#2121](https://github.com/ueberdosis/tiptap/issues/2121) ([0f94bcd](https://github.com/ueberdosis/tiptap/commit/0f94bcd591e98c0a767d0914b87a1efee8b002e0))
+
+# [2.0.0-beta.50](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.49...@tiptap/extension-code-block-lowlight@2.0.0-beta.50) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.49](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.48...@tiptap/extension-code-block-lowlight@2.0.0-beta.49) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.48](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.47...@tiptap/extension-code-block-lowlight@2.0.0-beta.48) (2021-10-25)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.47](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.46...@tiptap/extension-code-block-lowlight@2.0.0-beta.47) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.46](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.45...@tiptap/extension-code-block-lowlight@2.0.0-beta.46) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.45](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.44...@tiptap/extension-code-block-lowlight@2.0.0-beta.45) (2021-10-13)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.44](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.43...@tiptap/extension-code-block-lowlight@2.0.0-beta.44) (2021-10-12)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.43](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.42...@tiptap/extension-code-block-lowlight@2.0.0-beta.43) (2021-10-12)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.42](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.41...@tiptap/extension-code-block-lowlight@2.0.0-beta.42) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.41](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.40...@tiptap/extension-code-block-lowlight@2.0.0-beta.41) (2021-10-02)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.40](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.39...@tiptap/extension-code-block-lowlight@2.0.0-beta.40) (2021-09-30)
+
+### Bug Fixes
+
+- compatibility with lowlight v2 ([#1939](https://github.com/ueberdosis/tiptap/issues/1939)) ([f79347e](https://github.com/ueberdosis/tiptap/commit/f79347e128be11860ee54109d8d333b436426b45))
+
+# [2.0.0-beta.39](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.38...@tiptap/extension-code-block-lowlight@2.0.0-beta.39) (2021-09-21)
+
+### Bug Fixes
+
+- Allow extending code-block-lowlight ([#1917](https://github.com/ueberdosis/tiptap/issues/1917)) ([54be0e5](https://github.com/ueberdosis/tiptap/commit/54be0e570e24c4a7bbb772c8222cfeac2ba1ff38))
+
+# [2.0.0-beta.38](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.37...@tiptap/extension-code-block-lowlight@2.0.0-beta.38) (2021-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.36...@tiptap/extension-code-block-lowlight@2.0.0-beta.37) (2021-09-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.35...@tiptap/extension-code-block-lowlight@2.0.0-beta.36) (2021-09-06)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.34...@tiptap/extension-code-block-lowlight@2.0.0-beta.35) (2021-08-20)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.33...@tiptap/extension-code-block-lowlight@2.0.0-beta.34) (2021-08-13)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.32...@tiptap/extension-code-block-lowlight@2.0.0-beta.33) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.31...@tiptap/extension-code-block-lowlight@2.0.0-beta.32) (2021-07-09)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.30...@tiptap/extension-code-block-lowlight@2.0.0-beta.31) (2021-06-23)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.29...@tiptap/extension-code-block-lowlight@2.0.0-beta.30) (2021-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.28...@tiptap/extension-code-block-lowlight@2.0.0-beta.29) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.27...@tiptap/extension-code-block-lowlight@2.0.0-beta.28) (2021-06-03)
+
+### Reverts
+
+- Revert "feat: update lowlight to v2" ([38f3601](https://github.com/ueberdosis/tiptap/commit/38f3601e6f3918f940d1b60862a63f9f239f95b2))
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.26...@tiptap/extension-code-block-lowlight@2.0.0-beta.27) (2021-06-03)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.25...@tiptap/extension-code-block-lowlight@2.0.0-beta.26) (2021-05-31)
+
+### Features
+
+- update lowlight to v2 ([7e96d98](https://github.com/ueberdosis/tiptap/commit/7e96d98a21a12ebd53910849391a113ca3ed2b9b))
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.24...@tiptap/extension-code-block-lowlight@2.0.0-beta.25) (2021-05-27)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.23...@tiptap/extension-code-block-lowlight@2.0.0-beta.24) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.22...@tiptap/extension-code-block-lowlight@2.0.0-beta.23) (2021-05-17)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.20...@tiptap/extension-code-block-lowlight@2.0.0-beta.22) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.19...@tiptap/extension-code-block-lowlight@2.0.0-beta.20) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.19...@tiptap/extension-code-block-lowlight@2.0.0-beta.20) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.18...@tiptap/extension-code-block-lowlight@2.0.0-beta.19) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.17...@tiptap/extension-code-block-lowlight@2.0.0-beta.18) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.16...@tiptap/extension-code-block-lowlight@2.0.0-beta.17) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.15...@tiptap/extension-code-block-lowlight@2.0.0-beta.16) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.14...@tiptap/extension-code-block-lowlight@2.0.0-beta.15) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.13...@tiptap/extension-code-block-lowlight@2.0.0-beta.14) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.12...@tiptap/extension-code-block-lowlight@2.0.0-beta.13) (2021-05-04)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.11...@tiptap/extension-code-block-lowlight@2.0.0-beta.12) (2021-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.10...@tiptap/extension-code-block-lowlight@2.0.0-beta.11) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.9...@tiptap/extension-code-block-lowlight@2.0.0-beta.10) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.8...@tiptap/extension-code-block-lowlight@2.0.0-beta.9) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.7...@tiptap/extension-code-block-lowlight@2.0.0-beta.8) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.6...@tiptap/extension-code-block-lowlight@2.0.0-beta.7) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.4...@tiptap/extension-code-block-lowlight@2.0.0-beta.6) (2021-04-14)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.3...@tiptap/extension-code-block-lowlight@2.0.0-beta.4) (2021-04-14)
+
+### Bug Fixes
+
+- fix lowlight decorations for vue 3 ([daa5dc0](https://github.com/ueberdosis/tiptap/commit/daa5dc0fb1ec2db6889565fc9c091f3dbdbbda6d))
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.2...@tiptap/extension-code-block-lowlight@2.0.0-beta.3) (2021-04-12)
+
+### Features
+
+- add parentConfig to extension context for more extendable extensions, fix [#259](https://github.com/ueberdosis/tiptap/issues/259) ([5e1ec5d](https://github.com/ueberdosis/tiptap/commit/5e1ec5d2a66be164f505d631f97861ab9344ba96))
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block-lowlight@2.0.0-beta.1...@tiptap/extension-code-block-lowlight@2.0.0-beta.2) (2021-04-11)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
+
+# 2.0.0-beta.1 (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block-lowlight
diff --git a/packages/extension-code-block-lowlight/README.md b/packages/extension-code-block-lowlight/README.md
new file mode 100644
index 0000000..ab02b7a
--- /dev/null
+++ b/packages/extension-code-block-lowlight/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-code-block-lowlight
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-code-block-lowlight.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-code-block-lowlight)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-code-block-lowlight.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-code-block-lowlight.svg)](https://www.npmjs.com/package/@tiptap/extension-code-block-lowlight)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-code-block-lowlight/package.json b/packages/extension-code-block-lowlight/package.json
new file mode 100644
index 0000000..6f4caf1
--- /dev/null
+++ b/packages/extension-code-block-lowlight/package.json
@@ -0,0 +1,57 @@
+{
+  "name": "@tiptap/extension-code-block-lowlight",
+  "version": "3.30.3",
+  "description": "code block extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-code-block-lowlight"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/extension-code-block": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "lowlight": "^3.3.0"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/extension-code-block": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "highlight.js": "^11",
+    "lowlight": "^2 || ^3"
+  }
+}
diff --git a/packages/extension-code-block-lowlight/src/code-block-lowlight.test.ts b/packages/extension-code-block-lowlight/src/code-block-lowlight.test.ts
new file mode 100644
index 0000000..7fcbd94
--- /dev/null
+++ b/packages/extension-code-block-lowlight/src/code-block-lowlight.test.ts
@@ -0,0 +1,82 @@
+import { Editor } from '@tiptap/core'
+import { CodeBlockLowlight } from './code-block-lowlight.js'
+import { Document } from '@tiptap/extension-document'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { all, createLowlight } from 'lowlight'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+const lowlight = createLowlight(all)
+
+describe('code block highlight', () => {
+  let Frontmatter
+  const editorElClass = 'tiptap'
+  let editor: Editor
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+
+    document.body.appendChild(editorEl)
+
+    return editorEl
+  }
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  beforeEach(() => {
+    Frontmatter = CodeBlockLowlight.extend({
+      name: 'frontmatter',
+    }).configure({ lowlight })
+
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        CodeBlockLowlight.configure({ lowlight }),
+        Frontmatter,
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'codeBlock',
+            attrs: {
+              language: 'javascript',
+            },
+            content: [
+              {
+                type: 'text',
+                text: 'alert("Hello world");',
+              },
+            ],
+          },
+          {
+            type: 'frontmatter',
+            attrs: {
+              language: 'yaml',
+            },
+            content: [
+              {
+                type: 'text',
+                text: '---\ntitle: Page title\n---',
+              },
+            ],
+          },
+        ],
+      },
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('executes lowlight plugin in extensions that inherit from code-block-lowlight', () => {
+    expect(getEditorEl()?.querySelector('.language-javascript .hljs-string')).not.toBe(null)
+    expect(getEditorEl()?.querySelector('.language-yaml .hljs-string')).not.toBe(null)
+  })
+})
diff --git a/packages/extension-code-block-lowlight/src/code-block-lowlight.ts b/packages/extension-code-block-lowlight/src/code-block-lowlight.ts
new file mode 100644
index 0000000..5020bc5
--- /dev/null
+++ b/packages/extension-code-block-lowlight/src/code-block-lowlight.ts
@@ -0,0 +1,43 @@
+import type { CodeBlockOptions } from '@tiptap/extension-code-block'
+import { CodeBlock } from '@tiptap/extension-code-block'
+
+import { LowlightPlugin } from './lowlight-plugin.js'
+
+export interface CodeBlockLowlightOptions extends CodeBlockOptions {
+  /**
+   * The lowlight instance.
+   */
+  lowlight: any
+}
+
+/**
+ * This extension allows you to highlight code blocks with lowlight.
+ * @see https://tiptap.dev/api/nodes/code-block-lowlight
+ */
+export const CodeBlockLowlight = CodeBlock.extend<CodeBlockLowlightOptions>({
+  addOptions() {
+    return {
+      ...this.parent?.(),
+      lowlight: {},
+      languageClassPrefix: 'language-',
+      exitOnTripleEnter: true,
+      exitOnArrowDown: true,
+      exitOnArrowUp: true,
+      defaultLanguage: null,
+      enableTabIndentation: false,
+      tabSize: 4,
+      HTMLAttributes: {},
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      ...(this.parent?.() || []),
+      LowlightPlugin({
+        name: this.name,
+        lowlight: this.options.lowlight,
+        defaultLanguage: this.options.defaultLanguage,
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-code-block-lowlight/src/index.ts b/packages/extension-code-block-lowlight/src/index.ts
new file mode 100644
index 0000000..c82ac14
--- /dev/null
+++ b/packages/extension-code-block-lowlight/src/index.ts
@@ -0,0 +1,5 @@
+import { CodeBlockLowlight } from './code-block-lowlight.js'
+
+export * from './code-block-lowlight.js'
+
+export default CodeBlockLowlight
diff --git a/packages/extension-code-block-lowlight/src/lowlight-plugin.ts b/packages/extension-code-block-lowlight/src/lowlight-plugin.ts
new file mode 100644
index 0000000..b8b6567
--- /dev/null
+++ b/packages/extension-code-block-lowlight/src/lowlight-plugin.ts
@@ -0,0 +1,160 @@
+import { findChildren } from '@tiptap/core'
+import type { Node as ProsemirrorNode } from '@tiptap/pm/model'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+// @ts-ignore
+import highlight from 'highlight.js/lib/core'
+
+function parseNodes(nodes: any[], className: string[] = []): { text: string; classes: string[] }[] {
+  return nodes.flatMap(node => {
+    const classes = [...className, ...(node.properties ? node.properties.className : [])]
+
+    if (node.children) {
+      return parseNodes(node.children, classes)
+    }
+
+    return {
+      text: node.value,
+      classes,
+    }
+  })
+}
+
+function getHighlightNodes(result: any) {
+  // `.value` for lowlight v1, `.children` for lowlight v2
+  return result.value || result.children || []
+}
+
+function registered(aliasOrLanguage: string) {
+  return Boolean(highlight.getLanguage(aliasOrLanguage))
+}
+
+function getDecorations({
+  doc,
+  name,
+  lowlight,
+  defaultLanguage,
+}: {
+  doc: ProsemirrorNode
+  name: string
+  lowlight: any
+  defaultLanguage: string | null | undefined
+}) {
+  const decorations: Decoration[] = []
+
+  findChildren(doc, node => node.type.name === name).forEach(block => {
+    let from = block.pos + 1
+    const language = block.node.attrs.language || defaultLanguage
+    const languages = lowlight.listLanguages()
+
+    const nodes =
+      language &&
+      (languages.includes(language) || registered(language) || lowlight.registered?.(language))
+        ? getHighlightNodes(lowlight.highlight(language, block.node.textContent))
+        : getHighlightNodes(lowlight.highlightAuto(block.node.textContent))
+
+    parseNodes(nodes).forEach(node => {
+      const to = from + node.text.length
+
+      if (node.classes.length) {
+        const decoration = Decoration.inline(from, to, {
+          class: node.classes.join(' '),
+        })
+
+        decorations.push(decoration)
+      }
+
+      from = to
+    })
+  })
+
+  return DecorationSet.create(doc, decorations)
+}
+
+// oxlint-disable-next-lineno-unsafe-function-type
+function isFunction(param: any): param is Function {
+  return typeof param === 'function'
+}
+
+export function LowlightPlugin({
+  name,
+  lowlight,
+  defaultLanguage,
+}: {
+  name: string
+  lowlight: any
+  defaultLanguage: string | null | undefined
+}) {
+  if (!['highlight', 'highlightAuto', 'listLanguages'].every(api => isFunction(lowlight[api]))) {
+    throw Error(
+      'You should provide an instance of lowlight to use the code-block-lowlight extension',
+    )
+  }
+
+  const lowlightPlugin: Plugin<any> = new Plugin({
+    key: new PluginKey('lowlight'),
+
+    state: {
+      init: (_, { doc }) =>
+        getDecorations({
+          doc,
+          name,
+          lowlight,
+          defaultLanguage,
+        }),
+      apply: (transaction, decorationSet, oldState, newState) => {
+        const oldNodeName = oldState.selection.$head.parent.type.name
+        const newNodeName = newState.selection.$head.parent.type.name
+        const oldNodes = findChildren(oldState.doc, node => node.type.name === name)
+        const newNodes = findChildren(newState.doc, node => node.type.name === name)
+
+        if (
+          transaction.docChanged &&
+          // Apply decorations if:
+          // selection includes named node,
+          ([oldNodeName, newNodeName].includes(name) ||
+            // OR transaction adds/removes named node,
+            newNodes.length !== oldNodes.length ||
+            // OR transaction has changes that completely encapsulte a node
+            // (for example, a transaction that affects the entire document).
+            // Such transactions can happen during collab syncing via y-prosemirror, for example.
+            transaction.steps.some(step => {
+              // @ts-ignore
+              return (
+                // @ts-ignore
+                step.from !== undefined &&
+                // @ts-ignore
+                step.to !== undefined &&
+                oldNodes.some(node => {
+                  // @ts-ignore
+                  return (
+                    // @ts-ignore
+                    node.pos >= step.from &&
+                    // @ts-ignore
+                    node.pos + node.node.nodeSize <= step.to
+                  )
+                })
+              )
+            }))
+        ) {
+          return getDecorations({
+            doc: transaction.doc,
+            name,
+            lowlight,
+            defaultLanguage,
+          })
+        }
+
+        return decorationSet.map(transaction.mapping, transaction.doc)
+      },
+    },
+
+    props: {
+      decorations(state) {
+        return lowlightPlugin.getState(state)
+      },
+    },
+  })
+
+  return lowlightPlugin
+}
diff --git a/packages/extension-code-block-lowlight/vite.config.ts b/packages/extension-code-block-lowlight/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-code-block-lowlight/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-code-block/CHANGELOG.md b/packages/extension-code-block/CHANGELOG.md
new file mode 100644
index 0000000..7bc5923
--- /dev/null
+++ b/packages/extension-code-block/CHANGELOG.md
@@ -0,0 +1,1914 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- 48f25af: Fixed a bug where pressing `ArrowUp` in a code block that is the first node in the document did nothing, leaving no way to insert content above it. A new default block is now inserted above the code block, mirroring the existing `ArrowDown` behavior. The behavior can be disabled via the new `exitOnArrowUp` option.
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- f68388b: Fix tilde-fenced code blocks (`~~~`) being silently dropped when parsing markdown
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- 9562838: Configuration options for the CodeBlock extension now support `null` and `undefined` values.
+  This makes custom setups more flexible and avoids unnecessary type errors when omitting optional overrides.
+  All existing default values and fallback logic remain in place - no breaking changes for existing code.
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- 11c8085: Added indentation support for code blocks via `Tab`. Is deactivated by default.
+
+  **New Extension Options**:
+
+  - `enableTabIndentation: boolean` - controls if tab completion should be enabled
+  - `tabSize: number` - controls how many spaces are inserted for a tab
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/pm@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/pm@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- 4e5b2d8: code-block: on arrow down move into the next node
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/pm@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/pm@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/pm@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/pm@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/pm@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/pm@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/pm@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/pm@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.42](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.41...@tiptap/extension-code-block@2.0.0-beta.42) (2022-06-27)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.41](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.40...@tiptap/extension-code-block@2.0.0-beta.41) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.40](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.38...@tiptap/extension-code-block@2.0.0-beta.40) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.38](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.38...@tiptap/extension-code-block@2.0.0-beta.38) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.36...@tiptap/extension-code-block@2.0.0-beta.37) (2022-01-26)
+
+### Bug Fixes
+
+- add attributes to pre tag instead of code tag by default, fix [#2440](https://github.com/ueberdosis/tiptap/issues/2440) ([85fcc29](https://github.com/ueberdosis/tiptap/commit/85fcc29ac6ef9e07847d5e0a5cdd318f4300a832))
+
+# [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.35...@tiptap/extension-code-block@2.0.0-beta.36) (2022-01-20)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.34...@tiptap/extension-code-block@2.0.0-beta.35) (2022-01-05)
+
+### Bug Fixes
+
+- prevent named capturing groups, fix [#2128](https://github.com/ueberdosis/tiptap/issues/2128) ([0e9930f](https://github.com/ueberdosis/tiptap/commit/0e9930f90f253f8667d1436dcf6c93279fda9aed))
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.33...@tiptap/extension-code-block@2.0.0-beta.34) (2022-01-05)
+
+### Features
+
+- add exitOnTripleEnter and exitOnArrowDown options to CodeBlock extension ([a35b7fb](https://github.com/ueberdosis/tiptap/commit/a35b7fbe2cee0390895aaeb358503b5ead116b64))
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.32...@tiptap/extension-code-block@2.0.0-beta.33) (2021-12-22)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.31...@tiptap/extension-code-block@2.0.0-beta.32) (2021-12-16)
+
+### Features
+
+- escape code blocks on arrow down, fix [#1204](https://github.com/ueberdosis/tiptap/issues/1204) ([ffafff9](https://github.com/ueberdosis/tiptap/commit/ffafff9e365f9636fae4a67bb825d49b7d95cb94))
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.30...@tiptap/extension-code-block@2.0.0-beta.31) (2021-12-05)
+
+### Features
+
+- escape code blocks on triple enter, fix [#2195](https://github.com/ueberdosis/tiptap/issues/2195) ([d48fb24](https://github.com/ueberdosis/tiptap/commit/d48fb24ee2bd287f79e58f3fb59d8ebbda213240))
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.29...@tiptap/extension-code-block@2.0.0-beta.30) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.28...@tiptap/extension-code-block@2.0.0-beta.29) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.27...@tiptap/extension-code-block@2.0.0-beta.28) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.26...@tiptap/extension-code-block@2.0.0-beta.27) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.25...@tiptap/extension-code-block@2.0.0-beta.26) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.24...@tiptap/extension-code-block@2.0.0-beta.25) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.23...@tiptap/extension-code-block@2.0.0-beta.24) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.22...@tiptap/extension-code-block@2.0.0-beta.23) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.21...@tiptap/extension-code-block@2.0.0-beta.22) (2021-10-13)
+
+### Bug Fixes
+
+- strip carriage return chars from text pasted as code and add missing paste meta information ([b1c56e6](https://github.com/ueberdosis/tiptap/commit/b1c56e6f163af1a432621894e19f39243a38c4e4))
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.20...@tiptap/extension-code-block@2.0.0-beta.21) (2021-10-12)
+
+### Bug Fixes
+
+- fix bug on paste when using code blocks ([d60fe35](https://github.com/ueberdosis/tiptap/commit/d60fe350d148a0b39a6cdd6b439e3d9325506872))
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.19...@tiptap/extension-code-block@2.0.0-beta.20) (2021-10-12)
+
+### Bug Fixes
+
+- add support for pasted content from VS Code, fix [#2022](https://github.com/ueberdosis/tiptap/issues/2022) ([0e0b0b6](https://github.com/ueberdosis/tiptap/commit/0e0b0b6a8c1d80ef9084d1913a51dd9bff8a69d8))
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.18...@tiptap/extension-code-block@2.0.0-beta.19) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.17...@tiptap/extension-code-block@2.0.0-beta.18) (2021-09-08)
+
+### Bug Fixes
+
+- parse correct language for code blocks with multiple classes (see [#1845](https://github.com/ueberdosis/tiptap/issues/1845)) ([472f213](https://github.com/ueberdosis/tiptap/commit/472f2139c52b9e0211ccd735e937486df2cb3d30))
+
+### Features
+
+- parseHTML for attributes should return the value instead of an object now, fix [#1863](https://github.com/ueberdosis/tiptap/issues/1863) ([8a3b47a](https://github.com/ueberdosis/tiptap/commit/8a3b47a529d28b28b50d634c6ff69b8e5aad3080))
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.16...@tiptap/extension-code-block@2.0.0-beta.17) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.15...@tiptap/extension-code-block@2.0.0-beta.16) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.14...@tiptap/extension-code-block@2.0.0-beta.15) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.13...@tiptap/extension-code-block@2.0.0-beta.14) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.12...@tiptap/extension-code-block@2.0.0-beta.13) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.11...@tiptap/extension-code-block@2.0.0-beta.12) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.10...@tiptap/extension-code-block@2.0.0-beta.11) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.9...@tiptap/extension-code-block@2.0.0-beta.10) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.8...@tiptap/extension-code-block@2.0.0-beta.9) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.7...@tiptap/extension-code-block@2.0.0-beta.8) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.6...@tiptap/extension-code-block@2.0.0-beta.7) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.5...@tiptap/extension-code-block@2.0.0-beta.6) (2021-04-21)
+
+### Bug Fixes
+
+- don’t use state in KeyboardShortcutCommand anymore ([92ced9f](https://github.com/ueberdosis/tiptap/commit/92ced9f9987d59ac672da65b2a685d296307c6b0))
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.4...@tiptap/extension-code-block@2.0.0-beta.5) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.3...@tiptap/extension-code-block@2.0.0-beta.4) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.2...@tiptap/extension-code-block@2.0.0-beta.3) (2021-04-11)
+
+### Bug Fixes
+
+- remove codeblock when at start of document, fix [#262](https://github.com/ueberdosis/tiptap/issues/262) ([92f6ea2](https://github.com/ueberdosis/tiptap/commit/92f6ea25cc7623d0bd34f5a2342be6f5aae951aa))
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-beta.1...@tiptap/extension-code-block@2.0.0-beta.2) (2021-04-02)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-alpha.11...@tiptap/extension-code-block@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-alpha.10...@tiptap/extension-code-block@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-alpha.9...@tiptap/extension-code-block@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-alpha.8...@tiptap/extension-code-block@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-alpha.7...@tiptap/extension-code-block@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-alpha.6...@tiptap/extension-code-block@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-alpha.5...@tiptap/extension-code-block@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-alpha.4...@tiptap/extension-code-block@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-alpha.3...@tiptap/extension-code-block@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-alpha.2...@tiptap/extension-code-block@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@2.0.0-alpha.1...@tiptap/extension-code-block@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@1.0.0-alpha.2...@tiptap/extension-code-block@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code-block@1.0.0-alpha.1...@tiptap/extension-code-block@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-code-block
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-code-block/README.md b/packages/extension-code-block/README.md
new file mode 100644
index 0000000..0490d4d
--- /dev/null
+++ b/packages/extension-code-block/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-code-block
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-code-block.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-code-block)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-code-block.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-code-block.svg)](https://www.npmjs.com/package/@tiptap/extension-code-block)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-code-block/package.json b/packages/extension-code-block/package.json
new file mode 100644
index 0000000..7b05c94
--- /dev/null
+++ b/packages/extension-code-block/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "@tiptap/extension-code-block",
+  "version": "3.30.3",
+  "description": "code block extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-code-block"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-code-block/src/code-block.test.ts b/packages/extension-code-block/src/code-block.test.ts
new file mode 100644
index 0000000..b810d68
--- /dev/null
+++ b/packages/extension-code-block/src/code-block.test.ts
@@ -0,0 +1,97 @@
+import { Editor } from '@tiptap/core'
+import { Document } from '@tiptap/extension-document'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { CodeBlock } from './code-block.js'
+
+const pressArrowUp = (editor: Editor) => {
+  editor.view.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowUp', code: 'ArrowUp' }))
+}
+
+describe('CodeBlock ArrowUp exit', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('inserts a paragraph above when the code block is the only node', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, CodeBlock],
+      content: '<pre><code>hello</code></pre>',
+    })
+    editor.commands.setTextSelection(1)
+
+    pressArrowUp(editor)
+
+    expect(editor.getHTML()).toBe('<p></p><pre><code>hello</code></pre>')
+    expect(editor.state.selection.$from.parent.type.name).toBe('paragraph')
+    expect(editor.state.selection.from).toBe(1)
+    expect(editor.state.selection.to).toBe(1)
+  })
+
+  it('inserts a paragraph above when the code block is the first node in the doc', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, CodeBlock],
+      content: '<pre><code>hello</code></pre><p>after</p>',
+    })
+    editor.commands.setTextSelection(1)
+
+    pressArrowUp(editor)
+
+    expect(editor.getHTML()).toBe('<p></p><pre><code>hello</code></pre><p>after</p>')
+    expect(editor.state.selection.$from.parent.type.name).toBe('paragraph')
+    expect(editor.state.selection.from).toBe(1)
+    expect(editor.state.selection.to).toBe(1)
+  })
+
+  it('does nothing when exitOnArrowUp is disabled', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, CodeBlock.configure({ exitOnArrowUp: false })],
+      content: '<pre><code>hello</code></pre>',
+    })
+    editor.commands.setTextSelection(1)
+    const before = editor.getHTML()
+
+    pressArrowUp(editor)
+
+    expect(editor.getHTML()).toBe(before)
+  })
+
+  it('does nothing when a node precedes the code block', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, CodeBlock],
+      content: '<p>before</p><pre><code>hello</code></pre>',
+    })
+
+    let codeBlockContentStart = 0
+    editor.state.doc.descendants((node, pos) => {
+      if (node.type.name === 'codeBlock') {
+        codeBlockContentStart = pos + 1
+        return false
+      }
+      return true
+    })
+    editor.commands.setTextSelection(codeBlockContentStart)
+    const before = editor.getHTML()
+
+    pressArrowUp(editor)
+
+    expect(editor.getHTML()).toBe(before)
+  })
+
+  it('does nothing when the caret is not at the start of the code block', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, CodeBlock],
+      content: '<pre><code>hello</code></pre>',
+    })
+    editor.commands.setTextSelection(3)
+    const before = editor.getHTML()
+
+    pressArrowUp(editor)
+
+    expect(editor.getHTML()).toBe(before)
+  })
+})
diff --git a/packages/extension-code-block/src/code-block.ts b/packages/extension-code-block/src/code-block.ts
new file mode 100644
index 0000000..439cb1d
--- /dev/null
+++ b/packages/extension-code-block/src/code-block.ts
@@ -0,0 +1,514 @@
+import { mergeAttributes, Node, textblockTypeInputRule } from '@tiptap/core'
+import { Plugin, PluginKey, Selection, TextSelection } from '@tiptap/pm/state'
+
+const DEFAULT_TAB_SIZE = 4
+
+export interface CodeBlockOptions {
+  /**
+   * Adds a prefix to language classes that are applied to code tags.
+   * @default 'language-'
+   */
+  languageClassPrefix: string | null | undefined
+  /**
+   * Define whether the node should be exited on triple enter.
+   * @default true
+   */
+  exitOnTripleEnter: boolean | null | undefined
+  /**
+   * Define whether the node should be exited on arrow down if there is no node after it.
+   * @default true
+   */
+  exitOnArrowDown: boolean | null | undefined
+  /**
+   * Define whether the node should be exited on arrow up if there is no node before it.
+   * @default true
+   */
+  exitOnArrowUp: boolean | null | undefined
+  /**
+   * The default language.
+   * @default null
+   * @example 'js'
+   */
+  defaultLanguage: string | null | undefined
+  /**
+   * Enable tab key for indentation in code blocks.
+   * @default false
+   */
+  enableTabIndentation: boolean | null | undefined
+  /**
+   * The number of spaces to use for tab indentation.
+   * @default 4
+   */
+  tabSize: number | null | undefined
+  /**
+   * Custom HTML attributes that should be added to the rendered HTML tag.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    codeBlock: {
+      /**
+       * Set a code block
+       * @param attributes Code block attributes
+       * @example editor.commands.setCodeBlock({ language: 'javascript' })
+       */
+      setCodeBlock: (attributes?: { language: string }) => ReturnType
+      /**
+       * Toggle a code block
+       * @param attributes Code block attributes
+       * @example editor.commands.toggleCodeBlock({ language: 'javascript' })
+       */
+      toggleCodeBlock: (attributes?: { language: string }) => ReturnType
+    }
+  }
+}
+
+/**
+ * Matches a code block with backticks.
+ */
+export const backtickInputRegex = /^```([a-z]+)?[\s\n]$/
+
+/**
+ * Matches a code block with tildes.
+ */
+export const tildeInputRegex = /^~~~([a-z]+)?[\s\n]$/
+
+/**
+ * This extension allows you to create code blocks.
+ * @see https://tiptap.dev/api/nodes/code-block
+ */
+export const CodeBlock = Node.create<CodeBlockOptions>({
+  name: 'codeBlock',
+
+  addOptions() {
+    return {
+      languageClassPrefix: 'language-',
+      exitOnTripleEnter: true,
+      exitOnArrowDown: true,
+      exitOnArrowUp: true,
+      defaultLanguage: null,
+      enableTabIndentation: false,
+      tabSize: DEFAULT_TAB_SIZE,
+      HTMLAttributes: {},
+    }
+  },
+
+  content: 'text*',
+
+  marks: '',
+
+  group: 'block',
+
+  code: true,
+
+  defining: true,
+
+  addAttributes() {
+    return {
+      language: {
+        default: this.options.defaultLanguage,
+        parseHTML: element => {
+          const { languageClassPrefix } = this.options
+
+          if (!languageClassPrefix) {
+            return null
+          }
+
+          const classNames = [...(element.firstElementChild?.classList || [])]
+          const languages = classNames
+            .filter(className => className.startsWith(languageClassPrefix))
+            .map(className => className.replace(languageClassPrefix, ''))
+          const language = languages[0]
+
+          if (!language) {
+            return null
+          }
+
+          return language
+        },
+        rendered: false,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'pre',
+        preserveWhitespace: 'full',
+      },
+    ]
+  },
+
+  renderHTML({ node, HTMLAttributes }) {
+    return [
+      'pre',
+      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+      [
+        'code',
+        {
+          class: node.attrs.language
+            ? this.options.languageClassPrefix + node.attrs.language
+            : null,
+        },
+        0,
+      ],
+    ]
+  },
+
+  markdownTokenName: 'code',
+
+  parseMarkdown: (token, helpers) => {
+    if (
+      token.raw?.startsWith('```') === false &&
+      token.raw?.startsWith('~~~') === false &&
+      token.codeBlockStyle !== 'indented'
+    ) {
+      return []
+    }
+
+    return helpers.createNode(
+      'codeBlock',
+      { language: token.lang || null },
+      token.text ? [helpers.createTextNode(token.text)] : [],
+    )
+  },
+
+  renderMarkdown: (node, h) => {
+    let output = ''
+    const language = node.attrs?.language || ''
+
+    if (!node.content) {
+      output = `\`\`\`${language}\n\n\`\`\``
+    } else {
+      const lines = [`\`\`\`${language}`, h.renderChildren(node.content), '```']
+      output = lines.join('\n')
+    }
+
+    return output
+  },
+
+  addCommands() {
+    return {
+      setCodeBlock:
+        attributes =>
+        ({ commands }) => {
+          return commands.setNode(this.name, attributes)
+        },
+      toggleCodeBlock:
+        attributes =>
+        ({ commands }) => {
+          return commands.toggleNode(this.name, 'paragraph', attributes)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-Alt-c': () => this.editor.commands.toggleCodeBlock(),
+
+      // remove code block when at start of document or code block is empty
+      Backspace: () => {
+        const { empty, $anchor } = this.editor.state.selection
+        const isAtStart = $anchor.pos === 1
+
+        if (!empty || $anchor.parent.type.name !== this.name) {
+          return false
+        }
+
+        if (isAtStart || !$anchor.parent.textContent.length) {
+          return this.editor.commands.clearNodes()
+        }
+
+        return false
+      },
+
+      // handle tab indentation
+      Tab: ({ editor }) => {
+        if (!this.options.enableTabIndentation) {
+          return false
+        }
+
+        const tabSize = this.options.tabSize ?? DEFAULT_TAB_SIZE
+        const { state } = editor
+        const { selection } = state
+        const { $from, empty } = selection
+
+        if ($from.parent.type !== this.type) {
+          return false
+        }
+
+        const indent = ' '.repeat(tabSize)
+
+        if (empty) {
+          return editor.commands.insertContent(indent)
+        }
+
+        return editor.commands.command(({ tr }) => {
+          const { from, to } = selection
+          const text = state.doc.textBetween(from, to, '\n', '\n')
+          const lines = text.split('\n')
+          const indentedText = lines.map(line => indent + line).join('\n')
+
+          tr.replaceWith(from, to, state.schema.text(indentedText))
+          return true
+        })
+      },
+
+      // handle shift+tab reverse indentation
+      'Shift-Tab': ({ editor }) => {
+        if (!this.options.enableTabIndentation) {
+          return false
+        }
+
+        const tabSize = this.options.tabSize ?? DEFAULT_TAB_SIZE
+        const { state } = editor
+        const { selection } = state
+        const { $from, empty } = selection
+
+        if ($from.parent.type !== this.type) {
+          return false
+        }
+
+        if (empty) {
+          return editor.commands.command(({ tr }) => {
+            const { pos } = $from
+            const codeBlockStart = $from.start()
+            const codeBlockEnd = $from.end()
+
+            const allText = state.doc.textBetween(codeBlockStart, codeBlockEnd, '\n', '\n')
+            const lines = allText.split('\n')
+
+            let currentLineIndex = 0
+            let charCount = 0
+            const relativeCursorPos = pos - codeBlockStart
+
+            for (let i = 0; i < lines.length; i += 1) {
+              if (charCount + lines[i].length >= relativeCursorPos) {
+                currentLineIndex = i
+                break
+              }
+              charCount += lines[i].length + 1
+            }
+
+            const currentLine = lines[currentLineIndex]
+            const leadingSpaces = currentLine.match(/^ */)?.[0] || ''
+            const spacesToRemove = Math.min(leadingSpaces.length, tabSize)
+
+            if (spacesToRemove === 0) {
+              return true
+            }
+
+            let lineStartPos = codeBlockStart
+            for (let i = 0; i < currentLineIndex; i += 1) {
+              lineStartPos += lines[i].length + 1
+            }
+
+            tr.delete(lineStartPos, lineStartPos + spacesToRemove)
+
+            const cursorPosInLine = pos - lineStartPos
+            if (cursorPosInLine <= spacesToRemove) {
+              tr.setSelection(TextSelection.create(tr.doc, lineStartPos))
+            }
+
+            return true
+          })
+        }
+
+        return editor.commands.command(({ tr }) => {
+          const { from, to } = selection
+          const text = state.doc.textBetween(from, to, '\n', '\n')
+          const lines = text.split('\n')
+          const reverseIndentText = lines
+            .map(line => {
+              const leadingSpaces = line.match(/^ */)?.[0] || ''
+              const spacesToRemove = Math.min(leadingSpaces.length, tabSize)
+              return line.slice(spacesToRemove)
+            })
+            .join('\n')
+
+          tr.replaceWith(from, to, state.schema.text(reverseIndentText))
+          return true
+        })
+      },
+
+      // exit node on triple enter
+      Enter: ({ editor }) => {
+        if (!this.options.exitOnTripleEnter) {
+          return false
+        }
+
+        const { state } = editor
+        const { selection } = state
+        const { $from, empty } = selection
+
+        if (!empty || $from.parent.type !== this.type) {
+          return false
+        }
+
+        const isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2
+        const endsWithDoubleNewline = $from.parent.textContent.endsWith('\n\n')
+
+        if (!isAtEnd || !endsWithDoubleNewline) {
+          return false
+        }
+
+        return editor
+          .chain()
+          .command(({ tr }) => {
+            tr.delete($from.pos - 2, $from.pos)
+
+            return true
+          })
+          .exitCode()
+          .run()
+      },
+
+      // exit node on arrow up if there is no node before it
+      ArrowUp: ({ editor }) => {
+        if (!this.options.exitOnArrowUp) {
+          return false
+        }
+
+        const { state } = editor
+        const { selection } = state
+        const { $from, empty } = selection
+
+        if (!empty || $from.parent.type !== this.type) {
+          return false
+        }
+
+        if ($from.parentOffset !== 0) {
+          return false
+        }
+
+        const before = $from.before()
+
+        if (before > 0) {
+          return false
+        }
+
+        return editor.commands.insertDefaultBlock({ pos: before })
+      },
+
+      // exit node on arrow down
+      ArrowDown: ({ editor }) => {
+        if (!this.options.exitOnArrowDown) {
+          return false
+        }
+
+        const { state } = editor
+        const { selection, doc } = state
+        const { $from, empty } = selection
+
+        if (!empty || $from.parent.type !== this.type) {
+          return false
+        }
+
+        const isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2
+
+        if (!isAtEnd) {
+          return false
+        }
+
+        const after = $from.after()
+
+        if (after === undefined) {
+          return false
+        }
+
+        const nodeAfter = doc.nodeAt(after)
+
+        if (nodeAfter) {
+          return editor.commands.command(({ tr }) => {
+            tr.setSelection(Selection.near(doc.resolve(after)))
+            return true
+          })
+        }
+
+        return editor.commands.exitCode()
+      },
+    }
+  },
+
+  addInputRules() {
+    return [
+      textblockTypeInputRule({
+        find: backtickInputRegex,
+        type: this.type,
+        getAttributes: match => ({
+          language: match[1],
+        }),
+      }),
+      textblockTypeInputRule({
+        find: tildeInputRegex,
+        type: this.type,
+        getAttributes: match => ({
+          language: match[1],
+        }),
+      }),
+    ]
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      // this plugin creates a code block for pasted content from VS Code
+      // we can also detect the copied code language
+      new Plugin({
+        key: new PluginKey('codeBlockVSCodeHandler'),
+        props: {
+          handlePaste: (view, event) => {
+            if (!event.clipboardData) {
+              return false
+            }
+
+            // don’t create a new code block within code blocks
+            if (this.editor.isActive(this.type.name)) {
+              return false
+            }
+
+            const text = event.clipboardData.getData('text/plain')
+            const vscode = event.clipboardData.getData('vscode-editor-data')
+            const vscodeData = vscode ? JSON.parse(vscode) : undefined
+            const language = vscodeData?.mode
+
+            if (!text || !language) {
+              return false
+            }
+
+            const { tr, schema } = view.state
+
+            // prepare a text node
+            // strip carriage return chars from text pasted as code
+            // see: https://github.com/ProseMirror/prosemirror-view/commit/a50a6bcceb4ce52ac8fcc6162488d8875613aacd
+            const textNode = schema.text(text.replace(/\r\n?/g, '\n'))
+
+            // create a code block with the text node
+            // replace selection with the code block
+            tr.replaceSelectionWith(this.type.create({ language }, textNode))
+
+            if (tr.selection.$from.parent.type !== this.type) {
+              // put cursor inside the newly created code block
+              tr.setSelection(
+                TextSelection.near(tr.doc.resolve(Math.max(0, tr.selection.from - 2))),
+              )
+            }
+
+            // store meta information
+            // this is useful for other plugins that depends on the paste event
+            // like the paste rule plugin
+            tr.setMeta('paste', true)
+
+            view.dispatch(tr)
+
+            return true
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-code-block/src/index.ts b/packages/extension-code-block/src/index.ts
new file mode 100644
index 0000000..13af760
--- /dev/null
+++ b/packages/extension-code-block/src/index.ts
@@ -0,0 +1,5 @@
+import { CodeBlock } from './code-block.js'
+
+export * from './code-block.js'
+
+export default CodeBlock
diff --git a/packages/extension-code-block/vite.config.ts b/packages/extension-code-block/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-code-block/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-code/CHANGELOG.md b/packages/extension-code/CHANGELOG.md
new file mode 100644
index 0000000..92e5b1c
--- /dev/null
+++ b/packages/extension-code/CHANGELOG.md
@@ -0,0 +1,1670 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- 7d0ce2a: Fixed a bug where typing a character before an inline code markdown shortcut (e.g. `a` followed by backtick-delimited code) would delete the preceding character. The preceding character is now preserved.
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- 9e02c12: Prevent incorrect insertion of code marks when a space immediately follows backticks.
+  - @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+### Patch Changes
+
+- f79c05e: Update inline code formatting for text enclosed in backticks
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+### Bug Fixes
+
+- Disallow only whitespace between markdown shortcuts delimiters ([#4866](https://github.com/ueberdosis/tiptap/issues/4866)) ([aa029fe](https://github.com/ueberdosis/tiptap/commit/aa029fe2242aeadc38555b2832df6ae1614c7d1d))
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.28...@tiptap/extension-code@2.0.0-beta.29) (2022-09-03)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.26...@tiptap/extension-code@2.0.0-beta.28) (2022-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.25...@tiptap/extension-code@2.0.0-beta.26) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.24...@tiptap/extension-code@2.0.0-beta.25) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.23...@tiptap/extension-code@2.0.0-beta.24) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.22...@tiptap/extension-code@2.0.0-beta.23) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.21...@tiptap/extension-code@2.0.0-beta.22) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.20...@tiptap/extension-code@2.0.0-beta.21) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.19...@tiptap/extension-code@2.0.0-beta.20) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.18...@tiptap/extension-code@2.0.0-beta.19) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.17...@tiptap/extension-code@2.0.0-beta.18) (2021-10-10)
+
+### Bug Fixes
+
+- fix regex modifier for input rules and paste rules, fix [#2003](https://github.com/ueberdosis/tiptap/issues/2003) ([65eddf0](https://github.com/ueberdosis/tiptap/commit/65eddf0e789c620a53d9bec9509b515211fb9b3f))
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.16...@tiptap/extension-code@2.0.0-beta.17) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.15...@tiptap/extension-code@2.0.0-beta.16) (2021-08-09)
+
+### Bug Fixes
+
+- Apply the correct regex for code extension in markPasteRule ([#1671](https://github.com/ueberdosis/tiptap/issues/1671)) ([6c08057](https://github.com/ueberdosis/tiptap/commit/6c08057bb229135abc6f5244d2010569ef5d3561))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.14...@tiptap/extension-code@2.0.0-beta.15) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.13...@tiptap/extension-code@2.0.0-beta.14) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.12...@tiptap/extension-code@2.0.0-beta.13) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.11...@tiptap/extension-code@2.0.0-beta.12) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.10...@tiptap/extension-code@2.0.0-beta.11) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.9...@tiptap/extension-code@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.8...@tiptap/extension-code@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.7...@tiptap/extension-code@2.0.0-beta.8) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.6...@tiptap/extension-code@2.0.0-beta.7) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.5...@tiptap/extension-code@2.0.0-beta.6) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.4...@tiptap/extension-code@2.0.0-beta.5) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.3...@tiptap/extension-code@2.0.0-beta.4) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.2...@tiptap/extension-code@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-beta.1...@tiptap/extension-code@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-alpha.11...@tiptap/extension-code@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-alpha.10...@tiptap/extension-code@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-alpha.9...@tiptap/extension-code@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-alpha.8...@tiptap/extension-code@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-alpha.7...@tiptap/extension-code@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-alpha.6...@tiptap/extension-code@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-alpha.5...@tiptap/extension-code@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-alpha.4...@tiptap/extension-code@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-alpha.3...@tiptap/extension-code@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-alpha.2...@tiptap/extension-code@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@2.0.0-alpha.1...@tiptap/extension-code@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@1.0.0-alpha.2...@tiptap/extension-code@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-code@1.0.0-alpha.1...@tiptap/extension-code@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-code
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-code/README.md b/packages/extension-code/README.md
new file mode 100644
index 0000000..9c87ec4
--- /dev/null
+++ b/packages/extension-code/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-code
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-code.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-code)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-code.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-code.svg)](https://www.npmjs.com/package/@tiptap/extension-code)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-code/package.json b/packages/extension-code/package.json
new file mode 100644
index 0000000..23b97a3
--- /dev/null
+++ b/packages/extension-code/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-code",
+  "version": "3.30.3",
+  "description": "code extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-code"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-code/src/code.test.ts b/packages/extension-code/src/code.test.ts
new file mode 100644
index 0000000..8f546a3
--- /dev/null
+++ b/packages/extension-code/src/code.test.ts
@@ -0,0 +1,122 @@
+import { inputRegex, inputRegexMatch, pasteRegex, pasteRegexMatch } from './code.js'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('code inputRegexMatch', () => {
+  it('matches basic backtick code', () => {
+    const result = inputRegexMatch('`code`')
+    expect(result).not.toBeNull()
+    expect(result!.replaceWith).toBe('code')
+    expect(result!.text).toBe('`code`')
+    expect(result!.index).toBe(0)
+  })
+
+  it('matches backtick code preceded by a non-backtick character', () => {
+    const result = inputRegexMatch('a`code`')
+    expect(result).not.toBeNull()
+    expect(result!.replaceWith).toBe('code')
+    expect(result!.text).toBe('`code`')
+    // match starts at the opening backtick, not at 'a'
+    expect(result!.index).toBe(1)
+  })
+
+  it('matches backtick code preceded by whitespace', () => {
+    const result = inputRegexMatch(' `code`')
+    expect(result).not.toBeNull()
+    expect(result!.replaceWith).toBe('code')
+    expect(result!.text).toBe('`code`')
+    expect(result!.index).toBe(1)
+  })
+
+  it('matches backtick code preceded by multiple characters', () => {
+    const result = inputRegexMatch('hello`code`')
+    expect(result).not.toBeNull()
+    expect(result!.replaceWith).toBe('code')
+    expect(result!.index).toBe(5)
+  })
+
+  it('does not match when preceded by a backtick', () => {
+    expect(inputRegexMatch('``code`')).toBeNull()
+  })
+
+  it('does not match with empty content', () => {
+    expect(inputRegexMatch('``')).toBeNull()
+  })
+
+  it('does not match with no closing backtick', () => {
+    expect(inputRegexMatch('`code')).toBeNull()
+  })
+
+  it('does not match plain text', () => {
+    expect(inputRegexMatch('code')).toBeNull()
+  })
+
+  it('matches only the last pair when there are multiple pairs', () => {
+    const result = inputRegexMatch('`first` middle `second`')
+    expect(result).not.toBeNull()
+    expect(result!.replaceWith).toBe('second')
+    expect(result!.text).toBe('`second`')
+  })
+})
+
+describe('code pasteRegexMatch', () => {
+  it('matches basic backtick code', () => {
+    const results = pasteRegexMatch('`code`')
+    expect(results).toHaveLength(1)
+    expect(results[0].replaceWith).toBe('code')
+    expect(results[0].text).toBe('`code`')
+  })
+
+  it('matches backtick code preceded by non-backtick character', () => {
+    const results = pasteRegexMatch('a`code`')
+    expect(results).toHaveLength(1)
+    expect(results[0].replaceWith).toBe('code')
+    expect(results[0].text).toBe('`code`')
+    expect(results[0].index).toBe(1)
+  })
+
+  it('matches backtick code preceded by whitespace', () => {
+    const results = pasteRegexMatch(' `code`')
+    expect(results).toHaveLength(1)
+    expect(results[0].replaceWith).toBe('code')
+  })
+
+  it('does not match when preceded by a backtick', () => {
+    const results = pasteRegexMatch('``code`')
+    expect(results).toHaveLength(0)
+  })
+
+  it('does not match empty content', () => {
+    expect(pasteRegexMatch('``')).toHaveLength(0)
+  })
+
+  it('does not match plain text', () => {
+    expect(pasteRegexMatch('code')).toHaveLength(0)
+  })
+
+  it('matches multiple code spans in pasted text', () => {
+    const results = pasteRegexMatch('`a` and `b`')
+    expect(results).toHaveLength(2)
+    expect(results[0].replaceWith).toBe('a')
+    expect(results[1].replaceWith).toBe('b')
+  })
+
+  it('does not match code spans preceded by backtick within pasted text', () => {
+    // ``a` should NOT match because it's preceded by a backtick
+    // but `b` should match
+    const results = pasteRegexMatch('``a` and `b`')
+    expect(results).toHaveLength(1)
+    expect(results[0].replaceWith).toBe('b')
+  })
+})
+
+describe('code inputRegex (deprecated regex export)', () => {
+  it('matches basic backtick code (backward compat)', () => {
+    expect('`code`').toMatch(inputRegex)
+  })
+})
+
+describe('code pasteRegex (deprecated regex export)', () => {
+  it('matches basic backtick code (backward compat)', () => {
+    expect('`code`').toMatch(pasteRegex)
+  })
+})
diff --git a/packages/extension-code/src/code.ts b/packages/extension-code/src/code.ts
new file mode 100644
index 0000000..1f317bf
--- /dev/null
+++ b/packages/extension-code/src/code.ts
@@ -0,0 +1,182 @@
+import type { InputRuleMatch, PasteRuleMatch } from '@tiptap/core'
+import { Mark, markInputRule, markPasteRule, mergeAttributes } from '@tiptap/core'
+
+export interface CodeOptions {
+  /**
+   * The HTML attributes applied to the code element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    code: {
+      /**
+       * Set a code mark
+       */
+      setCode: () => ReturnType
+      /**
+       * Toggle inline code
+       */
+      toggleCode: () => ReturnType
+      /**
+       * Unset a code mark
+       */
+      unsetCode: () => ReturnType
+    }
+  }
+}
+
+/**
+ * The regular expression used for the inline code input rule.
+ * @deprecated The extension now uses a function-based finder internally.
+ * This regex is kept for backward compatibility.
+ */
+export const inputRegex = /(^|[^`])`([^`]+)`(?!`)$/
+
+/**
+ * The regular expression used for the inline code paste rule.
+ * @deprecated The extension now uses a function-based finder internally.
+ * This regex is kept for backward compatibility.
+ */
+export const pasteRegex = /(^|[^`])`([^`]+)`(?!`)/g
+
+/**
+ * A function-based finder for the inline code input rule.
+ * Used internally by the extension to ensure the preceding character
+ * is not consumed as part of the match, preventing it from being deleted.
+ */
+export const inputRegexMatch = (text: string): InputRuleMatch | null => {
+  const match = /`([^`]+)`(?!`)$/.exec(text)
+
+  if (!match) {
+    return null
+  }
+
+  // Ensure the opening backtick isn't preceded by another backtick
+  if (match.index > 0 && text[match.index - 1] === '`') {
+    return null
+  }
+
+  return {
+    index: match.index,
+    text: match[0],
+    replaceWith: match[1],
+  }
+}
+
+/**
+ * A function-based finder for the inline code paste rule.
+ * Used internally by the extension to avoid consuming the preceding
+ * character as part of the match.
+ */
+export const pasteRegexMatch = (text: string): PasteRuleMatch[] => {
+  const regex = /`([^`]+)`(?!`)/g
+  const matches: PasteRuleMatch[] = []
+  let match: RegExpExecArray | null
+
+  while ((match = regex.exec(text)) !== null) {
+    // Ensure the opening backtick isn't preceded by another backtick
+    if (match.index > 0 && text[match.index - 1] === '`') {
+      continue
+    }
+
+    matches.push({
+      index: match.index,
+      text: match[0],
+      replaceWith: match[1],
+    })
+  }
+
+  return matches
+}
+
+/**
+ * This extension allows you to mark text as inline code.
+ * @see https://tiptap.dev/api/marks/code
+ */
+export const Code = Mark.create<CodeOptions>({
+  name: 'code',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  excludes: '_',
+
+  code: true,
+
+  exitable: true,
+
+  parseHTML() {
+    return [{ tag: 'code' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['code', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  markdownTokenName: 'codespan',
+
+  parseMarkdown: (token, helpers) => {
+    // Convert 'codespan' token to code mark
+    // For codespan tokens, we use the raw text content, not tokens
+    return helpers.applyMark('code', [{ type: 'text', text: token.text || '' }])
+  },
+
+  renderMarkdown: (node, h) => {
+    if (!node.content) {
+      return ''
+    }
+
+    return `\`${h.renderChildren(node.content)}\``
+  },
+
+  addCommands() {
+    return {
+      setCode:
+        () =>
+        ({ commands }) => {
+          return commands.setMark(this.name)
+        },
+      toggleCode:
+        () =>
+        ({ commands }) => {
+          return commands.toggleMark(this.name)
+        },
+      unsetCode:
+        () =>
+        ({ commands }) => {
+          return commands.unsetMark(this.name)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-e': () => this.editor.commands.toggleCode(),
+    }
+  },
+
+  addInputRules() {
+    return [
+      markInputRule({
+        find: inputRegexMatch,
+        type: this.type,
+      }),
+    ]
+  },
+
+  addPasteRules() {
+    return [
+      markPasteRule({
+        find: pasteRegexMatch,
+        type: this.type,
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-code/src/index.ts b/packages/extension-code/src/index.ts
new file mode 100644
index 0000000..fb77ea3
--- /dev/null
+++ b/packages/extension-code/src/index.ts
@@ -0,0 +1,5 @@
+import { Code } from './code.js'
+
+export * from './code.js'
+
+export default Code
diff --git a/packages/extension-code/vite.config.ts b/packages/extension-code/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-code/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-collaboration-caret/CHANGELOG.md b/packages/extension-collaboration-caret/CHANGELOG.md
new file mode 100644
index 0000000..c17b9e5
--- /dev/null
+++ b/packages/extension-collaboration-caret/CHANGELOG.md
@@ -0,0 +1,1863 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- 3c8da6a: Bump @tiptap/y-tiptap version to ensure users use latest version
+  - @tiptap/core@3.28.0
+  - @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- a38c9c0: Bump `@tiptap/y-tiptap` to version ^3.0.5
+  - @tiptap/core@3.26.1
+  - @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- ae17f17: Fix crash when awareness state value is null or undefined (e.g. after a client disconnects)
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- 976b8e3: Fix memory leak when destroying an editor while the collaboration provider stays alive (e.g. multiple editors sharing one provider). The extension's awareness `update` listener is now removed on destroy, so the editor can be garbage collected.
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- 1a55fd0: Fixed CollaborationCaret crash with "Cannot read properties of undefined (reading 'doc')" error by updating to @tiptap/y-tiptap@3.0.2, which includes a guard against undefined state during editor initialization. This issue affected editors initialized with HTML content, particularly when using tables.
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- 96e8605: Avoid mutating `this.options` in the `updateUser` command. `this.options` can be a getter and is not writable; the command now updates the provider awareness directly so user updates are applied correctly.
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- 50e8905: Fixed collaborative editing errors with certain emoji combinations (like 🔴🟢, 😎🐈, 🟣🔵) by updating `@tiptap/y-tiptap` to stable v3.0.0.
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- a33d20c: Replaced y-prosemirror with @tiptap/y-tiptap
+- 25ec82e: Renamed `@tiptap/extension-collaboration-cursor` to `@tiptap/extension-collaboration-caret` to clarify what kind of cursor this extension is implementing.
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- f43b2e5: Use newer y-prosemirror version to resolve dependency chaos
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- f43b2e5: Use newer y-prosemirror version to resolve dependency chaos
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Major Changes
+
+- 25ec82e: Renamed `@tiptap/extension-collaboration-cursor` to `@tiptap/extension-collaboration-caret` to clarify what kind of cursor this extension is implementing.
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- a33d20c: Replaced y-prosemirror with @tiptap/y-tiptap
+
+## 3.0.0-next.5
+
+### Major Changes
+
+- a33d20c: Replaced y-prosemirror with @tiptap/y-tiptap
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+### Bug Fixes
+
+- fix imports, fix demos, unpin y-prosemirror ([681aa57](https://github.com/ueberdosis/tiptap/commit/681aa577bff500015c3f925e300c55a71c73efaf))
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+### Reverts
+
+- Revert "fix(extension-link): fix link not being kept when pasting url with link (#3975)" ([1b34271](https://github.com/ueberdosis/tiptap/commit/1b34271edfdd6e81f670f9ddb15cd6838d986e9f)), closes [#3975](https://github.com/ueberdosis/tiptap/issues/3975)
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+### Bug Fixes
+
+- move y-prosemirror to peer-deps ([#3763](https://github.com/ueberdosis/tiptap/issues/3763)) ([8bf8fd2](https://github.com/ueberdosis/tiptap/commit/8bf8fd245235e22a904a38b956f3f4902649dd23))
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+### Bug Fixes
+
+- **collaboration:** fix missing y-prosemirror dependency ([ef108df](https://github.com/ueberdosis/tiptap/commit/ef108df92cfdc93bf2ad9c5b413871d40b7c5a44))
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.35...@tiptap/extension-collaboration-cursor@2.0.0-beta.37) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.35...@tiptap/extension-collaboration-cursor@2.0.0-beta.35) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.33...@tiptap/extension-collaboration-cursor@2.0.0-beta.34) (2022-01-04)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.32...@tiptap/extension-collaboration-cursor@2.0.0-beta.33) (2021-12-03)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.31...@tiptap/extension-collaboration-cursor@2.0.0-beta.32) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.30...@tiptap/extension-collaboration-cursor@2.0.0-beta.31) (2021-11-17)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.29...@tiptap/extension-collaboration-cursor@2.0.0-beta.30) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.28...@tiptap/extension-collaboration-cursor@2.0.0-beta.29) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.27...@tiptap/extension-collaboration-cursor@2.0.0-beta.28) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.26...@tiptap/extension-collaboration-cursor@2.0.0-beta.27) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.25...@tiptap/extension-collaboration-cursor@2.0.0-beta.26) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.24...@tiptap/extension-collaboration-cursor@2.0.0-beta.25) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.23...@tiptap/extension-collaboration-cursor@2.0.0-beta.24) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.22...@tiptap/extension-collaboration-cursor@2.0.0-beta.23) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.21...@tiptap/extension-collaboration-cursor@2.0.0-beta.22) (2021-10-04)
+
+### Bug Fixes
+
+- fix plugin order for collab, fix [#1973](https://github.com/ueberdosis/tiptap/issues/1973) ([2b16c2e](https://github.com/ueberdosis/tiptap/commit/2b16c2ea9633529657debff3cdbc74ff3a26b985))
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.20...@tiptap/extension-collaboration-cursor@2.0.0-beta.21) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.19...@tiptap/extension-collaboration-cursor@2.0.0-beta.20) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.18...@tiptap/extension-collaboration-cursor@2.0.0-beta.19) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.17...@tiptap/extension-collaboration-cursor@2.0.0-beta.18) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.16...@tiptap/extension-collaboration-cursor@2.0.0-beta.17) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.15...@tiptap/extension-collaboration-cursor@2.0.0-beta.16) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.14...@tiptap/extension-collaboration-cursor@2.0.0-beta.15) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.13...@tiptap/extension-collaboration-cursor@2.0.0-beta.14) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.12...@tiptap/extension-collaboration-cursor@2.0.0-beta.13) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.11...@tiptap/extension-collaboration-cursor@2.0.0-beta.12) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.10...@tiptap/extension-collaboration-cursor@2.0.0-beta.11) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.9...@tiptap/extension-collaboration-cursor@2.0.0-beta.10) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.8...@tiptap/extension-collaboration-cursor@2.0.0-beta.9) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.7...@tiptap/extension-collaboration-cursor@2.0.0-beta.8) (2021-04-20)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.6...@tiptap/extension-collaboration-cursor@2.0.0-beta.7) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.5...@tiptap/extension-collaboration-cursor@2.0.0-beta.6) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.4...@tiptap/extension-collaboration-cursor@2.0.0-beta.5) (2021-04-07)
+
+### Features
+
+- add priority option to extensions ([bb1ae65](https://github.com/ueberdosis/tiptap/commit/bb1ae659a463e97a7ada15af711347b5c004897a))
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.3...@tiptap/extension-collaboration-cursor@2.0.0-beta.4) (2021-03-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.2...@tiptap/extension-collaboration-cursor@2.0.0-beta.3) (2021-03-09)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-beta.1...@tiptap/extension-collaboration-cursor@2.0.0-beta.2) (2021-03-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-alpha.11...@tiptap/extension-collaboration-cursor@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-alpha.10...@tiptap/extension-collaboration-cursor@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-alpha.9...@tiptap/extension-collaboration-cursor@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-alpha.8...@tiptap/extension-collaboration-cursor@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-alpha.7...@tiptap/extension-collaboration-cursor@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-alpha.6...@tiptap/extension-collaboration-cursor@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-alpha.5...@tiptap/extension-collaboration-cursor@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-alpha.4...@tiptap/extension-collaboration-cursor@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-alpha.3...@tiptap/extension-collaboration-cursor@2.0.0-alpha.4) (2020-12-02)
+
+### Bug Fixes
+
+- retrieve awareness states after reconnect ([12d9942](https://github.com/ueberdosis/tiptap/commit/12d994275c0a4afa2344805e16998690a1c45a4d))
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-alpha.2...@tiptap/extension-collaboration-cursor@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@2.0.0-alpha.1...@tiptap/extension-collaboration-cursor@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@1.0.0-alpha.2...@tiptap/extension-collaboration-cursor@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration-cursor@1.0.0-alpha.1...@tiptap/extension-collaboration-cursor@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration-cursor
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-collaboration-caret/README.md b/packages/extension-collaboration-caret/README.md
new file mode 100644
index 0000000..8919ab7
--- /dev/null
+++ b/packages/extension-collaboration-caret/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-collaboration-caret
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-collaboration-caret.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-collaboration-caret)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-collaboration-caret.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-collaboration-caret.svg)](https://www.npmjs.com/package/@tiptap/extension-collaboration-caret)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-collaboration-caret/package.json b/packages/extension-collaboration-caret/package.json
new file mode 100644
index 0000000..a50f55a
--- /dev/null
+++ b/packages/extension-collaboration-caret/package.json
@@ -0,0 +1,60 @@
+{
+  "name": "@tiptap/extension-collaboration-caret",
+  "version": "3.30.3",
+  "description": "collaboration caret extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-collaboration-caret"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/extension-collaboration": "workspace:^",
+    "@tiptap/extension-document": "workspace:^",
+    "@tiptap/extension-paragraph": "workspace:^",
+    "@tiptap/extension-table": "workspace:^",
+    "@tiptap/extension-text": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "@tiptap/y-tiptap": "^3.0.7",
+    "yjs": "^13.6.23"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "@tiptap/y-tiptap": "^3.0.7"
+  }
+}
diff --git a/packages/extension-collaboration-caret/src/collaboration-caret.test.ts b/packages/extension-collaboration-caret/src/collaboration-caret.test.ts
new file mode 100644
index 0000000..6179125
--- /dev/null
+++ b/packages/extension-collaboration-caret/src/collaboration-caret.test.ts
@@ -0,0 +1,36 @@
+import { describe, expect, test } from 'vite-plus/test'
+
+import { CollaborationCaret } from './collaboration-caret.js'
+
+const maliciousColor =
+  'red; position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:2147483647; background:black'
+
+describe('default collaboration caret renderers', () => {
+  test('does not apply extra declarations from a user color', () => {
+    const cursor = CollaborationCaret.options.render({ name: 'Bob', color: maliciousColor })
+    const label = cursor.querySelector<HTMLElement>('.collaboration-carets__label')
+
+    expect(cursor.style.borderColor).toBe('transparent')
+    expect(cursor.style.position).toBe('')
+    expect(cursor.style.width).toBe('')
+    expect(label?.style.backgroundColor).toBe('transparent')
+  })
+
+  test('does not add extra declarations to a selection', () => {
+    const attributes = CollaborationCaret.options.selectionRender({
+      name: 'Bob',
+      color: maliciousColor,
+    })
+
+    expect(attributes.style).toBeUndefined()
+  })
+
+  test('applies a six-digit hex color to a selection', () => {
+    const attributes = CollaborationCaret.options.selectionRender({
+      name: 'Bob',
+      color: '#ff0000',
+    })
+
+    expect(attributes.style).toBe('background-color: #ff000070')
+  })
+})
diff --git a/packages/extension-collaboration-caret/src/collaboration-caret.ts b/packages/extension-collaboration-caret/src/collaboration-caret.ts
new file mode 100644
index 0000000..1826505
--- /dev/null
+++ b/packages/extension-collaboration-caret/src/collaboration-caret.ts
@@ -0,0 +1,225 @@
+import { Extension } from '@tiptap/core'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import type { DecorationAttrs } from '@tiptap/pm/view'
+import { defaultSelectionBuilder, yCursorPlugin } from '@tiptap/y-tiptap'
+import { isValidColor } from './lib/isValidColor.js'
+
+type CollaborationCaretStorage = {
+  users: { clientId: number; [key: string]: any }[]
+}
+
+export interface CollaborationCaretOptions {
+  /**
+   * The Hocuspocus provider instance. This can also be a TiptapCloudProvider instance.
+   * @type {HocuspocusProvider | TiptapCloudProvider}
+   * @example new HocuspocusProvider()
+   */
+  provider: any
+
+  /**
+   * The user details object – feel free to add properties to this object as needed
+   * @example { name: 'John Doe', color: '#305500' }
+   */
+  user: Record<string, any>
+
+  /**
+   * A function that returns a DOM element for the cursor.
+   * @param user The user details object
+   * @example
+   * render: user => {
+   *  const cursor = document.createElement('span')
+   *  cursor.classList.add('collaboration-carets__caret')
+   *  cursor.style.borderColor = user.color
+   *
+   *  const label = document.createElement('div')
+   *  label.classList.add('collaboration-carets__label')
+   *  label.style.backgroundColor = user.color
+   *  label.insertBefore(document.createTextNode(user.name), null)
+   *
+   *  cursor.insertBefore(label, null)
+   *  return cursor
+   * }
+   */
+  render(user: Record<string, any>): HTMLElement
+
+  /**
+   * A function that returns a ProseMirror DecorationAttrs object for the selection.
+   * @param user The user details object
+   * @example
+   * selectionRender: user => {
+   * return {
+   *  nodeName: 'span',
+   *  class: 'collaboration-carets__selection',
+   *  'data-user': user.name,
+   * }
+   */
+  selectionRender(user: Record<string, any>): DecorationAttrs
+
+  /**
+   * @deprecated The "onUpdate" option is deprecated. Please use `editor.storage.collaborationCaret.users` instead. Read more: https://tiptap.dev/api/extensions/collaboration-caret
+   */
+  onUpdate: (users: { clientId: number; [key: string]: any }[]) => null
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    collaborationCaret: {
+      /**
+       * Update details of the current user
+       * @example editor.commands.updateUser({ name: 'John Doe', color: '#305500' })
+       */
+      updateUser: (attributes: Record<string, any>) => ReturnType
+      /**
+       * Update details of the current user
+       *
+       * @deprecated The "user" command is deprecated. Please use "updateUser" instead. Read more: https://tiptap.dev/api/extensions/collaboration-caret
+       */
+      user: (attributes: Record<string, any>) => ReturnType
+    }
+  }
+
+  interface Storage {
+    collaborationCaret: CollaborationCaretStorage
+  }
+}
+
+const awarenessStatesToArray = (states: Map<number, Record<string, any> | null | undefined>) => {
+  return Array.from(states.entries()).map(([key, value]) => {
+    if (value && value.user) {
+      return {
+        clientId: key,
+        ...value.user,
+      }
+    }
+    return {
+      clientId: key,
+    }
+  })
+}
+
+const defaultOnUpdate = () => null
+
+const sanitizeUserColor = (user: Record<string, any>) => ({
+  ...user,
+  color: isValidColor(user.color) ? user.color : 'transparent',
+})
+
+/**
+ * This extension allows you to add collaboration carets to your editor.
+ * @see https://tiptap.dev/api/extensions/collaboration-caret
+ */
+export const CollaborationCaret = Extension.create<
+  CollaborationCaretOptions,
+  CollaborationCaretStorage
+>({
+  name: 'collaborationCaret',
+
+  priority: 999,
+
+  addOptions() {
+    return {
+      provider: null,
+      user: {
+        name: null,
+        color: null,
+      },
+      render: user => {
+        const cursor = document.createElement('span')
+        const { color } = sanitizeUserColor(user)
+
+        cursor.classList.add('collaboration-carets__caret')
+        cursor.style.borderColor = color
+
+        const label = document.createElement('div')
+
+        label.classList.add('collaboration-carets__label')
+        label.style.backgroundColor = color
+        label.insertBefore(document.createTextNode(user.name), null)
+        cursor.insertBefore(label, null)
+
+        return cursor
+      },
+      selectionRender: user => {
+        if (!isValidColor(user.color)) {
+          return {}
+        }
+
+        return defaultSelectionBuilder(user)
+      },
+      onUpdate: defaultOnUpdate,
+    }
+  },
+
+  onCreate() {
+    if (this.options.onUpdate !== defaultOnUpdate) {
+      console.warn(
+        '[tiptap warn]: DEPRECATED: The "onUpdate" option is deprecated. Please use `editor.storage.collaborationCaret.users` instead. Read more: https://tiptap.dev/api/extensions/collaboration-caret',
+      )
+    }
+    if (!this.options.provider) {
+      throw new Error('The "provider" option is required for the CollaborationCaret extension')
+    }
+  },
+
+  addStorage() {
+    return {
+      users: [],
+    }
+  },
+
+  addCommands() {
+    return {
+      updateUser: attributes => () => {
+        this.options.provider.awareness.setLocalStateField('user', attributes)
+        return true
+      },
+      user:
+        attributes =>
+        ({ editor }) => {
+          console.warn(
+            '[tiptap warn]: DEPRECATED: The "user" command is deprecated. Please use "updateUser" instead. Read more: https://tiptap.dev/api/extensions/collaboration-caret',
+          )
+
+          return editor.commands.updateUser(attributes)
+        },
+    }
+  },
+
+  addProseMirrorPlugins() {
+    const { provider } = this.options
+    const storage = this.storage
+    const user = this.options.user
+
+    // Owns the awareness 'update' subscription so it's torn down when the editor
+    // is destroyed. Without this, the listener would keep the editor reachable
+    // from a shared provider's awareness emitter and leak memory across editors.
+    const awarenessListenerPlugin = new Plugin({
+      key: new PluginKey('collaborationCaretAwarenessListener'),
+      view: () => {
+        const onAwarenessUpdate = () => {
+          storage.users = awarenessStatesToArray(provider.awareness.states)
+        }
+
+        provider.awareness.setLocalStateField('user', user)
+        storage.users = awarenessStatesToArray(provider.awareness.states)
+        provider.awareness.on('update', onAwarenessUpdate)
+
+        return {
+          destroy: () => {
+            provider.awareness.off('update', onAwarenessUpdate)
+            storage.users = []
+          },
+        }
+      },
+    })
+
+    return [
+      awarenessListenerPlugin,
+      yCursorPlugin(provider.awareness, {
+        cursorBuilder: currentUser => this.options.render(sanitizeUserColor(currentUser)),
+        selectionBuilder: currentUser =>
+          this.options.selectionRender(sanitizeUserColor(currentUser)),
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-collaboration-caret/src/index.ts b/packages/extension-collaboration-caret/src/index.ts
new file mode 100644
index 0000000..58f4d97
--- /dev/null
+++ b/packages/extension-collaboration-caret/src/index.ts
@@ -0,0 +1,5 @@
+import { CollaborationCaret } from './collaboration-caret.js'
+
+export * from './collaboration-caret.js'
+
+export default CollaborationCaret
diff --git a/packages/extension-collaboration-caret/src/lib/isValidColor.test.ts b/packages/extension-collaboration-caret/src/lib/isValidColor.test.ts
new file mode 100644
index 0000000..2709795
--- /dev/null
+++ b/packages/extension-collaboration-caret/src/lib/isValidColor.test.ts
@@ -0,0 +1,29 @@
+import { describe, expect, test } from 'vite-plus/test'
+
+import { isValidColor } from './isValidColor.js'
+
+const maliciousColor =
+  'red; position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:2147483647; background:black'
+
+describe('isValidColor', () => {
+  // we only expect 6-digit hex values because thats
+  // what y-tiptap is exposing to the client
+  test.each(['#ffffff', '#1a2b3c', '#ABCDEF'])('returns true for a six-digit hex color', color => {
+    expect(isValidColor(color)).toBe(true)
+  })
+
+  test.each([
+    null,
+    undefined,
+    '#fff',
+    '#ffff',
+    '#ffffffff',
+    'red',
+    'rgb(255, 0, 0)',
+    maliciousColor,
+    'red; background-image: url(https://example.com)',
+    'red } body { display: none',
+  ])('returns false for an unsupported color', color => {
+    expect(isValidColor(color)).toBe(false)
+  })
+})
diff --git a/packages/extension-collaboration-caret/src/lib/isValidColor.ts b/packages/extension-collaboration-caret/src/lib/isValidColor.ts
new file mode 100644
index 0000000..664a582
--- /dev/null
+++ b/packages/extension-collaboration-caret/src/lib/isValidColor.ts
@@ -0,0 +1,3 @@
+export function isValidColor(color: unknown): color is string {
+  return typeof color === 'string' && /^#[0-9a-fA-F]{6}$/.test(color)
+}
diff --git a/packages/extension-collaboration-caret/tests/integration/collaborationCaret.test.ts b/packages/extension-collaboration-caret/tests/integration/collaborationCaret.test.ts
new file mode 100644
index 0000000..565b902
--- /dev/null
+++ b/packages/extension-collaboration-caret/tests/integration/collaborationCaret.test.ts
@@ -0,0 +1,295 @@
+import { Editor } from '@tiptap/core'
+import Collaboration from '@tiptap/extension-collaboration'
+import CollaborationCaret from '@tiptap/extension-collaboration-caret'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import { Table, TableCell, TableHeader, TableRow } from '@tiptap/extension-table'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+import * as Y from 'yjs'
+
+/**
+ * Tests for CollaborationCaret extension, especially edge cases
+ * with initial HTML content and complex structures like tables.
+ */
+describe('extension-collaboration-caret', () => {
+  const editorElClass = 'tiptap'
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+    return editorEl
+  }
+
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  /**
+   * Test that the editor can be initialized with HTML content containing tables
+   * when using Collaboration and CollaborationCaret extensions.
+   *
+   * This test reproduces the issue from GitHub #6979 where the editor crashes
+   * with "Cannot read properties of undefined (reading 'doc')" when initialized
+   * with HTML content containing tables.
+   */
+  it('should not crash when initialized with HTML content containing tables', () => {
+    const ydoc = new Y.Doc()
+
+    // Create a mock provider with minimal awareness API
+    const mockProvider = {
+      awareness: {
+        states: new Map(),
+        setLocalStateField: () => {},
+        on: () => {},
+        off: () => {},
+        getStates: () => new Map(),
+      },
+    }
+
+    const editorEl = createEditorEl()
+
+    // This should not throw an error
+    expect(() => {
+      const editor = new Editor({
+        element: editorEl,
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Table,
+          TableRow,
+          TableHeader,
+          TableCell,
+          Collaboration.configure({
+            document: ydoc,
+          }),
+          CollaborationCaret.configure({
+            provider: mockProvider,
+            user: {
+              name: 'Test User',
+              color: '#ff0000',
+            },
+          }),
+        ],
+        content: `
+          <table>
+            <tr>
+              <th>Header 1</th>
+              <th>Header 2</th>
+            </tr>
+            <tr>
+              <td>Cell 1</td>
+              <td>Cell 2</td>
+            </tr>
+          </table>
+        `,
+      })
+
+      editor.destroy()
+    }).not.toThrow()
+
+    getEditorEl()?.remove()
+  })
+
+  /**
+   * Test that the editor can be initialized with simple HTML content
+   * when using Collaboration and CollaborationCaret extensions.
+   */
+  it('should not crash when initialized with simple HTML content', () => {
+    const ydoc = new Y.Doc()
+
+    const mockProvider = {
+      awareness: {
+        states: new Map(),
+        setLocalStateField: () => {},
+        on: () => {},
+        off: () => {},
+        getStates: () => new Map(),
+      },
+    }
+
+    const editorEl = createEditorEl()
+
+    expect(() => {
+      const editor = new Editor({
+        element: editorEl,
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Collaboration.configure({
+            document: ydoc,
+          }),
+          CollaborationCaret.configure({
+            provider: mockProvider,
+            user: {
+              name: 'Test User',
+              color: '#ff0000',
+            },
+          }),
+        ],
+        content: '<p>Hello world</p>',
+      })
+
+      editor.destroy()
+    }).not.toThrow()
+
+    getEditorEl()?.remove()
+  })
+
+  /**
+   * Regression test: when an editor is destroyed but the provider/awareness
+   * lives on (e.g. multiple editors sharing one provider), the awareness
+   * 'update' listener registered by CollaborationCaret must be removed.
+   * Otherwise the closure keeps the destroyed editor reachable and leaks memory.
+   */
+  it('should remove its awareness listener when the editor is destroyed', () => {
+    const ydoc = new Y.Doc()
+
+    const updateListeners = new Set<(...args: any[]) => void>()
+    const mockAwareness = {
+      states: new Map(),
+      setLocalStateField: () => {},
+      on: (event: string, fn: (...args: any[]) => void) => {
+        if (event === 'update') updateListeners.add(fn)
+      },
+      off: (event: string, fn: (...args: any[]) => void) => {
+        if (event === 'update') updateListeners.delete(fn)
+      },
+      getStates: () => new Map(),
+    }
+    const mockProvider = { awareness: mockAwareness }
+
+    const editorEl = createEditorEl()
+
+    const editor = new Editor({
+      element: editorEl,
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Collaboration.configure({ document: ydoc }),
+        CollaborationCaret.configure({
+          provider: mockProvider,
+          user: { name: 'Test User', color: '#ff0000' },
+        }),
+      ],
+    })
+
+    expect(updateListeners.size).toBe(1)
+
+    editor.destroy()
+
+    expect(updateListeners.size).toBe(0)
+
+    getEditorEl()?.remove()
+  })
+
+  /**
+   * Test that the editor can be initialized without any content
+   * when using Collaboration and CollaborationCaret extensions.
+   */
+  it('should work correctly when initialized without content', () => {
+    const ydoc = new Y.Doc()
+
+    const mockProvider = {
+      awareness: {
+        states: new Map(),
+        setLocalStateField: () => {},
+        on: () => {},
+        off: () => {},
+        getStates: () => new Map(),
+      },
+    }
+
+    const editorEl = createEditorEl()
+
+    expect(() => {
+      const editor = new Editor({
+        element: editorEl,
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          Collaboration.configure({
+            document: ydoc,
+          }),
+          CollaborationCaret.configure({
+            provider: mockProvider,
+            user: {
+              name: 'Test User',
+              color: '#ff0000',
+            },
+          }),
+        ],
+      })
+
+      editor.destroy()
+    }).not.toThrow()
+
+    getEditorEl()?.remove()
+  })
+
+  it('should handle null or undefined awareness state values without crashing', () => {
+    const ydoc = new Y.Doc()
+
+    const states = new Map<number, Record<string, any> | null>()
+
+    states.set(1, { user: { name: 'Alice', color: '#ff0000' } })
+    states.set(2, null as any)
+    states.set(3, undefined as any)
+    states.set(4, { user: { name: 'Bob', color: '#00ff00' } })
+
+    const mockProvider = {
+      awareness: {
+        states,
+        setLocalStateField: () => {},
+        on: () => {},
+        off: () => {},
+        getStates: () => states,
+      },
+    }
+
+    const editorEl = createEditorEl()
+
+    const editor = new Editor({
+      element: editorEl,
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Collaboration.configure({
+          document: ydoc,
+        }),
+        CollaborationCaret.configure({
+          provider: mockProvider,
+          user: {
+            name: 'Test User',
+            color: '#0000ff',
+          },
+        }),
+      ],
+    })
+
+    const users = editor.storage.collaborationCaret.users
+
+    expect(users).toEqual(
+      expect.arrayContaining([
+        expect.objectContaining({ clientId: 1, name: 'Alice', color: '#ff0000' }),
+        expect.objectContaining({ clientId: 4, name: 'Bob', color: '#00ff00' }),
+      ]),
+    )
+
+    const nullUser = users.find((u: any) => u.clientId === 2)
+
+    expect(nullUser).toEqual({ clientId: 2 })
+
+    const undefinedUser = users.find((u: any) => u.clientId === 3)
+
+    expect(undefinedUser).toEqual({ clientId: 3 })
+
+    editor.destroy()
+    getEditorEl()?.remove()
+  })
+})
diff --git a/packages/extension-collaboration-caret/vite.config.ts b/packages/extension-collaboration-caret/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-collaboration-caret/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-collaboration/CHANGELOG.md b/packages/extension-collaboration/CHANGELOG.md
new file mode 100644
index 0000000..2dd3ff2
--- /dev/null
+++ b/packages/extension-collaboration/CHANGELOG.md
@@ -0,0 +1,1895 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- 3c8da6a: Bump @tiptap/y-tiptap version to ensure users use latest version
+  - @tiptap/core@3.28.0
+  - @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- a38c9c0: Bump `@tiptap/y-tiptap` to version ^3.0.5
+  - @tiptap/core@3.26.1
+  - @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- 3163b13: Fixed `onContentError` not being triggered when invalid collaborative content is detected. The `filterTransaction` hook now allows the transaction through to keep ProseMirror state in sync with Yjs, ensuring the `contentError` event fires correctly.
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- de337e8: Fix a memory leak where destroying an editor while its Y.Doc/provider stays alive (e.g. multiple editors sharing one provider) left the editor uncollectable. Yjs' UndoManager registered a `doc.on('destroy', ...)` listener that was never removed, keeping the UndoManager — and through it the whole editor — reachable from the long-lived doc. Fixed upstream in `@tiptap/y-tiptap`; this bumps the dependency to pull in the fix.
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- 556b0a3: Moved content validation from Yjs `beforeTransaction` (whose return value was ignored) to ProseMirror `filterTransaction`, so invalid collaborative changes are now properly blocked.
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- 1a55fd0: Fixed CollaborationCaret crash with "Cannot read properties of undefined (reading 'doc')" error by updating to @tiptap/y-tiptap@3.0.2, which includes a guard against undefined state during editor initialization. This issue affected editors initialized with HTML content, particularly when using tables.
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Minor Changes
+
+- f232c5a: Implement position mapping using the `MappablePosition` class. This enables position mapping in collaborative editing scenarios.
+
+  - Introduce `MappablePosition` class in core with `position`, `fromJSON`, and `toJSON` methods
+  - Add `editor.utils` property with `getUpdatedPosition(position, transaction)` and `createMappablePosition()` methods
+  - Create `CollaborationMappablePosition` subclass that extends `MappablePosition` with Y.js relative position support
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- 50e8905: Fixed collaborative editing errors with certain emoji combinations (like 🔴🟢, 😎🐈, 🟣🔵) by updating `@tiptap/y-tiptap` to stable v3.0.0.
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- 02eae08: Fixed outdated warning message to reference `@tiptap/extension-undo-redo` instead of `@tiptap/extension-history`.
+  - @tiptap/core@3.3.1
+  - @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- a33d20c: Replaced y-prosemirror with @tiptap/y-tiptap
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- f43b2e5: Use newer y-prosemirror version to resolve dependency chaos
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- f43b2e5: Use newer y-prosemirror version to resolve dependency chaos
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- a33d20c: Replaced y-prosemirror with @tiptap/y-tiptap
+
+## 3.0.0-next.5
+
+### Major Changes
+
+- a33d20c: Replaced y-prosemirror with @tiptap/y-tiptap
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/pm@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/pm@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/pm@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/pm@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/pm@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/pm@2.5.1
+
+## 2.5.0
+
+### Minor Changes
+
+- fb45149: Add `ySyncOptions` property to `@tiptap/extension-collaboration` to allow passing options directly to y-prosemirror's plugin
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/pm@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/pm@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/pm@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/pm@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+### Reverts
+
+- Revert "fix(extension-link): fix link not being kept when pasting url with link (#3975)" ([1b34271](https://github.com/ueberdosis/tiptap/commit/1b34271edfdd6e81f670f9ddb15cd6838d986e9f)), closes [#3975](https://github.com/ueberdosis/tiptap/issues/3975)
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+### Bug Fixes
+
+- **collaboration:** fix missing y-prosemirror dependency ([ef108df](https://github.com/ueberdosis/tiptap/commit/ef108df92cfdc93bf2ad9c5b413871d40b7c5a44))
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.38](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.37...@tiptap/extension-collaboration@2.0.0-beta.38) (2022-06-27)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.36...@tiptap/extension-collaboration@2.0.0-beta.37) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.34...@tiptap/extension-collaboration@2.0.0-beta.36) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.34...@tiptap/extension-collaboration@2.0.0-beta.34) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.32...@tiptap/extension-collaboration@2.0.0-beta.33) (2022-01-04)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.31...@tiptap/extension-collaboration@2.0.0-beta.32) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.30...@tiptap/extension-collaboration@2.0.0-beta.31) (2021-11-17)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.29...@tiptap/extension-collaboration@2.0.0-beta.30) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.28...@tiptap/extension-collaboration@2.0.0-beta.29) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.27...@tiptap/extension-collaboration@2.0.0-beta.28) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.26...@tiptap/extension-collaboration@2.0.0-beta.27) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.25...@tiptap/extension-collaboration@2.0.0-beta.26) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.24...@tiptap/extension-collaboration@2.0.0-beta.25) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.23...@tiptap/extension-collaboration@2.0.0-beta.24) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.22...@tiptap/extension-collaboration@2.0.0-beta.23) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.21...@tiptap/extension-collaboration@2.0.0-beta.22) (2021-10-04)
+
+### Bug Fixes
+
+- fix plugin order for collab, fix [#1973](https://github.com/ueberdosis/tiptap/issues/1973) ([2b16c2e](https://github.com/ueberdosis/tiptap/commit/2b16c2ea9633529657debff3cdbc74ff3a26b985))
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.20...@tiptap/extension-collaboration@2.0.0-beta.21) (2021-10-03)
+
+### Features
+
+- add isChangeOrigin helper method ([92b6c5b](https://github.com/ueberdosis/tiptap/commit/92b6c5bdcef4589acaa824c2fc599787c02c1832))
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.19...@tiptap/extension-collaboration@2.0.0-beta.20) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.18...@tiptap/extension-collaboration@2.0.0-beta.19) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.17...@tiptap/extension-collaboration@2.0.0-beta.18) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.16...@tiptap/extension-collaboration@2.0.0-beta.17) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.15...@tiptap/extension-collaboration@2.0.0-beta.16) (2021-05-09)
+
+### Bug Fixes
+
+- add warn message when using collab and history extension together ([bf50af4](https://github.com/ueberdosis/tiptap/commit/bf50af4cf68cd883069cacabacc8deb2d07aca2a))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.14...@tiptap/extension-collaboration@2.0.0-beta.15) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.13...@tiptap/extension-collaboration@2.0.0-beta.14) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.12...@tiptap/extension-collaboration@2.0.0-beta.13) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.11...@tiptap/extension-collaboration@2.0.0-beta.12) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.10...@tiptap/extension-collaboration@2.0.0-beta.11) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.9...@tiptap/extension-collaboration@2.0.0-beta.10) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.8...@tiptap/extension-collaboration@2.0.0-beta.9) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.7...@tiptap/extension-collaboration@2.0.0-beta.8) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.6...@tiptap/extension-collaboration@2.0.0-beta.7) (2021-04-20)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.5...@tiptap/extension-collaboration@2.0.0-beta.6) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.4...@tiptap/extension-collaboration@2.0.0-beta.5) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.3...@tiptap/extension-collaboration@2.0.0-beta.4) (2021-03-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.2...@tiptap/extension-collaboration@2.0.0-beta.3) (2021-03-09)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-beta.1...@tiptap/extension-collaboration@2.0.0-beta.2) (2021-03-08)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-alpha.12...@tiptap/extension-collaboration@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-alpha.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-alpha.11...@tiptap/extension-collaboration@2.0.0-alpha.12) (2021-02-26)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-alpha.10...@tiptap/extension-collaboration@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-alpha.9...@tiptap/extension-collaboration@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-alpha.8...@tiptap/extension-collaboration@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-alpha.7...@tiptap/extension-collaboration@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-alpha.6...@tiptap/extension-collaboration@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-alpha.5...@tiptap/extension-collaboration@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-alpha.4...@tiptap/extension-collaboration@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-alpha.3...@tiptap/extension-collaboration@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-alpha.2...@tiptap/extension-collaboration@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@2.0.0-alpha.1...@tiptap/extension-collaboration@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@1.0.0-alpha.2...@tiptap/extension-collaboration@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-collaboration@1.0.0-alpha.1...@tiptap/extension-collaboration@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-collaboration
diff --git a/packages/extension-collaboration/README.md b/packages/extension-collaboration/README.md
new file mode 100644
index 0000000..d7e808a
--- /dev/null
+++ b/packages/extension-collaboration/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-collaboration
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-collaboration.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-collaboration)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-collaboration.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-collaboration.svg)](https://www.npmjs.com/package/@tiptap/extension-collaboration)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-collaboration/package.json b/packages/extension-collaboration/package.json
new file mode 100644
index 0000000..a24e883
--- /dev/null
+++ b/packages/extension-collaboration/package.json
@@ -0,0 +1,55 @@
+{
+  "name": "@tiptap/extension-collaboration",
+  "version": "3.30.3",
+  "description": "collaboration extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-collaboration"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "@tiptap/y-tiptap": "^3.0.7"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "@tiptap/y-tiptap": "^3.0.7",
+    "yjs": "^13"
+  }
+}
diff --git a/packages/extension-collaboration/src/collaboration.ts b/packages/extension-collaboration/src/collaboration.ts
new file mode 100644
index 0000000..0270351
--- /dev/null
+++ b/packages/extension-collaboration/src/collaboration.ts
@@ -0,0 +1,263 @@
+import { Extension } from '@tiptap/core'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import type { EditorView } from '@tiptap/pm/view'
+import { redo, undo, ySyncPlugin, yUndoPlugin, yUndoPluginKey } from '@tiptap/y-tiptap'
+import type { Doc, UndoManager, XmlFragment } from 'yjs'
+
+import {
+  createMappablePosition,
+  getUpdatedPosition,
+} from './helpers/CollaborationMappablePosition.js'
+import { isChangeOrigin } from './helpers/isChangeOrigin.js'
+
+type YSyncOpts = Parameters<typeof ySyncPlugin>[1]
+type YUndoOpts = Parameters<typeof yUndoPlugin>[0]
+
+export interface CollaborationStorage {
+  /**
+   * Whether collaboration is currently disabled.
+   * Disabling collaboration will prevent any changes from being synced with other users.
+   */
+  isDisabled: boolean
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    collaboration: {
+      /**
+       * Undo recent changes
+       * @example editor.commands.undo()
+       */
+      undo: () => ReturnType
+      /**
+       * Reapply reverted changes
+       * @example editor.commands.redo()
+       */
+      redo: () => ReturnType
+    }
+  }
+
+  interface Storage {
+    collaboration: CollaborationStorage
+  }
+}
+
+export interface CollaborationOptions {
+  /**
+   * An initialized Y.js document.
+   * @example new Y.Doc()
+   */
+  document?: Doc | null
+
+  /**
+   * Name of a Y.js fragment, can be changed to sync multiple fields with one Y.js document.
+   * @default 'default'
+   * @example 'my-custom-field'
+   */
+  field?: string
+
+  /**
+   * A raw Y.js fragment, can be used instead of `document` and `field`.
+   * @example new Y.Doc().getXmlFragment('body')
+   */
+  fragment?: XmlFragment | null
+
+  /**
+   * The collaboration provider.
+   * @default null
+   */
+  provider?: any | null
+
+  /**
+   * Fired when the content from Yjs is initially rendered to Tiptap.
+   */
+  onFirstRender?: () => void
+
+  /**
+   * Options for the Yjs sync plugin.
+   */
+  ySyncOptions?: YSyncOpts
+
+  /**
+   * Options for the Yjs undo plugin.
+   */
+  yUndoOptions?: YUndoOpts
+}
+
+/**
+ * This extension allows you to collaborate with others in real-time.
+ * @see https://tiptap.dev/api/extensions/collaboration
+ */
+export const Collaboration = Extension.create<CollaborationOptions, CollaborationStorage>({
+  name: 'collaboration',
+
+  priority: 1000,
+
+  addOptions() {
+    return {
+      document: null,
+      field: 'default',
+      fragment: null,
+      provider: null,
+    }
+  },
+
+  addStorage() {
+    return {
+      isDisabled: false,
+    }
+  },
+
+  onCreate() {
+    if (this.editor.extensionManager.extensions.find(extension => extension.name === 'undoRedo')) {
+      console.warn(
+        '[tiptap warn]: "@tiptap/extension-collaboration" comes with its own history support and is not compatible with "@tiptap/extension-undo-redo".',
+      )
+    }
+  },
+
+  onBeforeCreate() {
+    this.editor.utils.getUpdatedPosition = (position, transaction) =>
+      getUpdatedPosition(position, transaction, this.editor.state)
+    this.editor.utils.createMappablePosition = position =>
+      createMappablePosition(position, this.editor.state)
+  },
+
+  addCommands() {
+    return {
+      undo:
+        () =>
+        ({ tr, state, dispatch }) => {
+          tr.setMeta('preventDispatch', true)
+
+          const undoManager: UndoManager = yUndoPluginKey.getState(state).undoManager
+
+          if (undoManager.undoStack.length === 0) {
+            return false
+          }
+
+          if (!dispatch) {
+            return true
+          }
+
+          return undo(state)
+        },
+      redo:
+        () =>
+        ({ tr, state, dispatch }) => {
+          tr.setMeta('preventDispatch', true)
+
+          const undoManager: UndoManager = yUndoPluginKey.getState(state).undoManager
+
+          if (undoManager.redoStack.length === 0) {
+            return false
+          }
+
+          if (!dispatch) {
+            return true
+          }
+
+          return redo(state)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-z': () => this.editor.commands.undo(),
+      'Mod-y': () => this.editor.commands.redo(),
+      'Shift-Mod-z': () => this.editor.commands.redo(),
+    }
+  },
+
+  addProseMirrorPlugins() {
+    const fragment = this.options.fragment
+      ? this.options.fragment
+      : (this.options.document as Doc).getXmlFragment(this.options.field)
+
+    // Quick fix until there is an official implementation (thanks to @hamflx).
+    // See https://github.com/yjs/y-prosemirror/issues/114 and https://github.com/yjs/y-prosemirror/issues/102
+    const yUndoPluginInstance = yUndoPlugin(this.options.yUndoOptions)
+    const originalUndoPluginView = yUndoPluginInstance.spec.view
+
+    yUndoPluginInstance.spec.view = (view: EditorView) => {
+      const { undoManager } = yUndoPluginKey.getState(view.state)
+
+      if (undoManager.restore) {
+        undoManager.restore()
+        undoManager.restore = () => {
+          // noop
+        }
+      }
+
+      const viewRet = originalUndoPluginView ? originalUndoPluginView(view) : undefined
+
+      return {
+        destroy: () => {
+          const hasUndoManSelf = undoManager.trackedOrigins.has(undoManager)
+          // oxlint-disable-next-line no-underscore-dangle
+          const observers = undoManager._observers
+
+          undoManager.restore = () => {
+            if (hasUndoManSelf) {
+              undoManager.trackedOrigins.add(undoManager)
+            }
+
+            undoManager.doc.on('afterTransaction', undoManager.afterTransactionHandler)
+            // oxlint-disable-next-line no-underscore-dangle
+            undoManager._observers = observers
+          }
+
+          if (viewRet?.destroy) {
+            viewRet.destroy()
+          }
+        },
+      }
+    }
+
+    const ySyncPluginOptions: YSyncOpts = {
+      ...this.options.ySyncOptions,
+      onFirstRender: this.options.onFirstRender,
+    }
+
+    const ySyncPluginInstance = ySyncPlugin(fragment, ySyncPluginOptions)
+
+    return [
+      ySyncPluginInstance,
+      yUndoPluginInstance,
+      // Only add the filterInvalidContent plugin if content checking is enabled
+      this.editor.options.enableContentCheck &&
+        new Plugin({
+          key: new PluginKey('filterInvalidContent'),
+          filterTransaction: transaction => {
+            if (!isChangeOrigin(transaction)) {
+              return true
+            }
+            if (this.storage.isDisabled) {
+              return false
+            }
+            if (!transaction.docChanged) {
+              return true
+            }
+            try {
+              transaction.doc.check()
+              return true
+            } catch (error) {
+              this.storage.isDisabled = true
+              this.editor.emit('contentError', {
+                error: error as Error,
+                editor: this.editor,
+                disableCollaboration: () => {
+                  fragment.doc?.destroy()
+                },
+              })
+              // Allow the transaction so ProseMirror state stays in sync with Yjs
+              // (Yjs transactions cannot be cancelled). Returning false would cause
+              // a state mismatch and prevent onContentError from working properly.
+              return true
+            }
+          },
+        }),
+    ].filter(Boolean)
+  },
+})
diff --git a/packages/extension-collaboration/src/helpers/CollaborationMappablePosition.ts b/packages/extension-collaboration/src/helpers/CollaborationMappablePosition.ts
new file mode 100644
index 0000000..a38c5b5
--- /dev/null
+++ b/packages/extension-collaboration/src/helpers/CollaborationMappablePosition.ts
@@ -0,0 +1,92 @@
+import {
+  type GetUpdatedPositionResult,
+  getUpdatedPosition as coreGetUpdatedPosition,
+  MappablePosition,
+} from '@tiptap/core'
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+
+import { isChangeOrigin } from './isChangeOrigin.js'
+import {
+  type YRelativePosition,
+  getYAbsolutePosition,
+  getYRelativePosition,
+} from './yRelativePosition.js'
+
+/**
+ * A MappablePosition subclass that includes Y.js relative position information
+ * to track positions in collaborative transactions.
+ */
+export class CollaborationMappablePosition extends MappablePosition {
+  /**
+   * The Y.js relative position used for mapping positions in collaborative editing.
+   */
+  public yRelativePosition: YRelativePosition
+
+  constructor(position: number, yRelativePosition: YRelativePosition) {
+    super(position)
+    this.yRelativePosition = yRelativePosition
+  }
+
+  /**
+   * Creates a CollaborationMappablePosition from a JSON object.
+   */
+  static fromJSON(json: any): CollaborationMappablePosition {
+    return new CollaborationMappablePosition(json.position, json.yRelativePosition)
+  }
+
+  /**
+   * Converts the CollaborationMappablePosition to a JSON object.
+   */
+  toJSON(): any {
+    return {
+      position: this.position,
+      yRelativePosition: this.yRelativePosition,
+    }
+  }
+}
+
+/**
+ * Creates a MappablePosition from a position number.
+ * This is the collaboration implementation that returns a CollaborationMappablePosition.
+ */
+export function createMappablePosition(
+  position: number,
+  state: EditorState,
+): CollaborationMappablePosition {
+  const yRelativePosition = getYRelativePosition(state, position)
+  return new CollaborationMappablePosition(position, yRelativePosition)
+}
+
+/**
+ * Returns the new position after applying a transaction. Handles both Y.js
+ * transactions and regular transactions.
+ */
+export function getUpdatedPosition(
+  position: MappablePosition,
+  transaction: Transaction,
+  state: EditorState,
+): GetUpdatedPositionResult {
+  const yRelativePosition =
+    position instanceof CollaborationMappablePosition ? position.yRelativePosition : null
+
+  if (isChangeOrigin(transaction) && yRelativePosition) {
+    const absolutePosition = getYAbsolutePosition(state, yRelativePosition)
+
+    return {
+      position: new CollaborationMappablePosition(absolutePosition, yRelativePosition),
+      mapResult: null,
+    }
+  }
+
+  const result = coreGetUpdatedPosition(position, transaction)
+
+  const absolutePosition = result.position.position
+
+  return {
+    position: new CollaborationMappablePosition(
+      absolutePosition,
+      yRelativePosition ?? getYRelativePosition(state, absolutePosition),
+    ),
+    mapResult: result.mapResult,
+  }
+}
diff --git a/packages/extension-collaboration/src/helpers/isChangeOrigin.ts b/packages/extension-collaboration/src/helpers/isChangeOrigin.ts
new file mode 100644
index 0000000..787c7a5
--- /dev/null
+++ b/packages/extension-collaboration/src/helpers/isChangeOrigin.ts
@@ -0,0 +1,14 @@
+import type { Transaction } from '@tiptap/pm/state'
+import { ySyncPluginKey } from '@tiptap/y-tiptap'
+
+/**
+ * Checks if a transaction was originated from a Yjs change.
+ * @param {Transaction} transaction - The transaction to check.
+ * @returns {boolean} - True if the transaction was originated from a Yjs change, false otherwise.
+ * @example
+ * const transaction = new Transaction(doc)
+ * const isOrigin = isChangeOrigin(transaction) // returns false
+ */
+export function isChangeOrigin(transaction: Transaction): boolean {
+  return !!transaction.getMeta(ySyncPluginKey)
+}
diff --git a/packages/extension-collaboration/src/helpers/yRelativePosition.ts b/packages/extension-collaboration/src/helpers/yRelativePosition.ts
new file mode 100644
index 0000000..94d81d1
--- /dev/null
+++ b/packages/extension-collaboration/src/helpers/yRelativePosition.ts
@@ -0,0 +1,39 @@
+import type { EditorState } from '@tiptap/pm/state'
+import {
+  absolutePositionToRelativePosition,
+  relativePositionToAbsolutePosition,
+  ySyncPluginKey,
+} from '@tiptap/y-tiptap'
+
+/**
+ * A type that represents a Y.js relative position. Used to map a position from
+ * a transaction, handling both Yjs changes and regular transactions.
+ *
+ * If the editor is not collaborative, the value can be `null`.
+ */
+export type YRelativePosition = any
+
+/**
+ * Converts a Y.js relative position to a position in the Tiptap document.
+ */
+export function getYAbsolutePosition(state: EditorState, relativePos: YRelativePosition): number {
+  // ystate is never null because we've checked it before calling this function
+  const ystate = ySyncPluginKey.getState(state)
+  return (
+    relativePositionToAbsolutePosition(
+      ystate.doc,
+      ystate.type,
+      relativePos,
+      ystate.binding.mapping,
+    ) || 0
+  )
+}
+
+/**
+ * Converts a position in the Tiptap document to a Y.js relative position.
+ */
+export function getYRelativePosition(state: EditorState, absolutePos: number): YRelativePosition {
+  // ystate is never null because we've checked it before calling this function
+  const ystate = ySyncPluginKey.getState(state)
+  return absolutePositionToRelativePosition(absolutePos, ystate.type, ystate.binding.mapping)
+}
diff --git a/packages/extension-collaboration/src/index.ts b/packages/extension-collaboration/src/index.ts
new file mode 100644
index 0000000..7e8ad4f
--- /dev/null
+++ b/packages/extension-collaboration/src/index.ts
@@ -0,0 +1,7 @@
+import { Collaboration } from './collaboration.js'
+
+export * from './collaboration.js'
+export * from './helpers/CollaborationMappablePosition.js'
+export * from './helpers/isChangeOrigin.js'
+
+export default Collaboration
diff --git a/packages/extension-collaboration/tests/integration/filterInvalidContent.test.ts b/packages/extension-collaboration/tests/integration/filterInvalidContent.test.ts
new file mode 100644
index 0000000..d8ef435
--- /dev/null
+++ b/packages/extension-collaboration/tests/integration/filterInvalidContent.test.ts
@@ -0,0 +1,182 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import type { Plugin } from '@tiptap/pm/state'
+import { ySyncPluginKey } from '@tiptap/y-tiptap'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+import * as Y from 'yjs'
+
+import Collaboration from '@tiptap/extension-collaboration'
+
+describe('filterInvalidContent', () => {
+  let editor: Editor | null = null
+  let el: HTMLElement | null = null
+
+  afterEach(() => {
+    editor?.destroy()
+    el?.remove()
+    editor = null
+    el = null
+  })
+
+  const createCollabEditor = async (
+    opts: {
+      onContentError?: (args: { disableCollaboration: () => void }) => void
+    } = {},
+  ) => {
+    const ydoc = new Y.Doc()
+
+    el = document.createElement('div')
+    document.body.appendChild(el)
+
+    editor = new Editor({
+      element: el,
+      extensions: [Document, Paragraph, Text, Collaboration.configure({ document: ydoc })],
+      enableContentCheck: true,
+      onContentError: opts.onContentError ?? (() => {}),
+    })
+
+    await new Promise<void>(resolve => {
+      setTimeout(resolve, 10)
+    })
+
+    return { editor, el, ydoc }
+  }
+
+  const findFilterPlugin = (e: Editor): Plugin | undefined =>
+    e.state.plugins.find(p => p.spec.filterTransaction && p.key.includes('filterInvalidContent'))
+
+  it('emits contentError and disables collaboration on invalid Yjs content while allowing the transaction', async () => {
+    let contentErrorCalled = false
+
+    const { editor: ed } = await createCollabEditor({
+      onContentError: () => {
+        contentErrorCalled = true
+      },
+    })
+
+    const plugin = findFilterPlugin(ed)
+
+    expect(plugin).toBeDefined()
+
+    const tr = ed.state.tr.insertText('x', 1)
+
+    tr.setMeta(ySyncPluginKey, { binding: true })
+
+    vi.spyOn(tr.doc, 'check').mockImplementation(() => {
+      throw new RangeError('Invalid content for node doc')
+    })
+
+    const result = plugin!.spec.filterTransaction!(tr, ed.state)
+
+    expect(result).toBe(true)
+    expect(contentErrorCalled).toBe(true)
+    expect(ed.storage.collaboration.isDisabled).toBe(true)
+  })
+
+  it('allows local (non-Yjs) transactions through', async () => {
+    const { editor: ed } = await createCollabEditor({
+      onContentError: () => {
+        throw new Error('contentError should not fire for local transactions')
+      },
+    })
+
+    ed.commands.insertContent('hello')
+    expect(ed.getText()).toContain('hello')
+  })
+
+  it('blocks Yjs transactions when isDisabled is true', async () => {
+    const { editor: ed } = await createCollabEditor()
+
+    ed.storage.collaboration.isDisabled = true
+
+    const docBefore = ed.state.doc.toJSON()
+
+    const tr = ed.state.tr.insertText('injected', 1)
+
+    tr.setMeta(ySyncPluginKey, { binding: true })
+    ed.view.dispatch(tr)
+
+    expect(ed.state.doc.toJSON()).toEqual(docBefore)
+  })
+
+  it('allows Yjs transactions that do not change the doc', async () => {
+    const { editor: ed } = await createCollabEditor({
+      onContentError: () => {
+        throw new Error('contentError should not fire for metadata-only transactions')
+      },
+    })
+
+    const plugin = findFilterPlugin(ed)
+
+    expect(plugin).toBeDefined()
+
+    const tr = ed.state.tr
+
+    tr.setMeta(ySyncPluginKey, { binding: true })
+
+    expect(tr.docChanged).toBe(false)
+
+    const result = plugin!.spec.filterTransaction!(tr, ed.state)
+
+    expect(result).toBe(true)
+  })
+
+  it('emits contentError with disableCollaboration callback', async () => {
+    let disableCollab: (() => void) | null = null
+
+    const { editor: ed, ydoc } = await createCollabEditor({
+      onContentError: args => {
+        disableCollab = args.disableCollaboration
+      },
+    })
+
+    const plugin = findFilterPlugin(ed)
+
+    expect(plugin).toBeDefined()
+
+    const tr = ed.state.tr.insertText('x', 1)
+
+    tr.setMeta(ySyncPluginKey, { binding: true })
+    vi.spyOn(tr.doc, 'check').mockImplementation(() => {
+      throw new RangeError('Invalid content')
+    })
+
+    plugin!.spec.filterTransaction!(tr, ed.state)
+
+    expect(disableCollab).not.toBeNull()
+
+    const destroySpy = vi.spyOn(ydoc, 'destroy')
+
+    disableCollab!()
+    expect(destroySpy).toHaveBeenCalled()
+  })
+
+  it('recovers from invalid initial content via disableCollaboration + setContent (#7493)', () => {
+    const ydoc = new Y.Doc()
+
+    el = document.createElement('div')
+    document.body.appendChild(el)
+
+    let ranHandler = false
+
+    expect(() => {
+      editor = new Editor({
+        element: el as HTMLElement,
+        extensions: [Document, Paragraph, Text, Collaboration.configure({ document: ydoc })],
+        content: '<p>keepme</p><foobar></foobar>',
+        enableContentCheck: true,
+        onContentError: ({ editor: contentErrorEditor, disableCollaboration }) => {
+          ranHandler = true
+          disableCollaboration()
+          contentErrorEditor.commands.setContent('<p>recovered</p>')
+        },
+      })
+    }).not.toThrow()
+
+    expect(ranHandler).toBe(true)
+    expect(editor!.storage.collaboration).toBeUndefined()
+    expect(editor!.getText()).toBe('recovered')
+  })
+})
diff --git a/packages/extension-collaboration/tests/integration/memoryLeak.test.ts b/packages/extension-collaboration/tests/integration/memoryLeak.test.ts
new file mode 100644
index 0000000..d63bc4f
--- /dev/null
+++ b/packages/extension-collaboration/tests/integration/memoryLeak.test.ts
@@ -0,0 +1,86 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+import * as Y from 'yjs'
+
+import Collaboration from '@tiptap/extension-collaboration'
+
+/**
+ * Regression test for the memory leak where destroying an editor while the
+ * Y.Doc/provider lives on (e.g. several editors sharing one provider) left the
+ * editor reachable.
+ *
+ * Root cause: Yjs' UndoManager registers a `doc.on('destroy', ...)` listener in
+ * its constructor that `UndoManager.destroy()` never removes. The long-lived doc
+ * then keeps the UndoManager — and through it the whole editor — alive.
+ *
+ * The extension now removes that listener on destroy. We assert the doc's
+ * 'destroy' listener count returns to its pre-creation baseline, which is a
+ * deterministic proxy for the listener no longer pinning the editor.
+ */
+describe('extension-collaboration memory leak', () => {
+  let editor: Editor | null = null
+  let el: HTMLElement | null = null
+
+  afterEach(() => {
+    editor?.destroy()
+    el?.remove()
+    editor = null
+    el = null
+  })
+
+  const docDestroyListenerCount = (ydoc: Y.Doc) => {
+    // lib0 ObservableV2 stores listeners in a Map<eventName, Set<fn>>
+    // oxlint-disable-next-line no-underscore-dangle
+    const observers = (ydoc as any)._observers?.get('destroy') as Set<unknown> | undefined
+    return observers ? observers.size : 0
+  }
+
+  it("removes the UndoManager's doc 'destroy' listener when the editor is destroyed", () => {
+    const ydoc = new Y.Doc()
+    const baseline = docDestroyListenerCount(ydoc)
+
+    el = document.createElement('div')
+    document.body.appendChild(el)
+
+    editor = new Editor({
+      element: el,
+      extensions: [Document, Paragraph, Text, Collaboration.configure({ document: ydoc })],
+    })
+
+    // An edit populates the undo stack, mirroring real usage.
+    editor.commands.insertContent('<p>hello world</p>')
+
+    // The UndoManager added its listener during construction.
+    expect(docDestroyListenerCount(ydoc)).toBeGreaterThan(baseline)
+
+    editor.destroy()
+    editor = null
+
+    // After destroy, the doc is back to its baseline — the listener that pinned
+    // the editor to the long-lived doc is gone.
+    expect(docDestroyListenerCount(ydoc)).toBe(baseline)
+  })
+
+  it('does not accumulate doc listeners across many editor lifecycles on a shared doc', () => {
+    const ydoc = new Y.Doc()
+    const baseline = docDestroyListenerCount(ydoc)
+
+    for (let i = 0; i < 10; i += 1) {
+      const element = document.createElement('div')
+      document.body.appendChild(element)
+
+      const instance = new Editor({
+        element,
+        extensions: [Document, Paragraph, Text, Collaboration.configure({ document: ydoc })],
+      })
+      instance.commands.insertContent(`<p>edit ${i}</p>`)
+      instance.destroy()
+      element.remove()
+    }
+
+    expect(docDestroyListenerCount(ydoc)).toBe(baseline)
+  })
+})
diff --git a/packages/extension-collaboration/vite.config.ts b/packages/extension-collaboration/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-collaboration/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-color/CHANGELOG.md b/packages/extension-color/CHANGELOG.md
new file mode 100644
index 0000000..11b6454
--- /dev/null
+++ b/packages/extension-color/CHANGELOG.md
@@ -0,0 +1,1424 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [4ae6ea0]
+  - @tiptap/extension-text-style@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/extension-text-style@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+  - @tiptap/extension-text-style@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- Updated dependencies [04a0f34]
+  - @tiptap/extension-text-style@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- Updated dependencies [46fa8b8]
+  - @tiptap/extension-text-style@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [f77cbac]
+- Updated dependencies [0bad53e]
+- Updated dependencies [0b4981c]
+- Updated dependencies [3b4e06c]
+- Updated dependencies [8c69002]
+  - @tiptap/extension-text-style@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/extension-text-style@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/extension-text-style@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/extension-text-style@3.0.0-next.1
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/extension-text-style@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/extension-text-style@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/extension-text-style@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+  - @tiptap/extension-text-style@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/extension-text-style@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/extension-text-style@2.5.4
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/extension-text-style@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/extension-text-style@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/extension-text-style@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/extension-text-style@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/extension-text-style@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/extension-text-style@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/extension-text-style@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/extension-text-style@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/extension-text-style@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/extension-text-style@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/extension-text-style@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/extension-text-style@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/extension-text-style@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/extension-text-style@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-color@2.0.0-beta.10...@tiptap/extension-color@2.0.0-beta.12) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-color@2.0.0-beta.10...@tiptap/extension-color@2.0.0-beta.10) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-color@2.0.0-beta.8...@tiptap/extension-color@2.0.0-beta.9) (2021-11-22)
+
+### Bug Fixes
+
+- Export type ColorOptions ([#2180](https://github.com/ueberdosis/tiptap/issues/2180)) ([bc242fe](https://github.com/ueberdosis/tiptap/commit/bc242fe3424300f934b623477158aa8f837cf1c7))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-color@2.0.0-beta.7...@tiptap/extension-color@2.0.0-beta.8) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-color@2.0.0-beta.6...@tiptap/extension-color@2.0.0-beta.7) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-color@2.0.0-beta.5...@tiptap/extension-color@2.0.0-beta.6) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-color@2.0.0-beta.4...@tiptap/extension-color@2.0.0-beta.5) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-color@2.0.0-beta.3...@tiptap/extension-color@2.0.0-beta.4) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-color
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-color@2.0.0-beta.2...@tiptap/extension-color@2.0.0-beta.3) (2021-09-08)
+
+### Features
+
+- parseHTML for attributes should return the value instead of an object now, fix [#1863](https://github.com/ueberdosis/tiptap/issues/1863) ([8a3b47a](https://github.com/ueberdosis/tiptap/commit/8a3b47a529d28b28b50d634c6ff69b8e5aad3080))
+
+# 2.0.0-beta.2 (2021-08-19)
+
+**Note:** Version bump only for package @tiptap/extension-color
diff --git a/packages/extension-color/README.md b/packages/extension-color/README.md
new file mode 100644
index 0000000..64542b4
--- /dev/null
+++ b/packages/extension-color/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-color
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-color.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-color)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-color.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-color.svg)](https://www.npmjs.com/package/@tiptap/extension-color)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-color/package.json b/packages/extension-color/package.json
new file mode 100644
index 0000000..87daed7
--- /dev/null
+++ b/packages/extension-color/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-color",
+  "version": "3.30.3",
+  "description": "text color extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-color"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/extension-text-style": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/extension-text-style": "workspace:*"
+  }
+}
diff --git a/packages/extension-color/src/index.ts b/packages/extension-color/src/index.ts
new file mode 100644
index 0000000..7551fe2
--- /dev/null
+++ b/packages/extension-color/src/index.ts
@@ -0,0 +1,6 @@
+import type { ColorOptions } from '@tiptap/extension-text-style'
+import { Color } from '@tiptap/extension-text-style'
+
+export { Color, ColorOptions }
+
+export default Color
diff --git a/packages/extension-color/vite.config.ts b/packages/extension-color/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-color/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-details/CHANGELOG.md b/packages/extension-details/CHANGELOG.md
new file mode 100644
index 0000000..157066b
--- /dev/null
+++ b/packages/extension-details/CHANGELOG.md
@@ -0,0 +1,1186 @@
+# @tiptap/extension-details
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [4ae6ea0]
+- Updated dependencies [965a880]
+  - @tiptap/extension-text-style@3.30.3
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/extension-text-style@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/extension-text-style@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+  - @tiptap/extension-text-style@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/extension-text-style@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/extension-text-style@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+  - @tiptap/extension-text-style@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- 231b10d: Fix the cursor moving to the details summary after typing in content at the start of a document.
+  - @tiptap/core@3.28.0
+  - @tiptap/extension-text-style@3.28.0
+  - @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/extension-text-style@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/extension-text-style@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+  - @tiptap/extension-text-style@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/extension-text-style@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/extension-text-style@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/extension-text-style@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/extension-text-style@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+  - @tiptap/extension-text-style@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- 7bafb7e: Fix persisted details toggles when the details node is at the start of the document.
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+  - @tiptap/extension-text-style@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/extension-text-style@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/extension-text-style@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/extension-text-style@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/extension-text-style@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/extension-text-style@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/extension-text-style@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/extension-text-style@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/extension-text-style@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/extension-text-style@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/extension-text-style@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/extension-text-style@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/extension-text-style@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- 3a4f0c5: Fix a rerender loop in the Details node view when the toggle button updates its DOM attributes through `renderToggleButton`.
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/extension-text-style@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Minor Changes
+
+- 1c675c1: Add a `renderToggleButton` option to customize the details toggle button, including its accessible label.
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/extension-text-style@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/extension-text-style@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/extension-text-style@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/extension-text-style@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/extension-text-style@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/extension-text-style@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/extension-text-style@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/extension-text-style@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/extension-text-style@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/extension-text-style@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/extension-text-style@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/extension-text-style@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/extension-text-style@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/extension-text-style@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/extension-text-style@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/extension-text-style@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/extension-text-style@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/extension-text-style@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/extension-text-style@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/extension-text-style@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/extension-text-style@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/extension-text-style@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/extension-text-style@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/extension-text-style@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/extension-text-style@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/extension-text-style@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/extension-text-style@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/extension-text-style@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/extension-text-style@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/extension-text-style@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/extension-text-style@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/extension-text-style@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/extension-text-style@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/extension-text-style@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/extension-text-style@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/extension-text-style@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/extension-text-style@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/extension-text-style@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/extension-text-style@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/extension-text-style@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/extension-text-style@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/extension-text-style@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/extension-text-style@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/extension-text-style@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/extension-text-style@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/extension-text-style@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- Updated dependencies [04a0f34]
+  - @tiptap/extension-text-style@3.5.3
+  - @tiptap/core@3.5.3
+  - @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/extension-text-style@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/extension-text-style@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/extension-text-style@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/extension-text-style@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/extension-text-style@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/extension-text-style@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/extension-text-style@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/extension-text-style@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- Updated dependencies [46fa8b8]
+  - @tiptap/extension-text-style@3.4.1
+  - @tiptap/core@3.4.1
+  - @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- d3773c7: Fixed an issue where the input method editor (IME) failed to handle Chinese text correctly when entering the first word. Users can now input multiple words as expected.
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/extension-text-style@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/extension-text-style@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/extension-text-style@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/extension-text-style@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/extension-text-style@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/extension-text-style@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/extension-text-style@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/extension-text-style@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/extension-text-style@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/extension-text-style@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/extension-text-style@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/extension-text-style@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/extension-text-style@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/extension-text-style@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/extension-text-style@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- da7ccd9: Removed details summary and details content and include it in details
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [f77cbac]
+- Updated dependencies [0bad53e]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [0b4981c]
+- Updated dependencies [704f462]
+- Updated dependencies [3b4e06c]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/extension-text-style@3.0.1
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/extension-text-style@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/extension-text-style@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/extension-text-style@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/extension-text-style@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/extension-text-style@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/extension-text-style@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/extension-text-style@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/extension-text-style@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/extension-text-style@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/extension-text-style@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/extension-text-style@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/extension-text-style@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/extension-text-style@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/extension-text-style@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/extension-text-style@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/extension-text-style@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/extension-text-style@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/extension-text-style@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- da7ccd9: Removed details summary and details content and include it in details
+  - @tiptap/core@3.0.0-beta.12
+  - @tiptap/extension-text-style@3.0.0-beta.12
+  - @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/extension-text-style@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/extension-text-style@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
diff --git a/packages/extension-details/README.md b/packages/extension-details/README.md
new file mode 100644
index 0000000..6782cea
--- /dev/null
+++ b/packages/extension-details/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-details
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-details.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-details)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-details.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-details.svg)](https://www.npmjs.com/package/@tiptap/extension-details)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-details/package.json b/packages/extension-details/package.json
new file mode 100644
index 0000000..5a5e6e9
--- /dev/null
+++ b/packages/extension-details/package.json
@@ -0,0 +1,54 @@
+{
+  "name": "@tiptap/extension-details",
+  "version": "3.30.3",
+  "description": "details extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev/api/nodes/details",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-details"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/extension-text-style": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/extension-text-style": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-details/src/content/details-content.ts b/packages/extension-details/src/content/details-content.ts
new file mode 100644
index 0000000..beb2feb
--- /dev/null
+++ b/packages/extension-details/src/content/details-content.ts
@@ -0,0 +1,170 @@
+import {
+  createBlockMarkdownSpec,
+  defaultBlockAt,
+  findParentNode,
+  mergeAttributes,
+  Node,
+} from '@tiptap/core'
+import { Selection } from '@tiptap/pm/state'
+import type { ViewMutationRecord } from '@tiptap/pm/view'
+
+export interface DetailsContentOptions {
+  /**
+   * Custom HTML attributes that should be added to the rendered HTML tag.
+   */
+  HTMLAttributes: {
+    [key: string]: any
+  }
+}
+
+export const DetailsContent = Node.create<DetailsContentOptions>({
+  name: 'detailsContent',
+
+  content: 'block+',
+
+  defining: true,
+
+  selectable: false,
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: `div[data-type="${this.name}"]`,
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      'div',
+      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { 'data-type': this.name }),
+      0,
+    ]
+  },
+
+  addNodeView() {
+    return ({ HTMLAttributes }) => {
+      const dom = document.createElement('div')
+      const attributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+        'data-type': this.name,
+        hidden: 'hidden',
+      })
+
+      Object.entries(attributes).forEach(([key, value]) => dom.setAttribute(key, value))
+
+      dom.addEventListener('toggleDetailsContent', () => {
+        dom.toggleAttribute('hidden')
+      })
+
+      return {
+        dom,
+        contentDOM: dom,
+        ignoreMutation(mutation: ViewMutationRecord) {
+          if (mutation.type === 'selection') {
+            return false
+          }
+
+          return !dom.contains(mutation.target) || dom === mutation.target
+        },
+        update: updatedNode => {
+          if (updatedNode.type !== this.type) {
+            return false
+          }
+
+          return true
+        },
+      }
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      // Escape node on double enter
+      Enter: ({ editor }) => {
+        const { state, view } = editor
+        const { selection } = state
+        const { $from, empty } = selection
+        const detailsContent = findParentNode(node => node.type === this.type)(selection)
+
+        if (!empty || !detailsContent || !detailsContent.node.childCount) {
+          return false
+        }
+
+        const fromIndex = $from.index(detailsContent.depth)
+        const { childCount } = detailsContent.node
+        const isAtEnd = childCount === fromIndex + 1
+
+        if (!isAtEnd) {
+          return false
+        }
+
+        const defaultChildType = detailsContent.node.type.contentMatch.defaultType
+        const defaultChildNode = defaultChildType?.createAndFill()
+
+        if (!defaultChildNode) {
+          return false
+        }
+
+        const $childPos = state.doc.resolve(detailsContent.pos + 1)
+        const lastChildIndex = childCount - 1
+        const lastChildNode = detailsContent.node.child(lastChildIndex)
+        const lastChildPos = $childPos.posAtIndex(lastChildIndex, detailsContent.depth)
+        const lastChildNodeIsEmpty = lastChildNode.eq(defaultChildNode)
+
+        if (!lastChildNodeIsEmpty) {
+          return false
+        }
+
+        // get parent of details node
+        const above = $from.node(-3)
+
+        if (!above) {
+          return false
+        }
+
+        // get default node type after details node
+        const after = $from.indexAfter(-3)
+        const type = defaultBlockAt(above.contentMatchAt(after))
+
+        if (!type || !above.canReplaceWith(after, after, type)) {
+          return false
+        }
+
+        const node = type.createAndFill()
+
+        if (!node) {
+          return false
+        }
+
+        const { tr } = state
+        const pos = $from.after(-2)
+
+        tr.replaceWith(pos, pos, node)
+
+        const $pos = tr.doc.resolve(pos)
+        const newSelection = Selection.near($pos, 1)
+
+        tr.setSelection(newSelection)
+
+        const deleteFrom = lastChildPos
+        const deleteTo = lastChildPos + lastChildNode.nodeSize
+
+        tr.delete(deleteFrom, deleteTo)
+        tr.scrollIntoView()
+        view.dispatch(tr)
+
+        return true
+      },
+    }
+  },
+
+  ...createBlockMarkdownSpec({
+    nodeName: 'detailsContent',
+  }),
+})
diff --git a/packages/extension-details/src/content/index.ts b/packages/extension-details/src/content/index.ts
new file mode 100644
index 0000000..9c4bc7d
--- /dev/null
+++ b/packages/extension-details/src/content/index.ts
@@ -0,0 +1,5 @@
+import { DetailsContent } from './details-content.js'
+
+export * from './details-content.js'
+
+export default DetailsContent
diff --git a/packages/extension-details/src/details.ts b/packages/extension-details/src/details.ts
new file mode 100644
index 0000000..be78f14
--- /dev/null
+++ b/packages/extension-details/src/details.ts
@@ -0,0 +1,514 @@
+import {
+  createBlockMarkdownSpec,
+  defaultBlockAt,
+  findChildren,
+  findParentNode,
+  isActive,
+  mergeAttributes,
+  Node,
+} from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Plugin, PluginKey, Selection, TextSelection } from '@tiptap/pm/state'
+import type { ViewMutationRecord } from '@tiptap/pm/view'
+
+import { findClosestVisibleNode } from './helpers/findClosestVisibleNode.js'
+import { isNodeVisible } from './helpers/isNodeVisible.js'
+import { setGapCursor } from './helpers/setGapCursor.js'
+
+export interface DetailsRenderToggleButtonOptions {
+  /**
+   * The toggle button element rendered by the node view.
+   */
+  element: HTMLButtonElement
+  /**
+   * The current open state of the details node.
+   */
+  isOpen: boolean
+  /**
+   * The current node used to derive toggle button state.
+   */
+  node: PMNode
+}
+
+export interface DetailsOptions {
+  /**
+   * Specify if the open status should be saved in the document. Defaults to `false`.
+   */
+  persist: boolean
+  /**
+   * Specifies a CSS class that is set when toggling the content. Defaults to `is-open`.
+   */
+  openClassName: string
+  /**
+   * Custom HTML attributes that should be added to the rendered HTML tag.
+   */
+  HTMLAttributes: {
+    [key: string]: any
+  }
+  /**
+   * Customizes the rendered toggle button.
+   */
+  renderToggleButton: (options: DetailsRenderToggleButtonOptions) => void
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    details: {
+      /**
+       * Set a details node
+       */
+      setDetails: () => ReturnType
+      /**
+       * Unset a details node
+       */
+      unsetDetails: () => ReturnType
+    }
+  }
+}
+
+export const Details = Node.create<DetailsOptions>({
+  name: 'details',
+
+  content: 'detailsSummary detailsContent',
+
+  group: 'block',
+
+  defining: true,
+
+  isolating: true,
+
+  // @ts-ignore reason: `allowGapCursor` is not a valid property by default, but the `GapCursor` extension adds it to the Nodeconfig type
+  allowGapCursor: false,
+
+  addOptions() {
+    return {
+      persist: false,
+      openClassName: 'is-open',
+      HTMLAttributes: {},
+      renderToggleButton: ({ element, isOpen }) => {
+        element.setAttribute(
+          'aria-label',
+          isOpen ? 'Collapse details content' : 'Expand details content',
+        )
+      },
+    }
+  },
+
+  addAttributes() {
+    if (!this.options.persist) {
+      return []
+    }
+
+    return {
+      open: {
+        default: false,
+        parseHTML: element => element.hasAttribute('open'),
+        renderHTML: ({ open }) => {
+          if (!open) {
+            return {}
+          }
+
+          return { open: '' }
+        },
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'details',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['details', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  ...createBlockMarkdownSpec({
+    nodeName: 'details',
+    content: 'block',
+  }),
+
+  addNodeView() {
+    return ({ editor, getPos, node, HTMLAttributes }) => {
+      const dom = document.createElement('div')
+      const attributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+        'data-type': this.name,
+      })
+
+      Object.entries(attributes).forEach(([key, value]) => dom.setAttribute(key, value))
+
+      const toggle = document.createElement('button')
+
+      toggle.type = 'button'
+
+      const renderToggleButton = (options: Omit<DetailsRenderToggleButtonOptions, 'element'>) => {
+        this.options.renderToggleButton({
+          element: toggle,
+          ...options,
+        })
+      }
+
+      dom.append(toggle)
+
+      const content = document.createElement('div')
+
+      dom.append(content)
+
+      const toggleDetailsContent = (options?: { setToValue?: boolean; node?: PMNode }) => {
+        const { setToValue, node: currentNode = node } = options || {}
+
+        if (setToValue !== undefined) {
+          if (setToValue) {
+            if (dom.classList.contains(this.options.openClassName)) {
+              return
+            }
+            dom.classList.add(this.options.openClassName)
+          } else {
+            if (!dom.classList.contains(this.options.openClassName)) {
+              return
+            }
+            dom.classList.remove(this.options.openClassName)
+          }
+        } else {
+          dom.classList.toggle(this.options.openClassName)
+        }
+
+        const isOpen = dom.classList.contains(this.options.openClassName)
+
+        renderToggleButton({
+          isOpen,
+          node: currentNode,
+        })
+
+        const event = new Event('toggleDetailsContent')
+        const detailsContent = content.querySelector(':scope > div[data-type="detailsContent"]')
+
+        detailsContent?.dispatchEvent(event)
+      }
+
+      renderToggleButton({
+        isOpen: Boolean(node.attrs.open),
+        node,
+      })
+
+      if (node.attrs.open) {
+        setTimeout(() => toggleDetailsContent())
+      }
+
+      toggle.addEventListener('click', () => {
+        toggleDetailsContent()
+
+        if (!this.options.persist) {
+          editor.commands.focus(undefined, { scrollIntoView: false })
+
+          return
+        }
+
+        if (editor.isEditable && typeof getPos === 'function') {
+          const { from, to } = editor.state.selection
+
+          editor
+            .chain()
+            .command(({ tr }) => {
+              const pos = getPos()
+
+              if (typeof pos !== 'number') {
+                return false
+              }
+
+              const currentNode = tr.doc.nodeAt(pos)
+
+              if (currentNode?.type !== this.type) {
+                return false
+              }
+
+              tr.setNodeMarkup(pos, undefined, {
+                open: !currentNode.attrs.open,
+              })
+
+              return true
+            })
+            .setTextSelection({
+              from,
+              to,
+            })
+            .focus(undefined, { scrollIntoView: false })
+            .run()
+        }
+      })
+
+      return {
+        dom,
+        contentDOM: content,
+        ignoreMutation(mutation: ViewMutationRecord) {
+          if (mutation.type === 'selection') {
+            return false
+          }
+
+          const target = mutation.target
+          const isInsideWrapper = dom.contains(target)
+          const isInsideToggleButton = toggle.contains(target)
+
+          return isInsideToggleButton || !isInsideWrapper || dom === target
+        },
+        update: updatedNode => {
+          if (updatedNode.type !== this.type) {
+            return false
+          }
+
+          // Only update the open state if set
+          if (updatedNode.attrs.open !== undefined) {
+            toggleDetailsContent({
+              setToValue: updatedNode.attrs.open,
+              node: updatedNode,
+            })
+          } else {
+            renderToggleButton({
+              isOpen: dom.classList.contains(this.options.openClassName),
+              node: updatedNode,
+            })
+          }
+
+          return true
+        },
+      }
+    }
+  },
+
+  addCommands() {
+    return {
+      setDetails:
+        () =>
+        ({ state, chain }) => {
+          const { schema, selection } = state
+          const { $from, $to } = selection
+          const range = $from.blockRange($to)
+
+          if (!range) {
+            return false
+          }
+
+          const slice = state.doc.slice(range.start, range.end)
+          const match = schema.nodes.detailsContent.contentMatch.matchFragment(slice.content)
+
+          if (!match) {
+            return false
+          }
+
+          const content = slice.toJSON()?.content || []
+
+          return chain()
+            .insertContentAt(
+              { from: range.start, to: range.end },
+              {
+                type: this.name,
+                content: [
+                  {
+                    type: 'detailsSummary',
+                  },
+                  {
+                    type: 'detailsContent',
+                    content,
+                  },
+                ],
+              },
+            )
+            .setTextSelection(range.start + 2)
+            .run()
+        },
+
+      unsetDetails:
+        () =>
+        ({ state, chain }) => {
+          const { selection, schema } = state
+          const details = findParentNode(node => node.type === this.type)(selection)
+
+          if (!details) {
+            return false
+          }
+
+          const detailsSummaries = findChildren(
+            details.node,
+            node => node.type === schema.nodes.detailsSummary,
+          )
+          const detailsContents = findChildren(
+            details.node,
+            node => node.type === schema.nodes.detailsContent,
+          )
+
+          if (!detailsSummaries.length || !detailsContents.length) {
+            return false
+          }
+
+          const detailsSummary = detailsSummaries[0]
+          const detailsContent = detailsContents[0]
+          const from = details.pos
+          const $from = state.doc.resolve(from)
+          const to = from + details.node.nodeSize
+          const range = { from, to }
+          const content = (detailsContent.node.content.toJSON() as []) || []
+          const defaultTypeForSummary = $from.parent.type.contentMatch.defaultType
+
+          // TODO: this may break for some custom schemas
+          const summaryContent = defaultTypeForSummary
+            ?.create(null, detailsSummary.node.content)
+            .toJSON()
+          const mergedContent = [summaryContent, ...content]
+
+          return chain()
+            .insertContentAt(range, mergedContent)
+            .setTextSelection(from + 1)
+            .run()
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      Backspace: () => {
+        const { schema, selection } = this.editor.state
+        const { empty, $anchor } = selection
+
+        if (!empty || $anchor.parent.type !== schema.nodes.detailsSummary) {
+          return false
+        }
+
+        // for some reason safari removes the whole text content within a `<summary>`tag on backspace
+        // so we have to remove the text manually
+        // see: https://discuss.prosemirror.net/t/safari-backspace-bug-with-details-tag/4223
+        if ($anchor.parentOffset !== 0) {
+          return this.editor.commands.command(({ tr }) => {
+            const from = $anchor.pos - 1
+            const to = $anchor.pos
+
+            tr.delete(from, to)
+
+            return true
+          })
+        }
+
+        return this.editor.commands.unsetDetails()
+      },
+
+      // Creates a new node below it if it is closed.
+      // Otherwise inside `DetailsContent`.
+      Enter: ({ editor }) => {
+        const { state, view } = editor
+        const { schema, selection } = state
+        const { $head } = selection
+
+        if ($head.parent.type !== schema.nodes.detailsSummary) {
+          return false
+        }
+
+        const isVisible = isNodeVisible($head.after() + 1, editor)
+        const above = isVisible ? state.doc.nodeAt($head.after()) : $head.node(-2)
+
+        if (!above) {
+          return false
+        }
+
+        const after = isVisible ? 0 : $head.indexAfter(-1)
+        const type = defaultBlockAt(above.contentMatchAt(after))
+
+        if (!type || !above.canReplaceWith(after, after, type)) {
+          return false
+        }
+
+        const node = type.createAndFill()
+
+        if (!node) {
+          return false
+        }
+
+        const pos = isVisible ? $head.after() + 1 : $head.after(-1)
+        const tr = state.tr.replaceWith(pos, pos, node)
+        const $pos = tr.doc.resolve(pos)
+        const newSelection = Selection.near($pos, 1)
+
+        tr.setSelection(newSelection)
+        tr.scrollIntoView()
+        view.dispatch(tr)
+
+        return true
+      },
+
+      // The default gapcursor implementation can’t handle hidden content, so we need to fix this.
+      ArrowRight: ({ editor }) => {
+        return setGapCursor(editor, 'right')
+      },
+
+      // The default gapcursor implementation can’t handle hidden content, so we need to fix this.
+      ArrowDown: ({ editor }) => {
+        return setGapCursor(editor, 'down')
+      },
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      // This plugin prevents text selections within the hidden content in `DetailsContent`.
+      // The cursor is moved to the next visible position.
+      new Plugin({
+        key: new PluginKey('detailsSelection'),
+        appendTransaction: (transactions, oldState, newState) => {
+          const { editor, type } = this
+          const isComposing = editor.view.composing
+
+          if (isComposing) {
+            return
+          }
+
+          const selectionSet = transactions.some(transaction => transaction.selectionSet)
+
+          if (!selectionSet || !oldState.selection.empty || !newState.selection.empty) {
+            return
+          }
+
+          const detailsIsActive = isActive(newState, type.name)
+
+          if (!detailsIsActive) {
+            return
+          }
+
+          const { $from } = newState.selection
+          const isVisible = isNodeVisible($from.pos, editor)
+
+          if (isVisible) {
+            return
+          }
+
+          const details = findClosestVisibleNode($from, node => node.type === type, editor)
+
+          if (!details) {
+            return
+          }
+
+          const detailsSummaries = findChildren(
+            details.node,
+            node => node.type === newState.schema.nodes.detailsSummary,
+          )
+
+          if (!detailsSummaries.length) {
+            return
+          }
+
+          const detailsSummary = detailsSummaries[0]
+          const selectionDirection =
+            oldState.selection.from < newState.selection.from ? 'forward' : 'backward'
+          const correctedPosition =
+            selectionDirection === 'forward'
+              ? details.start + detailsSummary.pos
+              : details.pos + detailsSummary.pos + detailsSummary.node.nodeSize
+          const selection = TextSelection.create(newState.doc, correctedPosition)
+          const transaction = newState.tr.setSelection(selection)
+
+          return transaction
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-details/src/helpers/findClosestVisibleNode.ts b/packages/extension-details/src/helpers/findClosestVisibleNode.ts
new file mode 100644
index 0000000..ed28e30
--- /dev/null
+++ b/packages/extension-details/src/helpers/findClosestVisibleNode.ts
@@ -0,0 +1,32 @@
+import type { Editor, Predicate } from '@tiptap/core'
+import type { Node as PMNode, ResolvedPos } from '@tiptap/pm/model'
+
+import { isNodeVisible } from './isNodeVisible.js'
+
+export const findClosestVisibleNode = (
+  $pos: ResolvedPos,
+  predicate: Predicate,
+  editor: Editor,
+):
+  | {
+      pos: number
+      start: number
+      depth: number
+      node: PMNode
+    }
+  | undefined => {
+  for (let i = $pos.depth; i > 0; i -= 1) {
+    const node = $pos.node(i)
+    const match = predicate(node)
+    const isVisible = isNodeVisible($pos.start(i), editor)
+
+    if (match && isVisible) {
+      return {
+        pos: i > 0 ? $pos.before(i) : 0,
+        start: $pos.start(i),
+        depth: i,
+        node,
+      }
+    }
+  }
+}
diff --git a/packages/extension-details/src/helpers/isNodeVisible.ts b/packages/extension-details/src/helpers/isNodeVisible.ts
new file mode 100644
index 0000000..bc999aa
--- /dev/null
+++ b/packages/extension-details/src/helpers/isNodeVisible.ts
@@ -0,0 +1,16 @@
+import type { Editor } from '@tiptap/core'
+
+export const isNodeVisible = (position: number, editor: Editor): boolean => {
+  const node = editor.view.domAtPos(position).node
+  // Use the node for elements and its parent for text nodes.
+  const element = node.nodeType === Node.ELEMENT_NODE ? (node as HTMLElement) : node.parentElement
+
+  if (!element) {
+    return false
+  }
+
+  // Hidden elements have no offset parent.
+  const isOpen = element.offsetParent !== null
+
+  return isOpen
+}
diff --git a/packages/extension-details/src/helpers/setGapCursor.ts b/packages/extension-details/src/helpers/setGapCursor.ts
new file mode 100644
index 0000000..d2ba6bc
--- /dev/null
+++ b/packages/extension-details/src/helpers/setGapCursor.ts
@@ -0,0 +1,61 @@
+import type { Editor } from '@tiptap/core'
+import { findChildren, findParentNode } from '@tiptap/core'
+import { GapCursor } from '@tiptap/pm/gapcursor'
+import type { ResolvedPos } from '@tiptap/pm/model'
+import type { Selection } from '@tiptap/pm/state'
+
+import { isNodeVisible } from './isNodeVisible.js'
+
+export const setGapCursor = (editor: Editor, direction: 'down' | 'right') => {
+  const { state, view, extensionManager } = editor
+  const { schema, selection } = state
+  const { empty, $anchor } = selection
+  const hasGapCursorExtension = !!extensionManager.extensions.find(
+    extension => extension.name === 'gapCursor',
+  )
+
+  if (!empty || $anchor.parent.type !== schema.nodes.detailsSummary || !hasGapCursorExtension) {
+    return false
+  }
+
+  if (direction === 'right' && $anchor.parentOffset !== $anchor.parent.nodeSize - 2) {
+    return false
+  }
+
+  const details = findParentNode(node => node.type === schema.nodes.details)(selection)
+
+  if (!details) {
+    return false
+  }
+
+  const detailsContent = findChildren(
+    details.node,
+    node => node.type === schema.nodes.detailsContent,
+  )
+
+  if (!detailsContent.length) {
+    return false
+  }
+
+  const isOpen = isNodeVisible(details.start + detailsContent[0].pos + 1, editor)
+
+  if (isOpen) {
+    return false
+  }
+
+  const $position = state.doc.resolve(details.pos + details.node.nodeSize)
+  const $validPosition = GapCursor.findFrom($position, 1, false) as unknown as null | ResolvedPos
+
+  if (!$validPosition) {
+    return false
+  }
+
+  const { tr } = state
+  const gapCursorSelection = new GapCursor($validPosition) as Selection
+
+  tr.setSelection(gapCursorSelection)
+  tr.scrollIntoView()
+  view.dispatch(tr)
+
+  return true
+}
diff --git a/packages/extension-details/src/index.ts b/packages/extension-details/src/index.ts
new file mode 100644
index 0000000..016537e
--- /dev/null
+++ b/packages/extension-details/src/index.ts
@@ -0,0 +1,7 @@
+import { Details } from './details.js'
+
+export * from './content/index.js'
+export * from './details.js'
+export * from './summary/index.js'
+
+export default Details
diff --git a/packages/extension-details/src/summary/details-summary.ts b/packages/extension-details/src/summary/details-summary.ts
new file mode 100644
index 0000000..0da72e6
--- /dev/null
+++ b/packages/extension-details/src/summary/details-summary.ts
@@ -0,0 +1,45 @@
+import { createBlockMarkdownSpec, mergeAttributes, Node } from '@tiptap/core'
+
+export interface DetailsSummaryOptions {
+  /**
+   * Custom HTML attributes that should be added to the rendered HTML tag.
+   */
+  HTMLAttributes: {
+    [key: string]: any
+  }
+}
+
+export const DetailsSummary = Node.create<DetailsSummaryOptions>({
+  name: 'detailsSummary',
+
+  content: 'text*',
+
+  defining: true,
+
+  selectable: false,
+
+  isolating: true,
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'summary',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['summary', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  ...createBlockMarkdownSpec({
+    nodeName: 'detailsSummary',
+    content: 'inline',
+  }),
+})
diff --git a/packages/extension-details/src/summary/index.ts b/packages/extension-details/src/summary/index.ts
new file mode 100644
index 0000000..6e97364
--- /dev/null
+++ b/packages/extension-details/src/summary/index.ts
@@ -0,0 +1,5 @@
+import { DetailsSummary } from './details-summary.js'
+
+export * from './details-summary.js'
+
+export default DetailsSummary
diff --git a/packages/extension-details/tests/integration/details.test.ts b/packages/extension-details/tests/integration/details.test.ts
new file mode 100644
index 0000000..e02d1e8
--- /dev/null
+++ b/packages/extension-details/tests/integration/details.test.ts
@@ -0,0 +1,261 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { Details, DetailsContent, DetailsSummary } from '@tiptap/extension-details'
+
+describe('Details', () => {
+  let editor: Editor
+  let editorElement: HTMLDivElement | undefined
+
+  afterEach(() => {
+    editor?.destroy()
+    editorElement?.remove()
+    editorElement = undefined
+  })
+
+  it('adds a default aria-label to the toggle button', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Details, DetailsSummary, DetailsContent],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'details',
+            content: [
+              {
+                type: 'detailsSummary',
+                content: [{ type: 'text', text: 'Summary' }],
+              },
+              {
+                type: 'detailsContent',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Content' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    const toggleButton = editor.view.dom.querySelector('div[data-type="details"] > button')
+
+    expect(toggleButton?.getAttribute('aria-label')).toBe('Expand details content')
+  })
+
+  it('supports custom toggle button rendering and updates it when the node open state changes', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Details.configure({
+          persist: true,
+          renderToggleButton: ({ element, isOpen, node }) => {
+            element.setAttribute(
+              'aria-label',
+              `${isOpen ? 'Collapse' : 'Expand'} ${node.textContent || 'details content'}`,
+            )
+          },
+        }),
+        DetailsSummary,
+        DetailsContent,
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'details',
+            attrs: {
+              open: false,
+            },
+            content: [
+              {
+                type: 'detailsSummary',
+                content: [{ type: 'text', text: 'Summary' }],
+              },
+              {
+                type: 'detailsContent',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Content' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    const getToggleButton = () => editor.view.dom.querySelector('div[data-type="details"] > button')
+
+    expect(getToggleButton()?.getAttribute('aria-label')).toBe('Expand SummaryContent')
+
+    editor.commands.updateAttributes('details', { open: true })
+
+    expect(getToggleButton()?.getAttribute('aria-label')).toBe('Collapse SummaryContent')
+  })
+
+  it('updates a persisted details node at the start of the document when toggled', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Details.configure({ persist: true }),
+        DetailsSummary,
+        DetailsContent,
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'details',
+            attrs: {
+              open: true,
+            },
+            content: [
+              {
+                type: 'detailsSummary',
+                content: [{ type: 'text', text: 'Summary' }],
+              },
+              {
+                type: 'detailsContent',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Content' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    const toggleButton = editor.view.dom.querySelector<HTMLButtonElement>(
+      'div[data-type="details"] > button',
+    )
+
+    toggleButton?.click()
+
+    expect(editor.state.doc.firstChild?.attrs.open).toBe(false)
+    expect(editor.getHTML()).toBe(
+      '<details><summary>Summary</summary><div data-type="detailsContent"><p>Content</p></div></details>',
+    )
+  })
+
+  it('keeps the cursor in details content after typing at the start of the document', () => {
+    editorElement = document.createElement('div')
+    document.body.appendChild(editorElement)
+
+    editor = new Editor({
+      element: editorElement,
+      extensions: [Document, Paragraph, Text, Details, DetailsSummary, DetailsContent],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'details',
+            content: [
+              {
+                type: 'detailsSummary',
+                content: [{ type: 'text', text: 'Summary' }],
+              },
+              {
+                type: 'detailsContent',
+                content: [{ type: 'paragraph' }],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    Object.defineProperty(editor.view.dom, 'offsetParent', { value: document.body })
+    const paragraph = editor.view.dom.querySelector('p')
+
+    if (!paragraph) {
+      throw new Error('Expected details content to contain a paragraph')
+    }
+
+    Object.defineProperty(paragraph, 'offsetParent', {
+      value: editor.view.dom,
+    })
+
+    const toggleButton = editor.view.dom.querySelector<HTMLButtonElement>(
+      'div[data-type="details"] > button',
+    )
+    const summary = editor.state.doc.firstChild?.firstChild
+    const contentPosition = 1 + (summary?.nodeSize ?? 0) + 2
+
+    toggleButton?.click()
+    editor.commands.setTextSelection(contentPosition)
+    editor.commands.insertContent('a')
+    editor.commands.setTextSelection(contentPosition + 1)
+
+    expect(editor.state.selection.$from.parent.type).toBe(editor.schema.nodes.paragraph)
+    expect(editor.state.doc.textContent).toBe('Summarya')
+  })
+
+  it('ignores button attribute mutations triggered by renderToggleButton', async () => {
+    let renderToggleButtonCallCount = 0
+
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Details.configure({
+          renderToggleButton: ({ element, isOpen }) => {
+            renderToggleButtonCallCount += 1
+            element.setAttribute(
+              'aria-label',
+              isOpen ? 'Collapse details content' : 'Expand details content',
+            )
+          },
+        }),
+        DetailsSummary,
+        DetailsContent,
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'details',
+            content: [
+              {
+                type: 'detailsSummary',
+                content: [{ type: 'text', text: 'Summary' }],
+              },
+              {
+                type: 'detailsContent',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Content' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    await new Promise<void>(resolve => {
+      setTimeout(resolve, 0)
+    })
+
+    expect(renderToggleButtonCallCount).toBe(1)
+  })
+})
diff --git a/packages/extension-details/tests/integration/detailsCommands.test.ts b/packages/extension-details/tests/integration/detailsCommands.test.ts
new file mode 100644
index 0000000..bb104ea
--- /dev/null
+++ b/packages/extension-details/tests/integration/detailsCommands.test.ts
@@ -0,0 +1,50 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+import { Details, DetailsContent, DetailsSummary } from '@tiptap/extension-details'
+
+describe('Details commands', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, Details, DetailsSummary, DetailsContent],
+      content: '<p>Example Text</p>',
+    })
+    editor.commands.selectAll()
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('parses <details> tags correctly', () => {
+    editor.commands.setContent('<details><summary>Summary</summary><p>Content</p></details>')
+    expect(editor.getHTML()).toBe(
+      '<details><summary>Summary</summary><div data-type="detailsContent"><p>Content</p></div></details>',
+    )
+  })
+
+  it('setDetails wraps the selection in a details node', () => {
+    expect(editor.view.dom.querySelectorAll('[data-type="details"]').length).toBe(0)
+    editor.commands.setDetails()
+    const content = editor.view.dom.querySelector(
+      '[data-type="details"] [data-type="detailsContent"]',
+    )
+    expect(content?.textContent).toContain('Example Text')
+  })
+
+  it('unsetDetails turns the details node back into a paragraph', () => {
+    editor.commands.setDetails()
+    expect(editor.view.dom.querySelectorAll('[data-type="details"]').length).toBe(1)
+
+    editor.commands.unsetDetails()
+    expect(editor.view.dom.querySelectorAll('[data-type="details"]').length).toBe(0)
+  })
+})
diff --git a/packages/extension-details/vite.config.ts b/packages/extension-details/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-details/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-document/CHANGELOG.md b/packages/extension-document/CHANGELOG.md
new file mode 100644
index 0000000..aff24dc
--- /dev/null
+++ b/packages/extension-document/CHANGELOG.md
@@ -0,0 +1,1606 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.15...@tiptap/extension-document@2.0.0-beta.17) (2022-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.14...@tiptap/extension-document@2.0.0-beta.15) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.13...@tiptap/extension-document@2.0.0-beta.14) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.12...@tiptap/extension-document@2.0.0-beta.13) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.11...@tiptap/extension-document@2.0.0-beta.12) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.10...@tiptap/extension-document@2.0.0-beta.11) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.9...@tiptap/extension-document@2.0.0-beta.10) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.8...@tiptap/extension-document@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.7...@tiptap/extension-document@2.0.0-beta.8) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.6...@tiptap/extension-document@2.0.0-beta.7) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.5...@tiptap/extension-document@2.0.0-beta.6) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.4...@tiptap/extension-document@2.0.0-beta.5) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.3...@tiptap/extension-document@2.0.0-beta.4) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.2...@tiptap/extension-document@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-beta.1...@tiptap/extension-document@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-alpha.11...@tiptap/extension-document@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-alpha.10...@tiptap/extension-document@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-alpha.9...@tiptap/extension-document@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-alpha.8...@tiptap/extension-document@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-alpha.7...@tiptap/extension-document@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-alpha.6...@tiptap/extension-document@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-alpha.5...@tiptap/extension-document@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-alpha.4...@tiptap/extension-document@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-alpha.3...@tiptap/extension-document@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-alpha.2...@tiptap/extension-document@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@2.0.0-alpha.1...@tiptap/extension-document@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@1.0.0-alpha.2...@tiptap/extension-document@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-document@1.0.0-alpha.1...@tiptap/extension-document@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-document
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-document/README.md b/packages/extension-document/README.md
new file mode 100644
index 0000000..9820349
--- /dev/null
+++ b/packages/extension-document/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-document
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-document.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-document)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-document.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-document.svg)](https://www.npmjs.com/package/@tiptap/extension-document)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-document/package.json b/packages/extension-document/package.json
new file mode 100644
index 0000000..a415630
--- /dev/null
+++ b/packages/extension-document/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-document",
+  "version": "3.30.3",
+  "description": "document extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-document"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-document/src/document.ts b/packages/extension-document/src/document.ts
new file mode 100644
index 0000000..945994a
--- /dev/null
+++ b/packages/extension-document/src/document.ts
@@ -0,0 +1,19 @@
+import { Node } from '@tiptap/core'
+
+/**
+ * The default document node which represents the top level node of the editor.
+ * @see https://tiptap.dev/api/nodes/document
+ */
+export const Document = Node.create({
+  name: 'doc',
+  topNode: true,
+  content: 'block+',
+
+  renderMarkdown: (node, h) => {
+    if (!node.content) {
+      return ''
+    }
+
+    return h.renderChildren(node.content, '\n\n')
+  },
+})
diff --git a/packages/extension-document/src/index.ts b/packages/extension-document/src/index.ts
new file mode 100644
index 0000000..3a62be7
--- /dev/null
+++ b/packages/extension-document/src/index.ts
@@ -0,0 +1,5 @@
+import { Document } from './document.js'
+
+export * from './document.js'
+
+export default Document
diff --git a/packages/extension-document/vite.config.ts b/packages/extension-document/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-document/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-drag-handle-react/CHANGELOG.md b/packages/extension-drag-handle-react/CHANGELOG.md
new file mode 100644
index 0000000..d2f5f62
--- /dev/null
+++ b/packages/extension-drag-handle-react/CHANGELOG.md
@@ -0,0 +1,1153 @@
+# @tiptap/extension-drag-handle-react
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [1cb7ad3]
+  - @tiptap/react@3.30.3
+  - @tiptap/extension-drag-handle@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.30.2
+- @tiptap/react@3.30.2
+- @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.30.1
+- @tiptap/react@3.30.1
+- @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- 390d4db: Fixed the React `DragHandle` breaking drag-and-drop when `onNodeChange` is an inline callback, by no longer re-registering its plugin when a callback's identity changes.
+- Updated dependencies [31e176c]
+- Updated dependencies [58a8953]
+- Updated dependencies [3099eef]
+  - @tiptap/react@3.30.0
+  - @tiptap/pm@3.30.0
+  - @tiptap/extension-drag-handle@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- Updated dependencies [e914605]
+  - @tiptap/react@3.29.2
+  - @tiptap/extension-drag-handle@3.29.2
+  - @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- Updated dependencies [6d901e7]
+  - @tiptap/react@3.29.1
+  - @tiptap/extension-drag-handle@3.29.1
+  - @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [e150ee0]
+- Updated dependencies [6a26a03]
+  - @tiptap/pm@3.29.0
+  - @tiptap/react@3.29.0
+  - @tiptap/extension-drag-handle@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- Updated dependencies [8614730]
+- Updated dependencies [3c8da6a]
+- Updated dependencies [1ecf814]
+  - @tiptap/react@3.28.0
+  - @tiptap/extension-drag-handle@3.28.0
+  - @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- Updated dependencies [2c2720e]
+  - @tiptap/react@3.27.4
+  - @tiptap/extension-drag-handle@3.27.4
+  - @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.27.3
+- @tiptap/react@3.27.3
+- @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- a9efd4d: Fix React 19 strict mode compatibility by using useRef instead of useState for the portal element. Changing the `className` prop now updates the element in place without re-registering the drag handle plugin.
+- Updated dependencies [ec41238]
+- Updated dependencies [82d9c81]
+- Updated dependencies [13dfad1]
+- Updated dependencies [ceebb31]
+  - @tiptap/extension-drag-handle@3.27.2
+  - @tiptap/react@3.27.2
+  - @tiptap/pm@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- Updated dependencies [ad17014]
+  - @tiptap/extension-drag-handle@3.27.1
+  - @tiptap/pm@3.27.1
+  - @tiptap/react@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [63b157c]
+  - @tiptap/extension-drag-handle@3.27.0
+  - @tiptap/react@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- Updated dependencies [a38c9c0]
+- Updated dependencies [a38c9c0]
+  - @tiptap/extension-drag-handle@3.26.1
+  - @tiptap/pm@3.26.1
+  - @tiptap/react@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.26.0
+- @tiptap/pm@3.26.0
+- @tiptap/react@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [c1a2ce8]
+  - @tiptap/pm@3.25.0
+  - @tiptap/extension-drag-handle@3.25.0
+  - @tiptap/react@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/extension-drag-handle@3.24.0
+  - @tiptap/react@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [937ff2e]
+  - @tiptap/extension-drag-handle@3.23.6
+  - @tiptap/react@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- ec1afc3: Fix missing forwarding of getReferencedVirtualElement in DragHandle React component
+- Updated dependencies [b5f34fc]
+- Updated dependencies [95e138c]
+  - @tiptap/react@3.23.5
+  - @tiptap/extension-drag-handle@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.23.4
+- @tiptap/pm@3.23.4
+- @tiptap/react@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.23.3
+- @tiptap/pm@3.23.3
+- @tiptap/react@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [30e0b58]
+  - @tiptap/react@3.23.2
+  - @tiptap/extension-drag-handle@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- e2c909b: Fix `DragHandle` unmounts by rendering children into the plugin-managed drag handle element with a React portal.
+
+  This avoids React trying to remove a host node after the drag handle plugin has moved it into its own wrapper.
+
+  - @tiptap/extension-drag-handle@3.23.1
+  - @tiptap/pm@3.23.1
+  - @tiptap/react@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [1852c73]
+  - @tiptap/extension-drag-handle@3.23.0
+  - @tiptap/react@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/react@3.22.5
+  - @tiptap/extension-drag-handle@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [040da0d]
+- Updated dependencies [27ea931]
+- Updated dependencies [032f8f1]
+  - @tiptap/extension-drag-handle@3.22.4
+  - @tiptap/pm@3.22.4
+  - @tiptap/react@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [ac994c5]
+  - @tiptap/extension-drag-handle@3.22.3
+  - @tiptap/react@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [8ab8bee]
+  - @tiptap/react@3.22.2
+  - @tiptap/extension-drag-handle@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [942eb85]
+- Updated dependencies [ee03ac0]
+- Updated dependencies [6f3b9fc]
+  - @tiptap/extension-drag-handle@3.22.1
+  - @tiptap/react@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.22.0
+- @tiptap/react@3.22.0
+- @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- Updated dependencies [0caf1f6]
+  - @tiptap/extension-drag-handle@3.21.0
+  - @tiptap/pm@3.21.0
+  - @tiptap/react@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- Updated dependencies [dc6a4e5]
+  - @tiptap/extension-drag-handle@3.20.6
+  - @tiptap/pm@3.20.6
+  - @tiptap/react@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.20.5
+- @tiptap/pm@3.20.5
+- @tiptap/react@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.20.4
+- @tiptap/react@3.20.4
+- @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [f4f6be2]
+- Updated dependencies [f4f6be2]
+  - @tiptap/react@3.20.3
+  - @tiptap/extension-drag-handle@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.20.2
+- @tiptap/react@3.20.2
+- @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [c288676]
+  - @tiptap/extension-drag-handle@3.20.1
+  - @tiptap/react@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [536f452]
+- Updated dependencies [536f452]
+- Updated dependencies [253ca1c]
+- Updated dependencies [0f28d9c]
+- Updated dependencies [5e04a73]
+- Updated dependencies [0f28d9c]
+  - @tiptap/extension-drag-handle@3.20.0
+  - @tiptap/react@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- Updated dependencies [a1da626]
+- Updated dependencies [a1da626]
+  - @tiptap/react@3.19.0
+  - @tiptap/extension-drag-handle@3.19.0
+  - @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- Updated dependencies [3e446fb]
+- Updated dependencies [feac5c8]
+- Updated dependencies [328aedb]
+  - @tiptap/react@3.18.0
+  - @tiptap/extension-drag-handle@3.18.0
+  - @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [1a55fd0]
+  - @tiptap/extension-drag-handle@3.17.1
+  - @tiptap/react@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Minor Changes
+
+- a7ab5df: Added nested drag handle support, allowing drag handles to appear for nested content like list items and blockquotes with configurable edge detection and custom rules.
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+- Updated dependencies [a7ab5df]
+  - @tiptap/extension-drag-handle@3.17.0
+  - @tiptap/react@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- Updated dependencies [9516ee0]
+  - @tiptap/react@3.16.0
+  - @tiptap/extension-drag-handle@3.16.0
+  - @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.15.3
+- @tiptap/react@3.15.3
+- @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- Updated dependencies [d8ca9bf]
+  - @tiptap/react@3.15.2
+  - @tiptap/extension-drag-handle@3.15.2
+  - @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.15.1
+- @tiptap/pm@3.15.1
+- @tiptap/react@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.15.0
+- @tiptap/react@3.15.0
+- @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- Updated dependencies [383145e]
+- Updated dependencies [df277af]
+  - @tiptap/react@3.14.0
+  - @tiptap/extension-drag-handle@3.14.0
+  - @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- 286820e: Added `data-dragging` attribute to drag handle elements to track drag state.
+- Updated dependencies [286820e]
+  - @tiptap/extension-drag-handle@3.13.0
+  - @tiptap/react@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.12.1
+- @tiptap/pm@3.12.1
+- @tiptap/react@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [5db9bc1]
+- Updated dependencies [41601d1]
+  - @tiptap/react@3.12.0
+  - @tiptap/extension-drag-handle@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.11.1
+- @tiptap/react@3.11.1
+- @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.11.0
+- @tiptap/react@3.11.0
+- @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.8
+- @tiptap/react@3.10.8
+- @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.7
+- @tiptap/pm@3.10.7
+- @tiptap/react@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.6
+- @tiptap/pm@3.10.6
+- @tiptap/react@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [50e8905]
+  - @tiptap/extension-drag-handle@3.10.5
+  - @tiptap/react@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.4
+- @tiptap/react@3.10.4
+- @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.3
+- @tiptap/pm@3.10.3
+- @tiptap/react@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.2
+- @tiptap/pm@3.10.2
+- @tiptap/react@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.1
+- @tiptap/react@3.10.1
+- @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.0
+- @tiptap/react@3.10.0
+- @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.9.1
+- @tiptap/pm@3.9.1
+- @tiptap/react@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [401fe3f]
+- Updated dependencies [f0b3552]
+  - @tiptap/extension-drag-handle@3.9.0
+  - @tiptap/react@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- Updated dependencies [f3770af]
+  - @tiptap/react@3.8.0
+  - @tiptap/extension-drag-handle@3.8.0
+  - @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.7.2
+- @tiptap/pm@3.7.2
+- @tiptap/react@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.7.1
+- @tiptap/pm@3.7.1
+- @tiptap/react@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.7.0
+- @tiptap/react@3.7.0
+- @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.6.7
+- @tiptap/pm@3.6.7
+- @tiptap/react@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/react@3.6.6
+- @tiptap/extension-drag-handle@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.6.5
+- @tiptap/react@3.6.5
+- @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.6.4
+- @tiptap/pm@3.6.4
+- @tiptap/react@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [48846f2]
+- Updated dependencies [e0be819]
+- Updated dependencies [caec80e]
+  - @tiptap/react@3.6.3
+  - @tiptap/extension-drag-handle@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/react@3.6.2
+- @tiptap/extension-drag-handle@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- Updated dependencies [6af23ff]
+  - @tiptap/react@3.6.1
+  - @tiptap/extension-drag-handle@3.6.1
+  - @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.6.0
+- @tiptap/react@3.6.0
+- @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.5.3
+- @tiptap/pm@3.5.3
+- @tiptap/react@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- Updated dependencies [ea9ac95]
+  - @tiptap/react@3.5.2
+  - @tiptap/extension-drag-handle@3.5.2
+  - @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- Updated dependencies [f80c848]
+  - @tiptap/react@3.5.1
+  - @tiptap/extension-drag-handle@3.5.1
+  - @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- Updated dependencies [daa51c4]
+- Updated dependencies [3eb5360]
+  - @tiptap/extension-drag-handle@3.5.0
+  - @tiptap/react@3.5.0
+  - @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.4.6
+- @tiptap/react@3.4.6
+- @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.4.5
+- @tiptap/react@3.4.5
+- @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.4.4
+- @tiptap/react@3.4.4
+- @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [915ed65]
+  - @tiptap/react@3.4.3
+  - @tiptap/extension-drag-handle@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/react@3.4.2
+- @tiptap/extension-drag-handle@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- Updated dependencies [4dd8d58]
+  - @tiptap/react@3.4.1
+  - @tiptap/extension-drag-handle@3.4.1
+  - @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.4.0
+- @tiptap/react@3.4.0
+- @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- Updated dependencies [8eff69a]
+  - @tiptap/extension-drag-handle@3.3.1
+  - @tiptap/pm@3.3.1
+  - @tiptap/react@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+  - @tiptap/react@3.3.0
+  - @tiptap/extension-drag-handle@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.2.2
+- @tiptap/pm@3.2.2
+- @tiptap/react@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.2.1
+- @tiptap/react@3.2.1
+- @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.2.0
+- @tiptap/react@3.2.0
+- @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Minor Changes
+
+- 978c548: Expose `onDragStart` and `onDragEnd` callbacks to improve custom drag behavior. This allows better UI control compared to relying on `editor.view.dragging`, especially when using absolute-positioned drag handles.
+
+### Patch Changes
+
+- Updated dependencies [978c548]
+  - @tiptap/extension-drag-handle@3.1.0
+  - @tiptap/react@3.1.0
+  - @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/react@3.0.9
+- @tiptap/extension-drag-handle@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.8
+- @tiptap/pm@3.0.8
+- @tiptap/react@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/react@3.0.7
+- @tiptap/extension-drag-handle@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.6
+- @tiptap/react@3.0.6
+- @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/react@3.0.5
+- @tiptap/extension-drag-handle@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.4
+- @tiptap/react@3.0.4
+- @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.3
+- @tiptap/react@3.0.3
+- @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/react@3.0.2
+- @tiptap/extension-drag-handle@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- Updated dependencies [baee94b]
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [7eaa34d]
+- Updated dependencies [00693b8]
+- Updated dependencies [0e3207f]
+- Updated dependencies [f9a33ae]
+- Updated dependencies [73d1888]
+- Updated dependencies [ecb0dee]
+- Updated dependencies [08593a2]
+- Updated dependencies [2ea0475]
+- Updated dependencies [8c69002]
+- Updated dependencies [0f14cc5]
+- Updated dependencies [ef12b32]
+- Updated dependencies [de0504e]
+- Updated dependencies [62b0877]
+- Updated dependencies [cce6497]
+- Updated dependencies [952623f]
+- Updated dependencies [5ba480b]
+- Updated dependencies [7ac01ef]
+- Updated dependencies [6137cdc]
+  - @tiptap/react@3.0.1
+  - @tiptap/pm@3.0.1
+  - @tiptap/extension-drag-handle@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- Updated dependencies [6137cdc]
+  - @tiptap/extension-drag-handle@3.0.0-beta.30
+  - @tiptap/pm@3.0.0-beta.30
+  - @tiptap/react@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- Updated dependencies [952623f]
+  - @tiptap/extension-drag-handle@3.0.0-beta.29
+  - @tiptap/pm@3.0.0-beta.29
+  - @tiptap/react@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- Updated dependencies [de0504e]
+  - @tiptap/react@3.0.0-beta.28
+  - @tiptap/extension-drag-handle@3.0.0-beta.28
+  - @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.27
+- @tiptap/react@3.0.0-beta.27
+- @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [baee94b]
+- Updated dependencies [5ba480b]
+  - @tiptap/react@3.0.0-beta.26
+  - @tiptap/extension-drag-handle@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.25
+- @tiptap/react@3.0.0-beta.25
+- @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- Updated dependencies [cce6497]
+  - @tiptap/react@3.0.0-beta.24
+  - @tiptap/extension-drag-handle@3.0.0-beta.24
+  - @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+- @tiptap/react@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/react@3.0.0-beta.22
+- @tiptap/extension-drag-handle@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.21
+- @tiptap/react@3.0.0-beta.21
+- @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- Updated dependencies [8719e13]
+  - @tiptap/react@3.0.0-beta.20
+  - @tiptap/extension-drag-handle@3.0.0-beta.20
+  - @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.19
+- @tiptap/react@3.0.0-beta.19
+- @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+- @tiptap/react@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.17
+- @tiptap/react@3.0.0-beta.17
+- @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [73d1888]
+  - @tiptap/react@3.0.0-beta.16
+  - @tiptap/extension-drag-handle@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.15
+- @tiptap/react@3.0.0-beta.15
+- @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.14
+- @tiptap/react@3.0.0-beta.14
+- @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+- @tiptap/react@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- Updated dependencies [00693b8]
+  - @tiptap/react@3.0.0-beta.12
+  - @tiptap/extension-drag-handle@3.0.0-beta.12
+  - @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- Updated dependencies [0f14cc5]
+  - @tiptap/react@3.0.0-beta.11
+  - @tiptap/extension-drag-handle@3.0.0-beta.11
+  - @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- Updated dependencies [7ac01ef]
+  - @tiptap/extension-drag-handle@3.0.0-beta.10
+  - @tiptap/pm@3.0.0-beta.10
+  - @tiptap/react@3.0.0-beta.10
diff --git a/packages/extension-drag-handle-react/README.md b/packages/extension-drag-handle-react/README.md
new file mode 100644
index 0000000..4d773ca
--- /dev/null
+++ b/packages/extension-drag-handle-react/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-drag-handle-react
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-drag-handle-react.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-drag-handle-react)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-drag-handle-react.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-drag-handle-react.svg)](https://www.npmjs.com/package/@tiptap/extension-drag-handle-react)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-drag-handle-react/package.json b/packages/extension-drag-handle-react/package.json
new file mode 100644
index 0000000..2c86097
--- /dev/null
+++ b/packages/extension-drag-handle-react/package.json
@@ -0,0 +1,60 @@
+{
+  "name": "@tiptap/extension-drag-handle-react",
+  "version": "3.30.3",
+  "description": "drag handle extension for tiptap with react",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-drag-handle-react"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/extension-drag-handle": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "@tiptap/react": "workspace:^",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "peerDependencies": {
+    "@tiptap/extension-drag-handle": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "@tiptap/react": "workspace:*",
+    "react": "^16.8 || ^17 || ^18 || ^19",
+    "react-dom": "^16.8 || ^17 || ^18 || ^19"
+  }
+}
diff --git a/packages/extension-drag-handle-react/src/DragHandle.registration.test.ts b/packages/extension-drag-handle-react/src/DragHandle.registration.test.ts
new file mode 100644
index 0000000..80b7195
--- /dev/null
+++ b/packages/extension-drag-handle-react/src/DragHandle.registration.test.ts
@@ -0,0 +1,96 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { useEditorState } from '@tiptap/react'
+import { act, render } from '@testing-library/react'
+import React from 'react'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { DragHandle } from './DragHandle.js'
+
+function createRealEditor() {
+  const element = document.createElement('div')
+  document.body.appendChild(element)
+
+  return new Editor({
+    element,
+    extensions: [Document, Paragraph, Text],
+    content: '<p>hello world</p>',
+  })
+}
+
+describe('DragHandle plugin registration stability', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+    document.body.innerHTML = ''
+  })
+
+  // Re-registering mid-drag tears the handle out of the DOM and breaks dragging.
+  it('does not re-register the plugin on transactions when onNodeChange is an unstable inline callback', () => {
+    editor = createRealEditor()
+    const register = vi.spyOn(editor, 'registerPlugin')
+    const unregister = vi.spyOn(editor, 'unregisterPlugin')
+
+    function Parent({ editor: ed }: { editor: Editor }) {
+      // Re-render on every transaction, like real apps using useEditor/useEditorState.
+      useEditorState({ editor: ed, selector: s => s.transactionNumber })
+      return React.createElement(DragHandle, {
+        editor: ed,
+        // A fresh arrow function on every render (the reporter's code).
+        onNodeChange: () => {},
+        children: React.createElement('span', null, 'handle'),
+      } as never)
+    }
+
+    act(() => {
+      render(React.createElement(Parent, { editor }))
+    })
+
+    const registersAfterMount = register.mock.calls.length
+    expect(registersAfterMount).toBe(1)
+
+    for (let i = 0; i < 5; i += 1) {
+      act(() => {
+        editor.view.dispatch(editor.state.tr.insertText('x', 1))
+      })
+    }
+
+    expect(register.mock.calls.length).toBe(1)
+    expect(unregister.mock.calls.length).toBe(0)
+  })
+
+  // The ref must forward to the newest callback, not the one from the first render.
+  it('invokes the most recent onNodeChange after a re-render', () => {
+    editor = createRealEditor()
+    const calls: Array<{ tag: string; pos: number }> = []
+    let bumpTag: (() => void) | undefined
+
+    function Parent() {
+      const [tag, setTag] = React.useState('first')
+      bumpTag = () => setTag('latest')
+      return React.createElement(DragHandle, {
+        editor,
+        onNodeChange: (data: { pos: number }) => calls.push({ tag, pos: data.pos }),
+        children: React.createElement('span', null, 'handle'),
+      } as never)
+    }
+
+    act(() => {
+      render(React.createElement(Parent))
+    })
+
+    // Re-render with a new callback identity, then fire the hide event.
+    act(() => {
+      bumpTag?.()
+    })
+    // `hideDragHandle` meta triggers onNodeChange(null, -1) in the plugin.
+    act(() => {
+      editor.view.dispatch(editor.state.tr.setMeta('hideDragHandle', true))
+    })
+
+    expect(calls.at(-1)).toEqual({ tag: 'latest', pos: -1 })
+  })
+})
diff --git a/packages/extension-drag-handle-react/src/DragHandle.test.ts b/packages/extension-drag-handle-react/src/DragHandle.test.ts
new file mode 100644
index 0000000..30648a8
--- /dev/null
+++ b/packages/extension-drag-handle-react/src/DragHandle.test.ts
@@ -0,0 +1,105 @@
+import { render } from '@testing-library/react'
+import React from 'react'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { DragHandle } from './DragHandle.js'
+
+const { dragHandlePluginMock, unbindMock } = vi.hoisted(() => ({
+  dragHandlePluginMock: vi.fn(() => ({
+    plugin: { spec: { key: 'dragHandle' } },
+    unbind: unbindMock,
+  })),
+  unbindMock: vi.fn(),
+}))
+
+vi.mock('@tiptap/extension-drag-handle', () => ({
+  DragHandlePlugin: dragHandlePluginMock,
+  dragHandlePluginDefaultKey: 'dragHandle',
+  defaultComputePositionConfig: {},
+  normalizeNestedOptions: (value: unknown) => value,
+}))
+
+function createEditor() {
+  return {
+    isDestroyed: false,
+    registerPlugin: vi.fn(),
+    unregisterPlugin: vi.fn(),
+  }
+}
+
+describe('DragHandle', () => {
+  beforeEach(() => {
+    dragHandlePluginMock.mockClear()
+    unbindMock.mockClear()
+  })
+
+  afterEach(() => {
+    document.body.innerHTML = ''
+  })
+
+  it('survives the React 19 strict-mode double mount with a stable portal element', () => {
+    const editor = createEditor()
+
+    let result: ReturnType<typeof render> | undefined
+    const renderInStrictMode = () => {
+      result = render(
+        React.createElement(
+          React.StrictMode,
+          null,
+          React.createElement(DragHandle, {
+            editor: editor as never,
+            children: React.createElement('button', { type: 'button' }, 'Drag'),
+          } as never),
+        ),
+      )
+    }
+
+    expect(renderInStrictMode).not.toThrow()
+
+    // StrictMode mounts, tears down, then remounts the effect in development.
+    // Every setup pass must reuse the same element instance created via useRef.
+    expect(dragHandlePluginMock.mock.calls.length).toBeGreaterThan(1)
+    const elements = dragHandlePluginMock.mock.calls.map(([options]) => options.element)
+    const [firstElement] = elements
+
+    expect(firstElement).toBeInstanceOf(HTMLDivElement)
+    expect(elements.every(element => element === firstElement)).toBe(true)
+    expect(unbindMock).toHaveBeenCalled()
+    expect(firstElement.textContent).toContain('Drag')
+
+    result?.unmount()
+
+    expect(editor.unregisterPlugin).toHaveBeenCalledWith('dragHandle')
+    expect(unbindMock).toHaveBeenCalled()
+  })
+
+  it('updates className without re-registering the plugin', () => {
+    const editor = createEditor()
+
+    const { rerender } = render(
+      React.createElement(DragHandle, {
+        editor: editor as never,
+        className: 'drag-handle',
+        children: React.createElement('span', null, 'Handle'),
+      } as never),
+    )
+
+    const registerCount = editor.registerPlugin.mock.calls.length
+    const unregisterCount = editor.unregisterPlugin.mock.calls.length
+    const element = dragHandlePluginMock.mock.calls[0][0].element
+
+    expect(element.className).toBe('drag-handle')
+
+    rerender(
+      React.createElement(DragHandle, {
+        editor: editor as never,
+        className: 'drag-handle-updated',
+        children: React.createElement('span', null, 'Handle'),
+      } as never),
+    )
+
+    expect(element.className).toBe('drag-handle-updated')
+    expect(editor.registerPlugin.mock.calls.length).toBe(registerCount)
+    expect(editor.unregisterPlugin.mock.calls.length).toBe(unregisterCount)
+  })
+})
diff --git a/packages/extension-drag-handle-react/src/DragHandle.tsx b/packages/extension-drag-handle-react/src/DragHandle.tsx
new file mode 100644
index 0000000..d4a1763
--- /dev/null
+++ b/packages/extension-drag-handle-react/src/DragHandle.tsx
@@ -0,0 +1,159 @@
+import {
+  type DragHandlePluginProps,
+  type NestedOptions,
+  defaultComputePositionConfig,
+  DragHandlePlugin,
+  dragHandlePluginDefaultKey,
+  normalizeNestedOptions,
+} from '@tiptap/extension-drag-handle'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Editor } from '@tiptap/react'
+import { type ReactNode, useEffect, useMemo, useRef } from 'react'
+import { createPortal } from 'react-dom'
+
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>
+
+export type DragHandleProps = Omit<
+  Optional<DragHandlePluginProps, 'pluginKey'>,
+  'element' | 'nestedOptions'
+> & {
+  className?: string
+  onNodeChange?: (data: { node: PMNode | null; editor: Editor; pos: number }) => void
+  children: ReactNode
+
+  /**
+   * Enable drag handles for nested content (list items, blockquotes, etc.).
+   *
+   * When enabled, the drag handle will appear for nested blocks, not just
+   * top-level blocks. A rule-based scoring system determines which node
+   * to target based on cursor position and configured rules.
+   *
+   * @default false
+   *
+   * @example
+   * // Simple enable with sensible defaults
+   * <DragHandle editor={editor} nested>
+   *   <GripIcon />
+   * </DragHandle>
+   *
+   * @example
+   * // With custom configuration
+   * <DragHandle
+   *   editor={editor}
+   *   nested={{
+   *     edgeDetection: 'left',
+   *     allowedContainers: ['bulletList', 'orderedList'],
+   *   }}
+   * >
+   *   <GripIcon />
+   * </DragHandle>
+   *
+   * @example
+   * // With custom rules
+   * <DragHandle
+   *   editor={editor}
+   *   nested={{
+   *     rules: [{
+   *       id: 'excludeCodeBlocks',
+   *       evaluate: ({ node }) => node.type.name === 'codeBlock' ? 1000 : 0,
+   *     }],
+   *   }}
+   * >
+   *   <GripIcon />
+   * </DragHandle>
+   */
+  nested?: boolean | NestedOptions
+}
+
+export const DragHandle = (props: DragHandleProps) => {
+  const {
+    className = 'drag-handle',
+    children,
+    editor,
+    pluginKey = dragHandlePluginDefaultKey,
+    onNodeChange,
+    onElementDragStart,
+    onElementDragEnd,
+    getReferencedVirtualElement,
+    computePositionConfig = defaultComputePositionConfig,
+    nested = false,
+  } = props
+  const elementRef = useRef<HTMLDivElement | null>(null)
+
+  if (elementRef.current === null && typeof document !== 'undefined') {
+    elementRef.current = document.createElement('div')
+  }
+
+  // Keep callbacks in a ref so an unstable identity can't re-register the plugin.
+  const callbacks = {
+    onNodeChange,
+    onElementDragStart,
+    onElementDragEnd,
+    getReferencedVirtualElement,
+  }
+  const callbacksRef = useRef(callbacks)
+  callbacksRef.current = callbacks
+
+  // oxlint-disable-next-line react-hooks/exhaustive-deps
+  const nestedOptions = useMemo(() => normalizeNestedOptions(nested), [JSON.stringify(nested)])
+
+  useEffect(() => {
+    const element = elementRef.current
+    if (!element) {
+      return
+    }
+
+    element.className = className
+  }, [className])
+
+  useEffect(() => {
+    if (typeof document === 'undefined') {
+      return
+    }
+
+    if (editor.isDestroyed) {
+      return
+    }
+
+    const element = elementRef.current
+    if (!element) {
+      return
+    }
+
+    element.style.visibility = 'hidden'
+    element.style.position = 'absolute'
+    element.dataset.dragging = 'false'
+
+    const { plugin, unbind } = DragHandlePlugin({
+      editor,
+      element,
+      pluginKey,
+      computePositionConfig: {
+        ...defaultComputePositionConfig,
+        ...computePositionConfig,
+      },
+      onElementDragStart: event => callbacksRef.current.onElementDragStart?.(event),
+      onElementDragEnd: event => callbacksRef.current.onElementDragEnd?.(event),
+      onNodeChange: data => callbacksRef.current.onNodeChange?.(data),
+      getReferencedVirtualElement: () =>
+        callbacksRef.current.getReferencedVirtualElement?.() ?? null,
+      nestedOptions,
+    })
+
+    editor.registerPlugin(plugin)
+
+    return () => {
+      if (!editor.isDestroyed) {
+        editor.unregisterPlugin(pluginKey)
+      }
+      unbind()
+    }
+  }, [editor, pluginKey, computePositionConfig, nestedOptions])
+
+  const element = elementRef.current
+  if (!element) {
+    return null
+  }
+
+  return createPortal(children, element)
+}
diff --git a/packages/extension-drag-handle-react/src/index.ts b/packages/extension-drag-handle-react/src/index.ts
new file mode 100644
index 0000000..af284f8
--- /dev/null
+++ b/packages/extension-drag-handle-react/src/index.ts
@@ -0,0 +1,5 @@
+import { DragHandle } from './DragHandle.js'
+
+export * from './DragHandle.js'
+
+export default DragHandle
diff --git a/packages/extension-drag-handle-react/vite.config.ts b/packages/extension-drag-handle-react/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-drag-handle-react/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-drag-handle-vue/CHANGELOG.md b/packages/extension-drag-handle-vue/CHANGELOG.md
new file mode 100644
index 0000000..9f8d4be
--- /dev/null
+++ b/packages/extension-drag-handle-vue/CHANGELOG.md
@@ -0,0 +1,1108 @@
+# @tiptap/extension-drag-handle-vue
+
+## 3.30.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.30.3
+- @tiptap/vue-3@3.30.3
+- @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.30.2
+- @tiptap/vue-3@3.30.2
+- @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.30.1
+- @tiptap/vue-3@3.30.1
+- @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [58a8953]
+- Updated dependencies [3099eef]
+  - @tiptap/pm@3.30.0
+  - @tiptap/vue-3@3.30.0
+  - @tiptap/extension-drag-handle@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.29.2
+- @tiptap/pm@3.29.2
+- @tiptap/vue-3@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.29.1
+- @tiptap/pm@3.29.1
+- @tiptap/vue-3@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [e150ee0]
+- Updated dependencies [bd47229]
+  - @tiptap/pm@3.29.0
+  - @tiptap/vue-3@3.29.0
+  - @tiptap/extension-drag-handle@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- Updated dependencies [3c8da6a]
+  - @tiptap/extension-drag-handle@3.28.0
+  - @tiptap/pm@3.28.0
+  - @tiptap/vue-3@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.27.4
+- @tiptap/pm@3.27.4
+- @tiptap/vue-3@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.27.3
+- @tiptap/vue-3@3.27.3
+- @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ec41238]
+- Updated dependencies [82d9c81]
+- Updated dependencies [ceebb31]
+  - @tiptap/extension-drag-handle@3.27.2
+  - @tiptap/pm@3.27.2
+  - @tiptap/vue-3@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- Updated dependencies [ad17014]
+  - @tiptap/extension-drag-handle@3.27.1
+  - @tiptap/pm@3.27.1
+  - @tiptap/vue-3@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [63b157c]
+  - @tiptap/extension-drag-handle@3.27.0
+  - @tiptap/vue-3@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- Updated dependencies [a38c9c0]
+- Updated dependencies [a38c9c0]
+  - @tiptap/extension-drag-handle@3.26.1
+  - @tiptap/pm@3.26.1
+  - @tiptap/vue-3@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.26.0
+- @tiptap/pm@3.26.0
+- @tiptap/vue-3@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [26e6f0f]
+  - @tiptap/pm@3.25.0
+  - @tiptap/vue-3@3.25.0
+  - @tiptap/extension-drag-handle@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/extension-drag-handle@3.24.0
+  - @tiptap/vue-3@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [937ff2e]
+  - @tiptap/extension-drag-handle@3.23.6
+  - @tiptap/vue-3@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [95e138c]
+  - @tiptap/vue-3@3.23.5
+  - @tiptap/extension-drag-handle@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.23.4
+- @tiptap/pm@3.23.4
+- @tiptap/vue-3@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.23.3
+- @tiptap/pm@3.23.3
+- @tiptap/vue-3@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [d52188d]
+  - @tiptap/vue-3@3.23.2
+  - @tiptap/extension-drag-handle@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.23.1
+- @tiptap/pm@3.23.1
+- @tiptap/vue-3@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [1852c73]
+  - @tiptap/extension-drag-handle@3.23.0
+  - @tiptap/vue-3@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/vue-3@3.22.5
+  - @tiptap/extension-drag-handle@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [040da0d]
+- Updated dependencies [27ea931]
+- Updated dependencies [032f8f1]
+  - @tiptap/extension-drag-handle@3.22.4
+  - @tiptap/pm@3.22.4
+  - @tiptap/vue-3@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [ac994c5]
+  - @tiptap/extension-drag-handle@3.22.3
+  - @tiptap/vue-3@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- b3391ce: Fixed an issue causing drag handle visibility not to update dynamically in Vue 3 components.
+  - @tiptap/extension-drag-handle@3.22.2
+  - @tiptap/vue-3@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [942eb85]
+- Updated dependencies [ee03ac0]
+  - @tiptap/extension-drag-handle@3.22.1
+  - @tiptap/vue-3@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.22.0
+- @tiptap/vue-3@3.22.0
+- @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- Updated dependencies [0caf1f6]
+  - @tiptap/extension-drag-handle@3.21.0
+  - @tiptap/pm@3.21.0
+  - @tiptap/vue-3@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- Updated dependencies [dc6a4e5]
+  - @tiptap/extension-drag-handle@3.20.6
+  - @tiptap/pm@3.20.6
+  - @tiptap/vue-3@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.20.5
+- @tiptap/pm@3.20.5
+- @tiptap/vue-3@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.20.4
+- @tiptap/vue-3@3.20.4
+- @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [f4f6be2]
+  - @tiptap/vue-3@3.20.3
+  - @tiptap/extension-drag-handle@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.20.2
+- @tiptap/vue-3@3.20.2
+- @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [c288676]
+  - @tiptap/extension-drag-handle@3.20.1
+  - @tiptap/vue-3@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [536f452]
+- Updated dependencies [536f452]
+- Updated dependencies [5e04a73]
+  - @tiptap/extension-drag-handle@3.20.0
+  - @tiptap/vue-3@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.19.0
+- @tiptap/pm@3.19.0
+- @tiptap/vue-3@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- Updated dependencies [feac5c8]
+  - @tiptap/vue-3@3.18.0
+  - @tiptap/extension-drag-handle@3.18.0
+  - @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [4807c55]
+- Updated dependencies [1a55fd0]
+  - @tiptap/vue-3@3.17.1
+  - @tiptap/extension-drag-handle@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Minor Changes
+
+- a7ab5df: Added nested drag handle support, allowing drag handles to appear for nested content like list items and blockquotes with configurable edge detection and custom rules.
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+- Updated dependencies [a7ab5df]
+  - @tiptap/extension-drag-handle@3.17.0
+  - @tiptap/vue-3@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- Updated dependencies [9516ee0]
+  - @tiptap/vue-3@3.16.0
+  - @tiptap/extension-drag-handle@3.16.0
+  - @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.15.3
+- @tiptap/vue-3@3.15.3
+- @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- Updated dependencies [7d5ce72]
+  - @tiptap/vue-3@3.15.2
+  - @tiptap/extension-drag-handle@3.15.2
+  - @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.15.1
+- @tiptap/pm@3.15.1
+- @tiptap/vue-3@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.15.0
+- @tiptap/vue-3@3.15.0
+- @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- Updated dependencies [383145e]
+- Updated dependencies [df277af]
+  - @tiptap/vue-3@3.14.0
+  - @tiptap/extension-drag-handle@3.14.0
+  - @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- 286820e: Added `data-dragging` attribute to drag handle elements to track drag state.
+- Updated dependencies [286820e]
+  - @tiptap/extension-drag-handle@3.13.0
+  - @tiptap/vue-3@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.12.1
+- @tiptap/pm@3.12.1
+- @tiptap/vue-3@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.12.0
+- @tiptap/vue-3@3.12.0
+- @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.11.1
+- @tiptap/vue-3@3.11.1
+- @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.11.0
+- @tiptap/vue-3@3.11.0
+- @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.8
+- @tiptap/vue-3@3.10.8
+- @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.7
+- @tiptap/pm@3.10.7
+- @tiptap/vue-3@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.6
+- @tiptap/pm@3.10.6
+- @tiptap/vue-3@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [50e8905]
+  - @tiptap/extension-drag-handle@3.10.5
+  - @tiptap/vue-3@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.4
+- @tiptap/vue-3@3.10.4
+- @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.3
+- @tiptap/pm@3.10.3
+- @tiptap/vue-3@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.2
+- @tiptap/pm@3.10.2
+- @tiptap/vue-3@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.1
+- @tiptap/vue-3@3.10.1
+- @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.10.0
+- @tiptap/vue-3@3.10.0
+- @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.9.1
+- @tiptap/pm@3.9.1
+- @tiptap/vue-3@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [78ac867]
+- Updated dependencies [401fe3f]
+  - @tiptap/vue-3@3.9.0
+  - @tiptap/extension-drag-handle@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.8.0
+- @tiptap/pm@3.8.0
+- @tiptap/vue-3@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.7.2
+- @tiptap/pm@3.7.2
+- @tiptap/vue-3@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.7.1
+- @tiptap/pm@3.7.1
+- @tiptap/vue-3@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.7.0
+- @tiptap/vue-3@3.7.0
+- @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.6.7
+- @tiptap/pm@3.6.7
+- @tiptap/vue-3@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- Updated dependencies [9ef26a6]
+  - @tiptap/vue-3@3.6.6
+  - @tiptap/extension-drag-handle@3.6.6
+  - @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.6.5
+- @tiptap/vue-3@3.6.5
+- @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.6.4
+- @tiptap/pm@3.6.4
+- @tiptap/vue-3@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.6.3
+- @tiptap/vue-3@3.6.3
+- @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/vue-3@3.6.2
+- @tiptap/extension-drag-handle@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.6.1
+- @tiptap/pm@3.6.1
+- @tiptap/vue-3@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [bffc44c]
+  - @tiptap/vue-3@3.6.0
+  - @tiptap/extension-drag-handle@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.5.3
+- @tiptap/pm@3.5.3
+- @tiptap/vue-3@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.5.2
+- @tiptap/pm@3.5.2
+- @tiptap/vue-3@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- Updated dependencies [f80c848]
+  - @tiptap/vue-3@3.5.1
+  - @tiptap/extension-drag-handle@3.5.1
+  - @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- Updated dependencies [daa51c4]
+- Updated dependencies [3eb5360]
+  - @tiptap/extension-drag-handle@3.5.0
+  - @tiptap/vue-3@3.5.0
+  - @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.4.6
+- @tiptap/vue-3@3.4.6
+- @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [bfcd958]
+  - @tiptap/vue-3@3.4.5
+  - @tiptap/extension-drag-handle@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.4.4
+- @tiptap/vue-3@3.4.4
+- @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [915ed65]
+  - @tiptap/vue-3@3.4.3
+  - @tiptap/extension-drag-handle@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/vue-3@3.4.2
+- @tiptap/extension-drag-handle@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.4.1
+- @tiptap/pm@3.4.1
+- @tiptap/vue-3@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.4.0
+- @tiptap/vue-3@3.4.0
+- @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- Updated dependencies [8eff69a]
+  - @tiptap/extension-drag-handle@3.3.1
+  - @tiptap/pm@3.3.1
+  - @tiptap/vue-3@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.3.0
+- @tiptap/vue-3@3.3.0
+- @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.2.2
+- @tiptap/pm@3.2.2
+- @tiptap/vue-3@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.2.1
+- @tiptap/vue-3@3.2.1
+- @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.2.0
+- @tiptap/vue-3@3.2.0
+- @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- Updated dependencies [978c548]
+  - @tiptap/extension-drag-handle@3.1.0
+  - @tiptap/vue-3@3.1.0
+  - @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- 072b110: Fixed the Vue 3 Drag Handle so it only appears when the user starts interacting with the text editor.
+  - @tiptap/vue-3@3.0.9
+  - @tiptap/extension-drag-handle@3.0.9
+  - @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.8
+- @tiptap/pm@3.0.8
+- @tiptap/vue-3@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/vue-3@3.0.7
+- @tiptap/extension-drag-handle@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.6
+- @tiptap/vue-3@3.0.6
+- @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/vue-3@3.0.5
+- @tiptap/extension-drag-handle@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.4
+- @tiptap/vue-3@3.0.4
+- @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.3
+- @tiptap/vue-3@3.0.3
+- @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/vue-3@3.0.2
+- @tiptap/extension-drag-handle@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [7eaa34d]
+- Updated dependencies [00693b8]
+- Updated dependencies [0e3207f]
+- Updated dependencies [73d1888]
+- Updated dependencies [8c69002]
+- Updated dependencies [0f14cc5]
+- Updated dependencies [62b0877]
+- Updated dependencies [952623f]
+- Updated dependencies [5ba480b]
+- Updated dependencies [7ac01ef]
+- Updated dependencies [6137cdc]
+  - @tiptap/vue-3@3.0.1
+  - @tiptap/pm@3.0.1
+  - @tiptap/extension-drag-handle@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- Updated dependencies [6137cdc]
+  - @tiptap/extension-drag-handle@3.0.0-beta.30
+  - @tiptap/pm@3.0.0-beta.30
+  - @tiptap/vue-3@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- Updated dependencies [952623f]
+  - @tiptap/extension-drag-handle@3.0.0-beta.29
+  - @tiptap/pm@3.0.0-beta.29
+  - @tiptap/vue-3@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+- @tiptap/vue-3@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.27
+- @tiptap/vue-3@3.0.0-beta.27
+- @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/vue-3@3.0.0-beta.26
+  - @tiptap/extension-drag-handle@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.25
+- @tiptap/vue-3@3.0.0-beta.25
+- @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+- @tiptap/vue-3@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+- @tiptap/vue-3@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/vue-3@3.0.0-beta.22
+- @tiptap/extension-drag-handle@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.21
+- @tiptap/vue-3@3.0.0-beta.21
+- @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+- @tiptap/vue-3@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.19
+- @tiptap/vue-3@3.0.0-beta.19
+- @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+- @tiptap/vue-3@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.17
+- @tiptap/vue-3@3.0.0-beta.17
+- @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [73d1888]
+  - @tiptap/vue-3@3.0.0-beta.16
+  - @tiptap/extension-drag-handle@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.15
+- @tiptap/vue-3@3.0.0-beta.15
+- @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.14
+- @tiptap/vue-3@3.0.0-beta.14
+- @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/extension-drag-handle@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+- @tiptap/vue-3@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- Updated dependencies [00693b8]
+  - @tiptap/vue-3@3.0.0-beta.12
+  - @tiptap/extension-drag-handle@3.0.0-beta.12
+  - @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- Updated dependencies [0f14cc5]
+  - @tiptap/vue-3@3.0.0-beta.11
+  - @tiptap/extension-drag-handle@3.0.0-beta.11
+  - @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- Updated dependencies [7ac01ef]
+  - @tiptap/extension-drag-handle@3.0.0-beta.10
+  - @tiptap/pm@3.0.0-beta.10
+  - @tiptap/vue-3@3.0.0-beta.10
diff --git a/packages/extension-drag-handle-vue/README.md b/packages/extension-drag-handle-vue/README.md
new file mode 100644
index 0000000..00d14ee
--- /dev/null
+++ b/packages/extension-drag-handle-vue/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-drag-handle-vue
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-drag-handle-vue.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-drag-handle-vue)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-drag-handle-vue.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-drag-handle-vue.svg)](https://www.npmjs.com/package/@tiptap/extension-drag-handle-vue)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-drag-handle-vue/package.json b/packages/extension-drag-handle-vue/package.json
new file mode 100644
index 0000000..9b2bd1f
--- /dev/null
+++ b/packages/extension-drag-handle-vue/package.json
@@ -0,0 +1,56 @@
+{
+  "name": "@tiptap/extension-drag-handle-vue",
+  "version": "3.30.3",
+  "description": "drag handle extension for tiptap with vue",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-drag-handle-vue"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/extension-drag-handle": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "@tiptap/vue": "workspace:^",
+    "vue": "^3.0.0"
+  },
+  "peerDependencies": {
+    "@tiptap/extension-drag-handle": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "@tiptap/vue": "workspace:*",
+    "vue": "^3.0.0"
+  }
+}
diff --git a/packages/extension-drag-handle-vue/src/DragHandle.ts b/packages/extension-drag-handle-vue/src/DragHandle.ts
new file mode 100644
index 0000000..a36b0ba
--- /dev/null
+++ b/packages/extension-drag-handle-vue/src/DragHandle.ts
@@ -0,0 +1,174 @@
+import type { DragHandlePluginProps, NestedOptions } from '@tiptap/extension-drag-handle'
+import {
+  defaultComputePositionConfig,
+  DragHandlePlugin,
+  dragHandlePluginDefaultKey,
+  normalizeNestedOptions,
+} from '@tiptap/extension-drag-handle'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Plugin, PluginKey } from '@tiptap/pm/state'
+import type { Editor } from '@tiptap/vue'
+import type { PropType } from 'vue'
+import {
+  defineComponent,
+  h,
+  nextTick,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  shallowRef,
+  watch,
+} from 'vue'
+
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>
+
+export type DragHandleProps = Omit<
+  Optional<DragHandlePluginProps, 'pluginKey' | 'nestedOptions'>,
+  'element'
+> & {
+  class?: string
+  onNodeChange?: (data: { node: PMNode | null; editor: Editor; pos: number }) => void
+  /**
+   * Enable drag handles for nested content (list items, blockquotes, etc.).
+   *
+   * When enabled, the drag handle will appear for nested blocks, not just
+   * top-level blocks. A rule-based scoring system determines which node
+   * to target based on cursor position and configured rules.
+   *
+   * @default false
+   */
+  nested?: boolean | NestedOptions
+}
+
+export const DragHandle = defineComponent({
+  name: 'DragHandleVue',
+
+  props: {
+    pluginKey: {
+      type: [String, Object] as PropType<PluginKey | string>,
+      default: dragHandlePluginDefaultKey,
+    },
+
+    editor: {
+      type: Object as PropType<DragHandleProps['editor']>,
+      required: true,
+    },
+
+    computePositionConfig: {
+      type: Object as PropType<DragHandleProps['computePositionConfig']>,
+      default: () => ({}),
+    },
+
+    onNodeChange: {
+      type: Function as PropType<DragHandleProps['onNodeChange']>,
+      default: null,
+    },
+
+    onElementDragStart: {
+      type: Function as PropType<DragHandleProps['onElementDragStart']>,
+      default: null,
+    },
+
+    onElementDragEnd: {
+      type: Function as PropType<DragHandleProps['onElementDragEnd']>,
+      default: null,
+    },
+
+    class: {
+      type: String as PropType<DragHandleProps['class']>,
+      default: 'drag-handle',
+    },
+
+    nested: {
+      type: [Boolean, Object] as PropType<DragHandleProps['nested']>,
+      default: false,
+    },
+  },
+
+  setup(props, { slots }) {
+    const root = ref<HTMLElement | null>(null)
+    const pluginHandle = shallowRef<{ plugin: Plugin; unbind: () => void } | null>(null)
+
+    const initPlugin = () => {
+      const {
+        editor,
+        pluginKey,
+        onNodeChange,
+        onElementDragEnd,
+        onElementDragStart,
+        computePositionConfig,
+        nested,
+      } = props
+
+      if (!root.value) {
+        return
+      }
+      if (!props.editor || props.editor.isDestroyed) {
+        return
+      }
+
+      // Set initial visibility to hidden (let the plugin control it from here)
+      root.value.style.visibility = 'hidden'
+
+      const nestedOptions = normalizeNestedOptions(nested)
+
+      const init = DragHandlePlugin({
+        editor,
+        element: root.value,
+        pluginKey,
+        computePositionConfig: { ...defaultComputePositionConfig, ...computePositionConfig },
+        onNodeChange,
+        onElementDragStart,
+        onElementDragEnd,
+        nestedOptions,
+      })
+
+      pluginHandle.value = init
+      props.editor.registerPlugin(init.plugin)
+    }
+
+    const destroyPlugin = () => {
+      if (!pluginHandle.value) {
+        return
+      }
+
+      if (props.editor && !props.editor.isDestroyed) {
+        props.editor.unregisterPlugin(props.pluginKey)
+      }
+
+      pluginHandle.value.unbind?.()
+      pluginHandle.value = null
+    }
+
+    onMounted(async () => {
+      await nextTick()
+      initPlugin()
+    })
+
+    // Reinitialize plugin when nested option changes
+    watch(
+      () => props.nested,
+      () => {
+        destroyPlugin()
+        initPlugin()
+      },
+      { deep: true },
+    )
+
+    onBeforeUnmount(() => {
+      destroyPlugin()
+    })
+
+    return () =>
+      h(
+        'div',
+        {
+          ref: root,
+          class: props.class,
+          style: { position: 'absolute' },
+          'data-dragging': 'false',
+        },
+        slots.default?.(),
+      )
+  },
+})
diff --git a/packages/extension-drag-handle-vue/src/index.ts b/packages/extension-drag-handle-vue/src/index.ts
new file mode 100644
index 0000000..af284f8
--- /dev/null
+++ b/packages/extension-drag-handle-vue/src/index.ts
@@ -0,0 +1,5 @@
+import { DragHandle } from './DragHandle.js'
+
+export * from './DragHandle.js'
+
+export default DragHandle
diff --git a/packages/extension-drag-handle-vue/vite.config.ts b/packages/extension-drag-handle-vue/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-drag-handle-vue/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-drag-handle/CHANGELOG.md b/packages/extension-drag-handle/CHANGELOG.md
new file mode 100644
index 0000000..830aeca
--- /dev/null
+++ b/packages/extension-drag-handle/CHANGELOG.md
@@ -0,0 +1,1361 @@
+# @tiptap/extension-drag-handle
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/extension-collaboration@3.30.3
+  - @tiptap/extension-node-range@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/extension-collaboration@3.30.2
+  - @tiptap/extension-node-range@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/extension-collaboration@3.30.1
+  - @tiptap/extension-node-range@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+  - @tiptap/extension-collaboration@3.30.0
+  - @tiptap/extension-node-range@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/extension-collaboration@3.29.2
+- @tiptap/extension-node-range@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/extension-collaboration@3.29.1
+- @tiptap/extension-node-range@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+  - @tiptap/extension-collaboration@3.29.0
+  - @tiptap/extension-node-range@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- 3c8da6a: Bump @tiptap/y-tiptap version to ensure users use latest version
+- Updated dependencies [3c8da6a]
+  - @tiptap/extension-collaboration@3.28.0
+  - @tiptap/core@3.28.0
+  - @tiptap/extension-node-range@3.28.0
+  - @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/extension-collaboration@3.27.4
+- @tiptap/extension-node-range@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/extension-collaboration@3.27.3
+  - @tiptap/extension-node-range@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- ec41238: Fix NodeRangeSelection not being restored after drag-and-drop when Collaboration (Yjs) is enabled. Drop anchor positions are now tracked with Yjs relative positions and remapped across `isChangeOrigin` document rebuilds, and selection restore runs via `appendTransaction` after the drop transaction settles.
+- 82d9c81: Fix the drag handle when the editor renders zero-size widget decorations, such as the page chrome injected by the Pages extension. The handle now resolves to the correct block instead of failing to position or aligning to a decoration, and it stays above positioned page chrome so it remains clickable.
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+  - @tiptap/extension-collaboration@3.27.2
+  - @tiptap/extension-node-range@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- ad17014: Respect margin properties passed via `dragImageProperties` on the drag preview. The clone reset its margin to `0` after copying styles, which discarded any margin the user explicitly requested. The reset now runs only when no margin property is listed in `dragImageProperties`, so the drag image can keep the same spacing as the live block.
+  - @tiptap/core@3.27.1
+  - @tiptap/extension-collaboration@3.27.1
+  - @tiptap/extension-node-range@3.27.1
+  - @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- 63b157c: Fix multi-block drags only removing the first block when nested mode is enabled
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/extension-collaboration@3.27.0
+  - @tiptap/extension-node-range@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- a38c9c0: Restore the node range selection after dragging multiple blocks. Previously, dropping a multi-block drag left a text selection inside the moved content instead of keeping the dragged blocks selected.
+- a38c9c0: Bump `@tiptap/y-tiptap` to version ^3.0.5
+- Updated dependencies [a38c9c0]
+- Updated dependencies [a38c9c0]
+  - @tiptap/extension-node-range@3.26.1
+  - @tiptap/extension-collaboration@3.26.1
+  - @tiptap/core@3.26.1
+  - @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/extension-collaboration@3.26.0
+- @tiptap/extension-node-range@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+- Updated dependencies [3163b13]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+  - @tiptap/extension-collaboration@3.25.0
+  - @tiptap/extension-node-range@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [de337e8]
+- Updated dependencies [7c0499b]
+  - @tiptap/extension-collaboration@3.24.0
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+  - @tiptap/extension-node-range@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- 937ff2e: **DragHandle**: Added `dragImageProperties` option to limit which CSS properties are cloned for the drag image. By default all ~300+ computed styles are copied; setting this to a subset (e.g. `['color', 'background-color', 'font-size']`) reduces the cost when dragging selections with complex nodes.
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/extension-collaboration@3.23.6
+  - @tiptap/extension-node-range@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/extension-collaboration@3.23.5
+  - @tiptap/extension-node-range@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/extension-collaboration@3.23.4
+- @tiptap/extension-node-range@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/extension-collaboration@3.23.3
+- @tiptap/extension-node-range@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/extension-collaboration@3.23.2
+  - @tiptap/extension-node-range@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/extension-collaboration@3.23.1
+- @tiptap/extension-node-range@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- 1852c73: Improved JSDoc documentation for the nested drag handle options, making threshold, strength, edge detection, and custom rules easier to understand directly in your IDE.
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/extension-collaboration@3.23.0
+  - @tiptap/extension-node-range@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/extension-collaboration@3.22.5
+  - @tiptap/extension-node-range@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 040da0d: Fix drag handle ghost image alignment when dragging blocks inside offset layouts, and preserve correct ghost image behavior for RTL content.
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/extension-collaboration@3.22.4
+  - @tiptap/extension-node-range@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- ac994c5: Fix drag selections so crossing a node boundary does not incorrectly include the next node.
+- Updated dependencies [cb28e7b]
+- Updated dependencies [ac994c5]
+  - @tiptap/core@3.22.3
+  - @tiptap/extension-node-range@3.22.3
+  - @tiptap/extension-collaboration@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/extension-collaboration@3.22.2
+  - @tiptap/extension-node-range@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- 942eb85: Fixed drag handle ghost image for RTL and mixed-direction content: the ghost wrapper now uses the dragged block’s computed `direction` (via `domAtPos`), and the drag image hotspot uses the cursor position relative to the ghost `wrapper` so the preview aligns with the pointer in both LTR and RTL.
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/extension-collaboration@3.22.1
+  - @tiptap/extension-node-range@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [556b0a3]
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/extension-collaboration@3.22.0
+  - @tiptap/core@3.22.0
+  - @tiptap/extension-node-range@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- 0caf1f6: Updated `findElementNextToCoords` to fall back to `view.posAtCoords` when `elementsFromPoint` returns no matching block, resolving the position to the top-level block node.
+  - @tiptap/core@3.21.0
+  - @tiptap/extension-collaboration@3.21.0
+  - @tiptap/extension-node-range@3.21.0
+  - @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- dc6a4e5: Fix drag preview cleanup so cloned drag images are also removed when dragging ends without a valid drop.
+  - @tiptap/core@3.20.6
+  - @tiptap/extension-collaboration@3.20.6
+  - @tiptap/extension-node-range@3.20.6
+  - @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/extension-collaboration@3.20.5
+- @tiptap/extension-node-range@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/extension-collaboration@3.20.4
+  - @tiptap/extension-node-range@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/extension-collaboration@3.20.3
+  - @tiptap/extension-node-range@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/extension-collaboration@3.20.2
+  - @tiptap/extension-node-range@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- c288676: Fix Drag event listener is removed when a plugin is registered after the DragHandle plugin.
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/extension-collaboration@3.20.1
+  - @tiptap/extension-node-range@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- 536f452: Fix drag handle not appearing for atom/leaf nodes like images in both nested and non-nested modes
+- 536f452: Add table structure rules to prevent drag handle on table rows, cells, and headers, and fix ghost table rows when dragging tables
+- 5e04a73: Fix drag position resolving outside the document when dragging an empty text node at the end of the document
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/extension-collaboration@3.20.0
+  - @tiptap/extension-node-range@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/extension-collaboration@3.19.0
+- @tiptap/extension-node-range@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/extension-collaboration@3.18.0
+- @tiptap/extension-node-range@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- 1a55fd0: Fixed CollaborationCaret crash with "Cannot read properties of undefined (reading 'doc')" error by updating to @tiptap/y-tiptap@3.0.2, which includes a guard against undefined state during editor initialization. This issue affected editors initialized with HTML content, particularly when using tables.
+- Updated dependencies [1a55fd0]
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/extension-collaboration@3.17.1
+  - @tiptap/core@3.17.1
+  - @tiptap/extension-node-range@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Minor Changes
+
+- a7ab5df: Added nested drag handle support, allowing drag handles to appear for nested content like list items and blockquotes with configurable edge detection and custom rules.
+
+### Patch Changes
+
+- eecf1c9: Fixed Firefox bug where the text caret becomes invisible after drag and drop.
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/extension-collaboration@3.17.0
+  - @tiptap/extension-node-range@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/extension-collaboration@3.16.0
+- @tiptap/extension-node-range@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/extension-collaboration@3.15.3
+  - @tiptap/extension-node-range@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/extension-collaboration@3.15.2
+- @tiptap/extension-node-range@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/extension-collaboration@3.15.1
+- @tiptap/extension-node-range@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/extension-collaboration@3.15.0
+  - @tiptap/extension-node-range@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- df277af: Fix `findElementNextToCoords` to resolve the parent when `nodeAt(pos)` is null
+  (e.g., inside an atom node that allows inline content)
+  - @tiptap/core@3.14.0
+  - @tiptap/extension-collaboration@3.14.0
+  - @tiptap/extension-node-range@3.14.0
+  - @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- 286820e: Added `data-dragging` attribute to drag handle elements to track drag state.
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/extension-collaboration@3.13.0
+  - @tiptap/extension-node-range@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/extension-collaboration@3.12.1
+- @tiptap/extension-node-range@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/extension-collaboration@3.12.0
+  - @tiptap/core@3.12.0
+  - @tiptap/extension-node-range@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/extension-collaboration@3.11.1
+  - @tiptap/extension-node-range@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/extension-collaboration@3.11.0
+  - @tiptap/extension-node-range@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/extension-collaboration@3.10.8
+  - @tiptap/extension-node-range@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/extension-collaboration@3.10.7
+- @tiptap/extension-node-range@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/extension-collaboration@3.10.6
+- @tiptap/extension-node-range@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- 50e8905: Fixed collaborative editing errors with certain emoji combinations (like 🔴🟢, 😎🐈, 🟣🔵) by updating `@tiptap/y-tiptap` to stable v3.0.0.
+- Updated dependencies [50e8905]
+- Updated dependencies [92fae18]
+  - @tiptap/extension-collaboration@3.10.5
+  - @tiptap/core@3.10.5
+  - @tiptap/extension-node-range@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/extension-collaboration@3.10.4
+  - @tiptap/extension-node-range@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/extension-collaboration@3.10.3
+- @tiptap/extension-node-range@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/extension-collaboration@3.10.2
+- @tiptap/extension-node-range@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/extension-collaboration@3.10.1
+  - @tiptap/extension-node-range@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/extension-collaboration@3.10.0
+  - @tiptap/extension-node-range@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/extension-collaboration@3.9.1
+- @tiptap/extension-node-range@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- 401fe3f: Replace DOM traversal with browser's native elementsFromPoint for better performance.
+
+  - Use elementsFromPoint instead of querySelectorAll
+  - Add clampToContent helper for coordinate boundary validation
+  - Add findClosestTopLevelBlock helper for efficient block lookup
+  - Future-proof for root-level mousemove listeners
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/extension-collaboration@3.9.0
+  - @tiptap/extension-node-range@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/extension-collaboration@3.8.0
+- @tiptap/extension-node-range@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/extension-collaboration@3.7.2
+- @tiptap/extension-node-range@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/extension-collaboration@3.7.1
+- @tiptap/extension-node-range@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/extension-collaboration@3.7.0
+  - @tiptap/extension-node-range@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/extension-collaboration@3.6.7
+- @tiptap/extension-node-range@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/extension-collaboration@3.6.6
+- @tiptap/extension-node-range@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/extension-collaboration@3.6.5
+  - @tiptap/extension-node-range@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/extension-collaboration@3.6.4
+- @tiptap/extension-node-range@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/extension-collaboration@3.6.3
+  - @tiptap/extension-node-range@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/extension-collaboration@3.6.2
+- @tiptap/extension-node-range@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/extension-collaboration@3.6.1
+- @tiptap/extension-node-range@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/extension-collaboration@3.6.0
+  - @tiptap/extension-node-range@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/extension-collaboration@3.5.3
+- @tiptap/extension-node-range@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/extension-collaboration@3.5.2
+- @tiptap/extension-node-range@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/extension-collaboration@3.5.1
+- @tiptap/extension-node-range@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Minor Changes
+
+- daa51c4: Add `getReferencedVirtualElement` option to the drag handle extension to customize the position of the drag handle.
+
+### Patch Changes
+
+- 3eb5360: Fixed `findElementNextToCoords` returning incorrect nodes when the position is at a node boundary. The function now correctly identifies leaf nodes (like images, horizontal rules) by checking `$pos.nodeAfter` before falling back to the parent node lookup.
+  - @tiptap/core@3.5.0
+  - @tiptap/extension-collaboration@3.5.0
+  - @tiptap/extension-node-range@3.5.0
+  - @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/extension-collaboration@3.4.6
+  - @tiptap/extension-node-range@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/extension-collaboration@3.4.5
+  - @tiptap/extension-node-range@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/extension-collaboration@3.4.4
+  - @tiptap/extension-node-range@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/extension-collaboration@3.4.3
+  - @tiptap/extension-node-range@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/extension-collaboration@3.4.2
+- @tiptap/extension-node-range@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/extension-collaboration@3.4.1
+- @tiptap/extension-node-range@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/extension-collaboration@3.4.0
+  - @tiptap/extension-node-range@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- 8eff69a: Improve drag handle node lookup by scanning element bounding rects inside the editor instead of performing per-pixel `elementsFromPoint` loops, and throttle mouse handling to a single update per animation frame to reduce CPU usage and improve stability.
+
+  This should make drag handle positioning and node detection significantly faster and more robust.
+
+- Updated dependencies [02eae08]
+  - @tiptap/extension-collaboration@3.3.1
+  - @tiptap/core@3.3.1
+  - @tiptap/extension-node-range@3.3.1
+  - @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/extension-collaboration@3.3.0
+  - @tiptap/extension-node-range@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/extension-collaboration@3.2.2
+- @tiptap/extension-node-range@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/extension-collaboration@3.2.1
+  - @tiptap/extension-node-range@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/extension-collaboration@3.2.0
+  - @tiptap/extension-node-range@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Minor Changes
+
+- 978c548: Expose `onDragStart` and `onDragEnd` callbacks to improve custom drag behavior. This allows better UI control compared to relying on `editor.view.dragging`, especially when using absolute-positioned drag handles.
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/extension-collaboration@3.1.0
+- @tiptap/extension-node-range@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/extension-collaboration@3.0.9
+- @tiptap/extension-node-range@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/extension-collaboration@3.0.8
+- @tiptap/extension-node-range@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/extension-collaboration@3.0.7
+- @tiptap/extension-node-range@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/extension-collaboration@3.0.6
+  - @tiptap/extension-node-range@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/extension-collaboration@3.0.5
+- @tiptap/extension-node-range@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/extension-collaboration@3.0.4
+  - @tiptap/extension-node-range@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/extension-collaboration@3.0.3
+  - @tiptap/extension-node-range@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/extension-collaboration@3.0.2
+- @tiptap/extension-node-range@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Minor Changes
+
+- 952623f: Added logic to hide drag handle during typing to reduce visual clutter
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- 6137cdc: Fix a bug where new keydown event handling would prevent other events
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [a33d20c]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [f43b2e5]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [7ac01ef]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/extension-collaboration@3.0.1
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+  - @tiptap/extension-node-range@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- 6137cdc: Fix a bug where new keydown event handling would prevent other events
+  - @tiptap/core@3.0.0-beta.30
+  - @tiptap/extension-collaboration@3.0.0-beta.30
+  - @tiptap/extension-node-range@3.0.0-beta.30
+  - @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Minor Changes
+
+- 952623f: Added logic to hide drag handle during typing to reduce visual clutter
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/extension-collaboration@3.0.0-beta.29
+- @tiptap/extension-node-range@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/extension-collaboration@3.0.0-beta.28
+- @tiptap/extension-node-range@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/extension-collaboration@3.0.0-beta.27
+  - @tiptap/extension-node-range@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/extension-collaboration@3.0.0-beta.26
+  - @tiptap/extension-node-range@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/extension-collaboration@3.0.0-beta.25
+  - @tiptap/extension-node-range@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/extension-collaboration@3.0.0-beta.24
+- @tiptap/extension-node-range@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/extension-collaboration@3.0.0-beta.23
+- @tiptap/extension-node-range@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/extension-collaboration@3.0.0-beta.22
+- @tiptap/extension-node-range@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/extension-collaboration@3.0.0-beta.21
+  - @tiptap/extension-node-range@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/extension-collaboration@3.0.0-beta.20
+- @tiptap/extension-node-range@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/extension-collaboration@3.0.0-beta.19
+  - @tiptap/extension-node-range@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/extension-collaboration@3.0.0-beta.18
+- @tiptap/extension-node-range@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/extension-collaboration@3.0.0-beta.17
+  - @tiptap/extension-node-range@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/extension-collaboration@3.0.0-beta.16
+  - @tiptap/extension-node-range@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/extension-collaboration@3.0.0-beta.15
+  - @tiptap/extension-node-range@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/extension-collaboration@3.0.0-beta.14
+  - @tiptap/extension-node-range@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/extension-collaboration@3.0.0-beta.13
+- @tiptap/extension-node-range@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/extension-collaboration@3.0.0-beta.12
+- @tiptap/extension-node-range@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/extension-collaboration@3.0.0-beta.11
+- @tiptap/extension-node-range@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- Updated dependencies [7ac01ef]
+  - @tiptap/extension-node-range@3.0.0-beta.10
+  - @tiptap/core@3.0.0-beta.10
+  - @tiptap/extension-collaboration@3.0.0-beta.10
+  - @tiptap/pm@3.0.0-beta.10
diff --git a/packages/extension-drag-handle/README.md b/packages/extension-drag-handle/README.md
new file mode 100644
index 0000000..61ece34
--- /dev/null
+++ b/packages/extension-drag-handle/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-drag-handle
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-drag-handle.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-drag-handle)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-drag-handle.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-drag-handle.svg)](https://www.npmjs.com/package/@tiptap/extension-drag-handle)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-drag-handle/package.json b/packages/extension-drag-handle/package.json
new file mode 100644
index 0000000..4b11870
--- /dev/null
+++ b/packages/extension-drag-handle/package.json
@@ -0,0 +1,62 @@
+{
+  "name": "@tiptap/extension-drag-handle",
+  "version": "3.30.3",
+  "description": "drag handle extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev/docs/editor/extensions/functionality/drag-handle",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-drag-handle"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.6.13"
+  },
+  "devDependencies": {
+    "@floating-ui/dom": "^1.6.13",
+    "@tiptap/core": "workspace:^",
+    "@tiptap/extension-collaboration": "workspace:^",
+    "@tiptap/extension-node-range": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "@tiptap/y-tiptap": "^3.0.7"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/extension-collaboration": "workspace:*",
+    "@tiptap/extension-node-range": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "@tiptap/y-tiptap": "^3.0.7"
+  }
+}
diff --git a/packages/extension-drag-handle/src/drag-handle-plugin.ts b/packages/extension-drag-handle/src/drag-handle-plugin.ts
new file mode 100644
index 0000000..04b66cd
--- /dev/null
+++ b/packages/extension-drag-handle/src/drag-handle-plugin.ts
@@ -0,0 +1,558 @@
+import { type ComputePositionConfig, type VirtualElement, computePosition } from '@floating-ui/dom'
+import { type Editor, isFirefox } from '@tiptap/core'
+import { isChangeOrigin } from '@tiptap/extension-collaboration'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { type EditorState, type Transaction, Plugin, PluginKey } from '@tiptap/pm/state'
+import type { EditorView } from '@tiptap/pm/view'
+import {
+  absolutePositionToRelativePosition,
+  relativePositionToAbsolutePosition,
+  ySyncPluginKey,
+} from '@tiptap/y-tiptap'
+
+import { dragHandler } from './helpers/dragHandler.js'
+import { findElementNextToCoords } from './helpers/findNextElementFromCursor.js'
+import { getOuterNode, getOuterNodePos } from './helpers/getOuterNode.js'
+import {
+  type ActiveDragRange,
+  createDroppedNodeRangeSelection,
+  getActiveDragRange,
+  mapPendingRestoreAnchor,
+} from './helpers/nodeRangeDrop.js'
+import { removeNode } from './helpers/removeNode.js'
+import type { NormalizedNestedOptions } from './types/options.js'
+
+type PluginState = {
+  locked: boolean
+}
+
+const getRelativePos = (state: EditorState, absolutePos: number) => {
+  const ystate = ySyncPluginKey.getState(state)
+
+  if (!ystate) {
+    return null
+  }
+
+  return absolutePositionToRelativePosition(absolutePos, ystate.type, ystate.binding.mapping)
+}
+
+// biome-ignore lint/suspicious/noExplicitAny: y-prosemirror (and y-tiptap by extension) does not have types for relative positions
+const getAbsolutePos = (state: EditorState, relativePos: any) => {
+  const ystate = ySyncPluginKey.getState(state)
+
+  if (!ystate) {
+    return -1
+  }
+
+  return (
+    relativePositionToAbsolutePosition(
+      ystate.doc,
+      ystate.type,
+      relativePos,
+      ystate.binding.mapping,
+    ) || 0
+  )
+}
+
+const getOuterDomNode = (view: EditorView, domNode: HTMLElement) => {
+  let tmpDomNode = domNode
+
+  // Traverse to top level node.
+  while (tmpDomNode?.parentNode) {
+    if (tmpDomNode.parentNode === view.dom) {
+      break
+    }
+
+    tmpDomNode = tmpDomNode.parentNode as HTMLElement
+  }
+
+  return tmpDomNode
+}
+
+export interface DragHandlePluginProps {
+  pluginKey?: PluginKey | string
+  editor: Editor
+  element: HTMLElement
+  onNodeChange?: (data: { editor: Editor; node: PMNode | null; pos: number }) => void
+  onElementDragStart?: (e: DragEvent) => void
+  onElementDragEnd?: (e: DragEvent) => void
+  computePositionConfig?: ComputePositionConfig
+  getReferencedVirtualElement?: () => VirtualElement | null
+  nestedOptions: NormalizedNestedOptions
+  dragImageProperties?: string[]
+}
+
+export const dragHandlePluginDefaultKey = new PluginKey('dragHandle')
+
+export const DragHandlePlugin = ({
+  pluginKey = dragHandlePluginDefaultKey,
+  element,
+  editor,
+  computePositionConfig,
+  getReferencedVirtualElement,
+  onNodeChange,
+  onElementDragStart,
+  onElementDragEnd,
+  nestedOptions,
+  dragImageProperties,
+}: DragHandlePluginProps) => {
+  const wrapper = document.createElement('div')
+  let locked = false
+  let currentNode: PMNode | null = null
+  let currentNodePos = -1
+  // biome-ignore lint/suspicious/noExplicitAny: See above - relative positions in y-prosemirror are not typed
+  let currentNodeRelPos: any
+  let rafId: number | null = null
+  let pendingMouseCoords: { x: number; y: number } | null = null
+  let activeDragRange: ActiveDragRange | null = null
+  let pendingRestore: ActiveDragRange | null = null
+
+  function clearDragRangeState() {
+    activeDragRange = null
+    pendingRestore = null
+  }
+
+  function remapPendingRestore(tr: Transaction, state: EditorState) {
+    if (!pendingRestore) {
+      return
+    }
+
+    pendingRestore = mapPendingRestoreAnchor(pendingRestore, tr, {
+      isChangeOrigin: isChangeOrigin(tr),
+      getAbsolutePos: relativePos => getAbsolutePos(state, relativePos),
+    })
+  }
+
+  function buildRestoreTransaction(state: EditorState) {
+    if (!pendingRestore) {
+      return null
+    }
+
+    const nodeRangeSelection = createDroppedNodeRangeSelection(
+      state.doc,
+      pendingRestore.anchorPos,
+      pendingRestore.nodeCount,
+      pendingRestore.depth,
+    )
+
+    if (!nodeRangeSelection) {
+      pendingRestore = null
+      activeDragRange = null
+      return null
+    }
+
+    clearDragRangeState()
+
+    return state.tr.setSelection(nodeRangeSelection)
+  }
+
+  function hideHandle() {
+    if (!element) {
+      return
+    }
+
+    element.style.visibility = 'hidden'
+    element.style.pointerEvents = 'none'
+  }
+
+  function showHandle() {
+    if (!element) {
+      return
+    }
+
+    if (!editor.isEditable) {
+      hideHandle()
+      return
+    }
+
+    element.style.visibility = ''
+    element.style.pointerEvents = 'auto'
+  }
+
+  function repositionDragHandle(dom: Element) {
+    const virtualElement = getReferencedVirtualElement?.() || {
+      getBoundingClientRect: () => dom.getBoundingClientRect(),
+    }
+
+    computePosition(virtualElement, element, computePositionConfig).then(val => {
+      Object.assign(element.style, {
+        position: val.strategy,
+        left: `${val.x}px`,
+        top: `${val.y}px`,
+      })
+    })
+  }
+
+  function onDragStart(e: DragEvent) {
+    onElementDragStart?.(e)
+    // Push this to the end of the event cue
+    // Fixes bug where incorrect drag pos is returned if drag handle has position: absolute
+    // Pass the current node context to avoid recalculation issues during drag start
+    dragHandler(
+      e,
+      editor,
+      nestedOptions,
+      { node: currentNode, pos: currentNodePos },
+      dragImageProperties,
+    )
+
+    // remember a multi-block node range so it can be restored after drop
+    activeDragRange = getActiveDragRange(editor.state.selection)
+
+    if (element) {
+      element.dataset.dragging = 'true'
+    }
+
+    setTimeout(() => {
+      if (element) {
+        element.style.pointerEvents = 'none'
+      }
+    }, 0)
+  }
+
+  function onDragEnd(e: DragEvent) {
+    onElementDragEnd?.(e)
+    activeDragRange = null
+    hideHandle()
+    if (element) {
+      element.style.pointerEvents = 'auto'
+      element.dataset.dragging = 'false'
+    }
+  }
+
+  function onDrop(e: DragEvent) {
+    if (!e.target || !editor.view.dom.contains(e.target as HTMLElement)) {
+      return
+    }
+
+    // Firefox has a bug where the caret becomes invisible after drag and drop.
+    // This workaround forces Firefox to re-render the caret by toggling contentEditable.
+    // See: https://bugzilla.mozilla.org/show_bug.cgi?id=1327834
+    if (isFirefox()) {
+      const editorElement = editor.view.dom
+
+      // Use requestAnimationFrame to ensure the drop operation has completed
+      requestAnimationFrame(() => {
+        if (editorElement.isContentEditable) {
+          editorElement.contentEditable = 'false'
+          editorElement.contentEditable = 'true'
+        }
+      })
+    }
+
+    if (!activeDragRange || editor.view.state.selection.empty) {
+      return
+    }
+
+    const anchorPos = editor.state.selection.from
+    const relativeAnchorPos = getRelativePos(editor.state, anchorPos)
+
+    pendingRestore = {
+      ...activeDragRange,
+      anchorPos,
+      relativeAnchorPos: relativeAnchorPos ?? undefined,
+    }
+
+    // Dispatch a no-op transaction so appendTransaction can restore the node
+    // range after any Yjs isChangeOrigin transactions from the drop have settled.
+    editor.view.dispatch(editor.state.tr.setMeta('addToHistory', false))
+  }
+
+  // shared teardown for both the unbind() handle and the plugin view destroy
+  function cleanup() {
+    element.removeEventListener('dragstart', onDragStart)
+    element.removeEventListener('dragend', onDragEnd)
+    document.removeEventListener('drop', onDrop)
+
+    if (rafId) {
+      cancelAnimationFrame(rafId)
+      rafId = null
+      pendingMouseCoords = null
+    }
+
+    clearDragRangeState()
+  }
+
+  wrapper.appendChild(element)
+
+  return {
+    unbind() {
+      cleanup()
+    },
+    plugin: new Plugin({
+      key: typeof pluginKey === 'string' ? new PluginKey(pluginKey) : pluginKey,
+
+      state: {
+        init() {
+          return { locked: false }
+        },
+        apply(tr: Transaction, value: PluginState, _oldState: EditorState, state: EditorState) {
+          remapPendingRestore(tr, state)
+
+          const isLocked = tr.getMeta('lockDragHandle')
+          const hideDragHandle = tr.getMeta('hideDragHandle')
+
+          if (isLocked !== undefined) {
+            locked = isLocked
+          }
+
+          if (hideDragHandle) {
+            hideHandle()
+
+            locked = false
+            currentNode = null
+            currentNodePos = -1
+
+            onNodeChange?.({ editor, node: null, pos: -1 })
+
+            return value
+          }
+
+          // Something has changed and drag handler is visible…
+          if (tr.docChanged && currentNodePos !== -1 && element) {
+            // Yjs replaces the entire document on every incoming change and needs a special handling.
+            // If change comes from another user …
+            if (isChangeOrigin(tr)) {
+              // https://discuss.yjs.dev/t/y-prosemirror-mapping-a-single-relative-position-when-doc-changes/851/3
+              const newPos = getAbsolutePos(state, currentNodeRelPos)
+
+              if (newPos !== currentNodePos) {
+                // Set the new position for our current node.
+                currentNodePos = newPos
+
+                // We will get the outer node with data and position in views update method.
+              }
+            } else {
+              // … otherwise use ProseMirror mapping to update the position.
+              const newPos = tr.mapping.map(currentNodePos)
+
+              if (newPos !== currentNodePos) {
+                // TODO: Remove
+                // console.log('Position has changed …', { old: currentNodePos, new: newPos }, tr);
+
+                // Set the new position for our current node.
+                currentNodePos = newPos
+
+                // Memorize relative position to retrieve absolute position in case of collaboration
+                currentNodeRelPos = getRelativePos(state, currentNodePos)
+
+                // We will get the outer node with data and position in views update method.
+              }
+            }
+          }
+
+          return value
+        },
+      },
+
+      appendTransaction(_transactions, _oldState, newState) {
+        return buildRestoreTransaction(newState)
+      },
+
+      view: view => {
+        element.draggable = true
+        element.style.pointerEvents = 'auto'
+        element.dataset.dragging = 'false'
+
+        editor.view.dom.parentElement?.appendChild(wrapper)
+
+        wrapper.style.pointerEvents = 'none'
+        wrapper.style.position = 'absolute'
+        wrapper.style.top = '0'
+        wrapper.style.left = '0'
+        // Keep the handle above positioned editor content/decorations (e.g. the
+        // Pages page header/footer chrome) so it stays visible and clickable.
+        wrapper.style.zIndex = '10'
+
+        element.addEventListener('dragstart', onDragStart)
+        element.addEventListener('dragend', onDragEnd)
+        document.addEventListener('drop', onDrop)
+
+        return {
+          update(_, oldState) {
+            if (!element) {
+              return
+            }
+
+            if (!editor.isEditable) {
+              hideHandle()
+              return
+            }
+
+            // Prevent element being draggend while being open.
+            if (locked) {
+              element.draggable = false
+            } else {
+              element.draggable = true
+            }
+
+            // Recalculate popup position if doc has changend and drag handler is visible.
+            if (view.state.doc.eq(oldState.doc) || currentNodePos === -1) {
+              return
+            }
+
+            // Get domNode from (new) position.
+            let domNode = view.nodeDOM(currentNodePos) as HTMLElement
+
+            // Since old element could have been wrapped, we need to find
+            // the outer node and take its position and node data.
+            domNode = getOuterDomNode(view, domNode)
+
+            // Skip if domNode is editor dom.
+            if (domNode === view.dom) {
+              return
+            }
+
+            // We only want `Element`.
+            if (domNode?.nodeType !== 1) {
+              return
+            }
+
+            const domNodePos = view.posAtDOM(domNode, 0)
+            const outerNode = getOuterNode(editor.state.doc, domNodePos)
+            const outerNodePos = getOuterNodePos(editor.state.doc, domNodePos) // TODO: needed?
+
+            currentNode = outerNode
+            currentNodePos = outerNodePos
+
+            // Memorize relative position to retrieve absolute position in case of collaboration
+            currentNodeRelPos = getRelativePos(view.state, currentNodePos)
+
+            onNodeChange?.({ editor, node: currentNode, pos: currentNodePos })
+
+            repositionDragHandle(domNode as Element)
+          },
+
+          // TODO: Kills even on hot reload
+          destroy() {
+            cleanup()
+
+            if (element) {
+              removeNode(wrapper)
+            }
+          },
+        }
+      },
+
+      props: {
+        handleDOMEvents: {
+          keydown(view) {
+            if (!element || locked) {
+              return false
+            }
+
+            if (view.hasFocus()) {
+              hideHandle()
+              currentNode = null
+              currentNodePos = -1
+              onNodeChange?.({ editor, node: null, pos: -1 })
+
+              // We want to still continue with other keydown events.
+              return false
+            }
+
+            return false
+          },
+          mouseleave(_view, e) {
+            // Do not hide open popup on mouseleave.
+            if (locked) {
+              return false
+            }
+
+            // If e.target is not inside the wrapper, hide.
+            if (e.target && !wrapper.contains(e.relatedTarget as HTMLElement)) {
+              hideHandle()
+
+              currentNode = null
+              currentNodePos = -1
+
+              onNodeChange?.({ editor, node: null, pos: -1 })
+            }
+
+            return false
+          },
+
+          mousemove(view, e) {
+            // Do not continue if popup is not initialized or open.
+            if (!element || locked) {
+              return false
+            }
+
+            // Store latest mouse coords and schedule a single RAF per frame
+            pendingMouseCoords = { x: e.clientX, y: e.clientY }
+
+            if (rafId) {
+              return false
+            }
+
+            rafId = requestAnimationFrame(() => {
+              rafId = null
+
+              if (!pendingMouseCoords) {
+                return
+              }
+
+              const { x, y } = pendingMouseCoords
+              pendingMouseCoords = null
+
+              const nodeData = findElementNextToCoords({
+                x,
+                y,
+                direction: 'right',
+                editor,
+                nestedOptions,
+              })
+
+              // Skip if there is no node next to coords
+              if (!nodeData.resultElement) {
+                return
+              }
+
+              let domNode = nodeData.resultElement as HTMLElement
+              let targetNode = nodeData.resultNode
+              let targetPos = nodeData.pos
+
+              // In nested mode, the node data already contains the correct target
+              // In non-nested mode, traverse to the top-level block
+              if (!nestedOptions?.enabled) {
+                domNode = getOuterDomNode(view, domNode)
+
+                // Skip if domNode is editor dom.
+                if (domNode === view.dom) {
+                  return
+                }
+
+                // We only want `Element`.
+                if (domNode?.nodeType !== 1) {
+                  return
+                }
+
+                const domNodePos = view.posAtDOM(domNode, 0)
+
+                targetNode = getOuterNode(editor.state.doc, domNodePos)
+                targetPos = getOuterNodePos(editor.state.doc, domNodePos)
+              }
+
+              if (targetNode !== currentNode) {
+                currentNode = targetNode
+                currentNodePos = targetPos ?? -1
+
+                // Memorize relative position to retrieve absolute position in case of collaboration
+                currentNodeRelPos = getRelativePos(view.state, currentNodePos)
+
+                onNodeChange?.({ editor, node: currentNode, pos: currentNodePos })
+
+                // Set nodes clientRect.
+                repositionDragHandle(domNode as Element)
+
+                showHandle()
+              }
+            })
+
+            return false
+          },
+        },
+      },
+    }),
+  }
+}
diff --git a/packages/extension-drag-handle/src/drag-handle.test.ts b/packages/extension-drag-handle/src/drag-handle.test.ts
new file mode 100644
index 0000000..d22482c
--- /dev/null
+++ b/packages/extension-drag-handle/src/drag-handle.test.ts
@@ -0,0 +1,117 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+import { DragHandle } from './drag-handle.js'
+
+describe('DragHandle', () => {
+  let editor: Editor
+  let dragHandleElement: HTMLElement
+
+  beforeEach(() => {
+    dragHandleElement = document.createElement('div')
+    dragHandleElement.classList.add('drag-handle')
+
+    editor = new Editor({
+      element: document.body,
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        DragHandle.configure({
+          render: () => dragHandleElement,
+        }),
+      ],
+      content: '<p>Hello World</p>',
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  describe('data-dragging attribute', () => {
+    it('should initialize data-dragging attribute to false', () => {
+      expect(dragHandleElement.dataset.dragging).toBe('false')
+    })
+
+    it('should set data-dragging to true on dragstart', () => {
+      const dragStartEvent = new DragEvent('dragstart', {
+        bubbles: true,
+        cancelable: true,
+        dataTransfer: new DataTransfer(),
+      })
+
+      dragHandleElement.dispatchEvent(dragStartEvent)
+
+      expect(dragHandleElement.dataset.dragging).toBe('true')
+    })
+
+    it('should set data-dragging to false on dragend', () => {
+      const dragStartEvent = new DragEvent('dragstart', {
+        bubbles: true,
+        cancelable: true,
+        dataTransfer: new DataTransfer(),
+      })
+
+      dragHandleElement.dispatchEvent(dragStartEvent)
+
+      expect(dragHandleElement.dataset.dragging).toBe('true')
+
+      const dragEndEvent = new DragEvent('dragend', {
+        bubbles: true,
+        cancelable: true,
+      })
+
+      dragHandleElement.dispatchEvent(dragEndEvent)
+
+      expect(dragHandleElement.dataset.dragging).toBe('false')
+    })
+
+    it('should maintain data-dragging state through multiple drag cycles', () => {
+      const dataTransfer = new DataTransfer()
+
+      for (let i = 0; i < 3; i += 1) {
+        const dragStartEvent = new DragEvent('dragstart', {
+          bubbles: true,
+          cancelable: true,
+          dataTransfer,
+        })
+
+        dragHandleElement.dispatchEvent(dragStartEvent)
+        expect(dragHandleElement.dataset.dragging).toBe('true')
+
+        const dragEndEvent = new DragEvent('dragend', {
+          bubbles: true,
+          cancelable: true,
+        })
+
+        dragHandleElement.dispatchEvent(dragEndEvent)
+        expect(dragHandleElement.dataset.dragging).toBe('false')
+      }
+    })
+  })
+
+  describe('element properties', () => {
+    it('should have draggable set to true', () => {
+      expect(dragHandleElement.draggable).toBe(true)
+    })
+
+    it('should have pointer events set to auto initially', () => {
+      expect(dragHandleElement.style.pointerEvents).toBe('auto')
+    })
+
+    it('should render the handle wrapper above editor decorations via a z-index', () => {
+      // The wrapper competes in the stacking context with positioned editor
+      // content and decorations (for example the Pages page header/footer chrome
+      // at z-index 2). Without a z-index the handle is painted behind that chrome
+      // and becomes impossible to click, so the wrapper must assert its own.
+      const wrapper = dragHandleElement.parentElement
+
+      expect(wrapper).not.toBeNull()
+      expect(wrapper?.style.zIndex).toBe('10')
+    })
+  })
+})
diff --git a/packages/extension-drag-handle/src/drag-handle.ts b/packages/extension-drag-handle/src/drag-handle.ts
new file mode 100644
index 0000000..6c71468
--- /dev/null
+++ b/packages/extension-drag-handle/src/drag-handle.ts
@@ -0,0 +1,204 @@
+import type { ComputePositionConfig, VirtualElement } from '@floating-ui/dom'
+import { type Editor, Extension } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import { DragHandlePlugin } from './drag-handle-plugin.js'
+import { normalizeNestedOptions } from './helpers/normalizeOptions.js'
+import type { NestedOptions } from './types/options.js'
+
+export const defaultComputePositionConfig: ComputePositionConfig = {
+  placement: 'left-start',
+  strategy: 'absolute',
+}
+
+export interface DragHandleOptions {
+  /**
+   * Renders an element that is positioned with the floating-ui/dom package
+   */
+  render(): HTMLElement
+  /**
+   * Configuration for position computation of the drag handle
+   * using the floating-ui/dom package
+   */
+  computePositionConfig?: ComputePositionConfig
+  /**
+   * A function that returns the virtual element for the drag handle.
+   * This is useful when the menu needs to be positioned relative to a specific DOM element.
+   */
+  getReferencedVirtualElement?: () => VirtualElement | null
+  /**
+   * Locks the draghandle in place and visibility
+   */
+  locked?: boolean
+  /**
+   * Returns a node or null when a node is hovered over
+   */
+  onNodeChange?: (options: { node: PMNode | null; editor: Editor }) => void
+  /**
+   * The callback function that will be called when drag start.
+   */
+  onElementDragStart?: (e: DragEvent) => void
+  /**
+   * The callback function that will be called when drag end.
+   */
+  onElementDragEnd?: (e: DragEvent) => void
+  /**
+   * Enable drag handles for nested content (list items, blockquotes, etc.).
+   *
+   * When enabled, the drag handle appears for block nodes at any depth, not just
+   * top-level blocks. A rule-based scoring system evaluates all ancestor nodes
+   * at the cursor position and selects the best drag target.
+   *
+   * **Values:**
+   * - `false` (default): Only root-level blocks show drag handles
+   * - `true`: Enable with sensible defaults (left edge detection, default rules)
+   * - `NestedOptions`: Enable with full custom configuration
+   *
+   * @default false
+   *
+   * @example
+   * // Simple enable with sensible defaults
+   * DragHandle.configure({
+   *   nested: true,
+   * })
+   *
+   * @example
+   * // Restrict to specific containers
+   * DragHandle.configure({
+   *   nested: {
+   *     allowedContainers: ['bulletList', 'orderedList'],
+   *   },
+   * })
+   *
+   * @example
+   * // With custom rules and edge detection disabled
+   * DragHandle.configure({
+   *   nested: {
+   *     rules: [{
+   *       id: 'excludeCodeBlocks',
+   *       evaluate: ({ node }) => node.type.name === 'codeBlock' ? 1000 : 0,
+   *     }],
+   *     edgeDetection: 'none',
+   *   },
+   * })
+   *
+   * @example
+   * // Full configuration
+   * DragHandle.configure({
+   *   nested: {
+   *     defaultRules: true,
+   *     allowedContainers: ['bulletList', 'orderedList', 'blockquote'],
+   *     edgeDetection: { threshold: 20 },
+   *     rules: [{
+   *       id: 'preferShallow',
+   *       evaluate: ({ depth }) => depth * 200,
+   *     }],
+   *   },
+   * })
+   */
+  nested?: boolean | NestedOptions
+  /**
+   * Limit the drag image clone to a subset of CSS properties instead of
+   * copying all computed styles. When set, only the listed properties
+   * are read from `getComputedStyle` and applied to the drag image clone.
+   *
+   * Useful for improving drag performance on selections containing complex
+   * or deeply nested nodes.
+   *
+   * @example
+   * // Only copy visual appearance, skip layout properties
+   * DragHandle.configure({
+   *   dragImageProperties: ['color', 'background-color', 'font-size', 'font-family'],
+   * })
+   */
+  dragImageProperties?: string[]
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    dragHandle: {
+      /**
+       * Locks the draghandle in place and visibility
+       */
+      lockDragHandle: () => ReturnType
+      /**
+       * Unlocks the draghandle
+       */
+      unlockDragHandle: () => ReturnType
+      /**
+       * Toggle draghandle lock state
+       */
+      toggleDragHandle: () => ReturnType
+    }
+  }
+}
+
+export const DragHandle = Extension.create<DragHandleOptions>({
+  name: 'dragHandle',
+
+  addOptions() {
+    return {
+      render() {
+        const element = document.createElement('div')
+
+        element.classList.add('drag-handle')
+
+        return element
+      },
+      computePositionConfig: {},
+      locked: false,
+      onNodeChange: () => {
+        return null
+      },
+      onElementDragStart: undefined,
+      onElementDragEnd: undefined,
+      nested: false,
+      dragImageProperties: undefined,
+    }
+  },
+
+  addCommands() {
+    return {
+      lockDragHandle:
+        () =>
+        ({ editor }) => {
+          this.options.locked = true
+          return editor.commands.setMeta('lockDragHandle', this.options.locked)
+        },
+      unlockDragHandle:
+        () =>
+        ({ editor }) => {
+          this.options.locked = false
+          return editor.commands.setMeta('lockDragHandle', this.options.locked)
+        },
+      toggleDragHandle:
+        () =>
+        ({ editor }) => {
+          this.options.locked = !this.options.locked
+          return editor.commands.setMeta('lockDragHandle', this.options.locked)
+        },
+    }
+  },
+
+  addProseMirrorPlugins() {
+    const element = this.options.render()
+    const nestedOptions = normalizeNestedOptions(this.options.nested)
+
+    return [
+      DragHandlePlugin({
+        computePositionConfig: {
+          ...defaultComputePositionConfig,
+          ...this.options.computePositionConfig,
+        },
+        getReferencedVirtualElement: this.options.getReferencedVirtualElement,
+        element,
+        editor: this.editor,
+        onNodeChange: this.options.onNodeChange,
+        onElementDragStart: this.options.onElementDragStart,
+        onElementDragEnd: this.options.onElementDragEnd,
+        nestedOptions,
+        dragImageProperties: this.options.dragImageProperties,
+      }).plugin,
+    ]
+  },
+})
diff --git a/packages/extension-drag-handle/src/helpers/cloneElement.test.ts b/packages/extension-drag-handle/src/helpers/cloneElement.test.ts
new file mode 100644
index 0000000..5e40bce
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/cloneElement.test.ts
@@ -0,0 +1,141 @@
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { cloneElement } from './cloneElement.js'
+
+describe('cloneElement', () => {
+  afterEach(() => {
+    vi.restoreAllMocks()
+  })
+
+  describe('without properties filter', () => {
+    it('copies computed styles to the clone', () => {
+      const element = document.createElement('p')
+      const child = document.createElement('span')
+
+      element.appendChild(child)
+
+      vi.spyOn(window, 'getComputedStyle').mockImplementation((node: Element) => {
+        const styles = node === element ? ['margin-top', 'color'] : ['font-weight']
+
+        return {
+          length: styles.length,
+          0: styles[0],
+          1: styles[1],
+          getPropertyValue: (property: string) => {
+            if (property === 'margin-top') {
+              return '24px'
+            }
+
+            if (property === 'color') {
+              return 'rgb(1, 2, 3)'
+            }
+
+            if (property === 'font-weight') {
+              return '700'
+            }
+
+            return ''
+          },
+        } as unknown as CSSStyleDeclaration
+      })
+
+      const clone = cloneElement(element)
+
+      expect(clone.style.cssText).toContain('margin-top: 24px;')
+      expect(clone.style.cssText).toContain('color: rgb(1, 2, 3);')
+      expect((clone.firstElementChild as HTMLElement).style.cssText).toContain('font-weight: 700;')
+    })
+  })
+
+  describe('with properties filter', () => {
+    it('copies only the listed properties to the clone', () => {
+      const element = document.createElement('p')
+      const child = document.createElement('span')
+
+      element.appendChild(child)
+
+      vi.spyOn(window, 'getComputedStyle').mockImplementation(() => {
+        return {
+          length: 6,
+          0: 'margin-top',
+          1: 'color',
+          2: 'font-weight',
+          3: 'background-color',
+          4: 'opacity',
+          5: 'font-size',
+          getPropertyValue: (property: string) => {
+            if (property === 'margin-top') {
+              return '24px'
+            }
+
+            if (property === 'color') {
+              return 'rgb(1, 2, 3)'
+            }
+
+            if (property === 'font-weight') {
+              return '700'
+            }
+
+            if (property === 'background-color') {
+              return 'rgb(255, 0, 0)'
+            }
+
+            if (property === 'opacity') {
+              return '0.5'
+            }
+
+            if (property === 'font-size') {
+              return '16px'
+            }
+
+            return ''
+          },
+        } as unknown as CSSStyleDeclaration
+      })
+
+      const clone = cloneElement(element, ['margin-top', 'color'])
+
+      // Listed properties should be present
+      expect(clone.style.cssText).toContain('margin-top: 24px;')
+      expect(clone.style.cssText).toContain('color: rgb(1, 2, 3);')
+
+      // Non-listed properties should not be present
+      expect(clone.style.cssText).not.toContain('font-weight')
+      expect(clone.style.cssText).not.toContain('background-color')
+      expect(clone.style.cssText).not.toContain('opacity')
+      expect(clone.style.cssText).not.toContain('font-size')
+    })
+
+    it('trims surrounding whitespace before reading the property', () => {
+      const element = document.createElement('p')
+
+      vi.spyOn(window, 'getComputedStyle').mockImplementation(() => {
+        return {
+          length: 1,
+          0: 'margin-top',
+          getPropertyValue: (property: string) => (property === 'margin-top' ? '24px' : ''),
+        } as unknown as CSSStyleDeclaration
+      })
+
+      const clone = cloneElement(element, [' margin-top '])
+
+      expect(clone.style.cssText).toContain('margin-top: 24px;')
+    })
+
+    it('returns an empty cssText when the properties list is empty', () => {
+      const element = document.createElement('p')
+
+      vi.spyOn(window, 'getComputedStyle').mockImplementation(() => {
+        return {
+          length: 1,
+          0: 'color',
+          getPropertyValue: () => 'red',
+        } as unknown as CSSStyleDeclaration
+      })
+
+      const clone = cloneElement(element, [])
+
+      expect(clone.style.cssText).toBe('')
+    })
+  })
+})
diff --git a/packages/extension-drag-handle/src/helpers/cloneElement.ts b/packages/extension-drag-handle/src/helpers/cloneElement.ts
new file mode 100644
index 0000000..bfbaf81
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/cloneElement.ts
@@ -0,0 +1,34 @@
+function getCSSText(element: Element, properties?: string[]) {
+  const style = getComputedStyle(element)
+
+  if (properties) {
+    return properties
+      .map(property => property.trim())
+      .filter(property => property.length > 0)
+      .map(property => `${property}:${style.getPropertyValue(property)};`)
+      .join('')
+  }
+
+  let value = ''
+
+  for (let i = 0; i < style.length; i += 1) {
+    value += `${style[i]}:${style.getPropertyValue(style[i])};`
+  }
+
+  return value
+}
+
+export function cloneElement(node: HTMLElement, properties?: string[]) {
+  const clonedNode = node.cloneNode(true) as HTMLElement
+  const sourceElements = [node, ...Array.from(node.getElementsByTagName('*'))] as HTMLElement[]
+  const targetElements = [
+    clonedNode,
+    ...Array.from(clonedNode.getElementsByTagName('*')),
+  ] as HTMLElement[]
+
+  sourceElements.forEach((sourceElement, index) => {
+    targetElements[index].style.cssText = getCSSText(sourceElement, properties)
+  })
+
+  return clonedNode
+}
diff --git a/packages/extension-drag-handle/src/helpers/defaultRules.test.ts b/packages/extension-drag-handle/src/helpers/defaultRules.test.ts
new file mode 100644
index 0000000..5740166
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/defaultRules.test.ts
@@ -0,0 +1,415 @@
+import type { Node as PMNode, ResolvedPos } from '@tiptap/pm/model'
+import type { EditorView } from '@tiptap/pm/view'
+import { describe, expect, it } from 'vite-plus/test'
+
+import {
+  defaultRules,
+  inlineContent,
+  listItemFirstChild,
+  listWrapperDeprioritize,
+  tableStructure,
+} from './defaultRules.js'
+import type { RuleContext } from '../types/rules.js'
+
+/**
+ * Creates a mock RuleContext for testing.
+ */
+function createMockContext(overrides: Partial<RuleContext> = {}): RuleContext {
+  const mockNode = {
+    type: { name: 'paragraph' },
+    isInline: false,
+    isText: false,
+  } as unknown as PMNode
+
+  return {
+    node: mockNode,
+    pos: 0,
+    depth: 1,
+    parent: null,
+    index: 0,
+    isFirst: true,
+    isLast: true,
+    $pos: {} as ResolvedPos,
+    view: {} as EditorView,
+    ...overrides,
+  }
+}
+
+describe('listItemFirstChild', () => {
+  it('should have correct id', () => {
+    expect(listItemFirstChild.id).toBe('listItemFirstChild')
+  })
+
+  describe('inside listItem', () => {
+    it('should exclude first child of listItem', () => {
+      const parent = { type: { name: 'listItem' } } as unknown as PMNode
+      const context = createMockContext({
+        parent,
+        isFirst: true,
+        index: 0,
+      })
+
+      const result = listItemFirstChild.evaluate(context)
+
+      expect(result).toBe(1000)
+    })
+
+    it('should not exclude non-first child of listItem', () => {
+      const parent = { type: { name: 'listItem' } } as unknown as PMNode
+      const context = createMockContext({
+        parent,
+        isFirst: false,
+        index: 1,
+      })
+
+      const result = listItemFirstChild.evaluate(context)
+
+      expect(result).toBe(0)
+    })
+  })
+
+  describe('inside taskItem', () => {
+    it('should exclude first child of taskItem', () => {
+      const parent = { type: { name: 'taskItem' } } as unknown as PMNode
+      const context = createMockContext({
+        parent,
+        isFirst: true,
+        index: 0,
+      })
+
+      const result = listItemFirstChild.evaluate(context)
+
+      expect(result).toBe(1000)
+    })
+
+    it('should not exclude non-first child of taskItem', () => {
+      const parent = { type: { name: 'taskItem' } } as unknown as PMNode
+      const context = createMockContext({
+        parent,
+        isFirst: false,
+        index: 1,
+      })
+
+      const result = listItemFirstChild.evaluate(context)
+
+      expect(result).toBe(0)
+    })
+  })
+
+  describe('outside list items', () => {
+    it('should not exclude first child of other containers', () => {
+      const parent = { type: { name: 'blockquote' } } as unknown as PMNode
+      const context = createMockContext({
+        parent,
+        isFirst: true,
+        index: 0,
+      })
+
+      const result = listItemFirstChild.evaluate(context)
+
+      expect(result).toBe(0)
+    })
+
+    it('should not exclude when parent is null', () => {
+      const context = createMockContext({
+        parent: null,
+        isFirst: true,
+        index: 0,
+      })
+
+      const result = listItemFirstChild.evaluate(context)
+
+      expect(result).toBe(0)
+    })
+
+    it('should not affect nodes in bulletList directly', () => {
+      const parent = { type: { name: 'bulletList' } } as unknown as PMNode
+      const context = createMockContext({
+        parent,
+        isFirst: true,
+        index: 0,
+      })
+
+      const result = listItemFirstChild.evaluate(context)
+
+      expect(result).toBe(0)
+    })
+  })
+})
+
+describe('inlineContent', () => {
+  it('should have correct id', () => {
+    expect(inlineContent.id).toBe('inlineContent')
+  })
+
+  it('should exclude inline nodes', () => {
+    const node = {
+      type: { name: 'text' },
+      isInline: true,
+      isText: false,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = inlineContent.evaluate(context)
+
+    expect(result).toBe(1000)
+  })
+
+  it('should exclude text nodes', () => {
+    const node = {
+      type: { name: 'text' },
+      isInline: false,
+      isText: true,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = inlineContent.evaluate(context)
+
+    expect(result).toBe(1000)
+  })
+
+  it('should not exclude block nodes', () => {
+    const node = {
+      type: { name: 'paragraph' },
+      isInline: false,
+      isText: false,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = inlineContent.evaluate(context)
+
+    expect(result).toBe(0)
+  })
+
+  it('should not exclude heading nodes', () => {
+    const node = {
+      type: { name: 'heading' },
+      isInline: false,
+      isText: false,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = inlineContent.evaluate(context)
+
+    expect(result).toBe(0)
+  })
+
+  it('should not exclude listItem nodes', () => {
+    const node = {
+      type: { name: 'listItem' },
+      isInline: false,
+      isText: false,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = inlineContent.evaluate(context)
+
+    expect(result).toBe(0)
+  })
+})
+
+describe('listWrapperDeprioritize', () => {
+  it('should have correct id', () => {
+    expect(listWrapperDeprioritize.id).toBe('listWrapperDeprioritize')
+  })
+
+  it('should exclude nodes with listItem as first child', () => {
+    const firstChild = { type: { name: 'listItem' } } as unknown as PMNode
+    const node = {
+      type: { name: 'bulletList' },
+      isInline: false,
+      isText: false,
+      firstChild,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = listWrapperDeprioritize.evaluate(context)
+
+    expect(result).toBe(1000)
+  })
+
+  it('should exclude nodes with taskItem as first child', () => {
+    const firstChild = { type: { name: 'taskItem' } } as unknown as PMNode
+    const node = {
+      type: { name: 'taskList' },
+      isInline: false,
+      isText: false,
+      firstChild,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = listWrapperDeprioritize.evaluate(context)
+
+    expect(result).toBe(1000)
+  })
+
+  it('should not affect nodes with other first children', () => {
+    const firstChild = { type: { name: 'paragraph' } } as unknown as PMNode
+    const node = {
+      type: { name: 'blockquote' },
+      isInline: false,
+      isText: false,
+      firstChild,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = listWrapperDeprioritize.evaluate(context)
+
+    expect(result).toBe(0)
+  })
+
+  it('should not affect nodes with no children', () => {
+    const node = {
+      type: { name: 'horizontalRule' },
+      isInline: false,
+      isText: false,
+      firstChild: null,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = listWrapperDeprioritize.evaluate(context)
+
+    expect(result).toBe(0)
+  })
+})
+
+describe('tableStructure', () => {
+  it('should have correct id', () => {
+    expect(tableStructure.id).toBe('tableStructure')
+  })
+
+  it('should exclude tableRow nodes', () => {
+    const node = {
+      type: { name: 'tableRow' },
+      isInline: false,
+      isText: false,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = tableStructure.evaluate(context)
+
+    expect(result).toBe(1000)
+  })
+
+  it('should exclude tableCell nodes', () => {
+    const node = {
+      type: { name: 'tableCell' },
+      isInline: false,
+      isText: false,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = tableStructure.evaluate(context)
+
+    expect(result).toBe(1000)
+  })
+
+  it('should exclude tableHeader nodes', () => {
+    const node = {
+      type: { name: 'tableHeader' },
+      isInline: false,
+      isText: false,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = tableStructure.evaluate(context)
+
+    expect(result).toBe(1000)
+  })
+
+  it('should not affect table wrapper nodes', () => {
+    const node = {
+      type: { name: 'table' },
+      isInline: false,
+      isText: false,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = tableStructure.evaluate(context)
+
+    expect(result).toBe(0)
+  })
+
+  it('should exclude content inside tableHeader', () => {
+    const parent = {
+      type: { name: 'tableHeader' },
+    } as unknown as PMNode
+    const node = {
+      type: { name: 'paragraph' },
+      isInline: false,
+      isText: false,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node, parent })
+
+    const result = tableStructure.evaluate(context)
+
+    expect(result).toBe(1000)
+  })
+
+  it('should not exclude content inside tableCell', () => {
+    const parent = {
+      type: { name: 'tableCell' },
+    } as unknown as PMNode
+    const node = {
+      type: { name: 'paragraph' },
+      isInline: false,
+      isText: false,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node, parent })
+
+    const result = tableStructure.evaluate(context)
+
+    expect(result).toBe(0)
+  })
+
+  it('should not affect paragraph nodes', () => {
+    const node = {
+      type: { name: 'paragraph' },
+      isInline: false,
+      isText: false,
+    } as unknown as PMNode
+
+    const context = createMockContext({ node })
+
+    const result = tableStructure.evaluate(context)
+
+    expect(result).toBe(0)
+  })
+})
+
+describe('defaultRules', () => {
+  it('should contain listItemFirstChild rule', () => {
+    expect(defaultRules).toContain(listItemFirstChild)
+  })
+
+  it('should contain listWrapperDeprioritize rule', () => {
+    expect(defaultRules).toContain(listWrapperDeprioritize)
+  })
+
+  it('should contain tableStructure rule', () => {
+    expect(defaultRules).toContain(tableStructure)
+  })
+
+  it('should contain inlineContent rule', () => {
+    expect(defaultRules).toContain(inlineContent)
+  })
+
+  it('should have exactly 4 rules', () => {
+    expect(defaultRules).toHaveLength(4)
+  })
+})
diff --git a/packages/extension-drag-handle/src/helpers/defaultRules.ts b/packages/extension-drag-handle/src/helpers/defaultRules.ts
new file mode 100644
index 0000000..bbf8fdd
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/defaultRules.ts
@@ -0,0 +1,98 @@
+import type { DragHandleRule } from '../types/rules.js'
+
+/**
+ * The first child inside a list item is the list item's content.
+ * It cannot be dragged separately - you drag the list item instead.
+ *
+ * Example: In `<li><p>Text</p></li>`, the paragraph is excluded,
+ * but the listItem is draggable.
+ */
+export const listItemFirstChild: DragHandleRule = {
+  id: 'listItemFirstChild',
+  evaluate: ({ parent, isFirst }) => {
+    if (!isFirst) {
+      return 0
+    }
+
+    const listItemTypes = ['listItem', 'taskItem']
+
+    if (parent && listItemTypes.includes(parent.type.name)) {
+      return 1000
+    }
+
+    return 0
+  },
+}
+
+/**
+ * Nodes that contain list items (listItem/taskItem) as direct children
+ * are deprioritized. This makes it easier to target individual list items
+ * rather than the entire list wrapper.
+ *
+ * This rule detects list wrappers dynamically by checking if the first child
+ * is a list item, rather than hardcoding wrapper type names.
+ *
+ * Users can still target the list wrapper by moving to the very edge
+ * where edge detection kicks in.
+ */
+export const listWrapperDeprioritize: DragHandleRule = {
+  id: 'listWrapperDeprioritize',
+  evaluate: ({ node }) => {
+    const listItemTypes = ['listItem', 'taskItem']
+
+    const firstChild = node.firstChild
+
+    if (firstChild && listItemTypes.includes(firstChild.type.name)) {
+      return 1000
+    }
+
+    return 0
+  },
+}
+
+/**
+ * Table rows, cells, and content inside table headers should never be drag targets.
+ * Table dragging is handled by table extensions. Only the table wrapper
+ * itself or content inside regular table cells should be draggable.
+ */
+export const tableStructure: DragHandleRule = {
+  id: 'tableStructure',
+  evaluate: ({ node, parent }) => {
+    const tableStructureTypes = ['tableRow', 'tableCell', 'tableHeader']
+
+    if (tableStructureTypes.includes(node.type.name)) {
+      return 1000
+    }
+
+    if (parent && parent.type.name === 'tableHeader') {
+      return 1000
+    }
+
+    return 0
+  },
+}
+
+/**
+ * Inline nodes (text, marks, inline atoms) should never be drag targets.
+ */
+export const inlineContent: DragHandleRule = {
+  id: 'inlineContent',
+  evaluate: ({ node }) => {
+    if (node.isInline || node.isText) {
+      return 1000
+    }
+
+    return 0
+  },
+}
+
+/**
+ * All default rules.
+ * Users can extend these or replace them entirely.
+ */
+export const defaultRules: DragHandleRule[] = [
+  listItemFirstChild,
+  listWrapperDeprioritize,
+  tableStructure,
+  inlineContent,
+]
diff --git a/packages/extension-drag-handle/src/helpers/dragHandler.test.ts b/packages/extension-drag-handle/src/helpers/dragHandler.test.ts
new file mode 100644
index 0000000..bfde837
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/dragHandler.test.ts
@@ -0,0 +1,36 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { getDragImageOffset, shouldResetMargin } from './dragHandler.js'
+
+describe('getDragImageOffset', () => {
+  it('anchors ltr previews to the left edge', () => {
+    expect(getDragImageOffset('ltr', 180)).toBe(0)
+  })
+
+  it('anchors rtl previews to the right edge', () => {
+    expect(getDragImageOffset('rtl', 180)).toBe(180)
+  })
+})
+
+describe('shouldResetMargin', () => {
+  it('resets the margin when no properties are provided', () => {
+    expect(shouldResetMargin(undefined)).toBe(true)
+  })
+
+  it('resets the margin when the properties do not include a margin', () => {
+    expect(shouldResetMargin(['color', 'font-size'])).toBe(true)
+  })
+
+  it('keeps the margin when the shorthand margin is requested', () => {
+    expect(shouldResetMargin(['margin'])).toBe(false)
+  })
+
+  it('keeps the margin for longhand and logical margin properties', () => {
+    expect(shouldResetMargin(['margin-bottom'])).toBe(false)
+    expect(shouldResetMargin(['margin-inline-start'])).toBe(false)
+  })
+
+  it('ignores surrounding whitespace in property names', () => {
+    expect(shouldResetMargin([' margin-top '])).toBe(false)
+  })
+})
diff --git a/packages/extension-drag-handle/src/helpers/dragHandler.ts b/packages/extension-drag-handle/src/helpers/dragHandler.ts
new file mode 100644
index 0000000..00ccd56
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/dragHandler.ts
@@ -0,0 +1,198 @@
+import type { Editor } from '@tiptap/core'
+import { getSelectionRanges, NodeRangeSelection } from '@tiptap/extension-node-range'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { type SelectionRange, NodeSelection } from '@tiptap/pm/state'
+
+import type { NormalizedNestedOptions } from '../types/options.js'
+import { cloneElement } from './cloneElement.js'
+import { findElementNextToCoords } from './findNextElementFromCursor.js'
+import { getDraggedBlockDir, getDraggedBlockElement } from './getDraggedBlockDir.js'
+import { removeNode } from './removeNode.js'
+
+export interface DragContext {
+  node: PMNode | null
+  pos: number
+}
+
+export function getDragImageOffset(direction: string, wrapperWidth: number): number {
+  return direction === 'rtl' ? wrapperWidth : 0
+}
+
+// The drag preview clone resets its margin so it sits flush against the wrapper
+// origin. Skip the reset when the user explicitly copies a margin property via
+// `dragImageProperties`, otherwise we would discard the value they asked for.
+export function shouldResetMargin(dragImageProperties?: string[]): boolean {
+  if (!dragImageProperties) {
+    return true
+  }
+
+  return !dragImageProperties.some(property => {
+    const p = property.trim().toLowerCase()
+    return p === 'margin' || p.startsWith('margin-')
+  })
+}
+
+function getDragHandleRanges(
+  event: DragEvent,
+  editor: Editor,
+  nestedOptions?: NormalizedNestedOptions,
+  dragContext?: DragContext,
+): SelectionRange[] {
+  const { doc } = editor.view.state
+
+  // In nested mode with known context, use the pre-calculated position
+  // This prevents recalculation issues when mouse position shifts during drag start
+  if (nestedOptions?.enabled && dragContext?.node && dragContext.pos >= 0) {
+    const nodeStart = dragContext.pos
+    const nodeEnd = dragContext.pos + dragContext.node.nodeSize
+
+    return [
+      {
+        $from: doc.resolve(nodeStart),
+        $to: doc.resolve(nodeEnd),
+      },
+    ]
+  }
+
+  // Fallback: recalculate from mouse position (used in non-nested mode)
+  const result = findElementNextToCoords({
+    editor,
+    x: event.clientX,
+    y: event.clientY,
+    direction: 'right',
+    nestedOptions,
+  })
+
+  if (!result.resultNode || result.pos === null) {
+    return []
+  }
+
+  // For non-nested mode, use depth 0 to select the outermost block
+  // Atom nodes (e.g. images) have nodeSize=1 with no opening/closing tokens,
+  // so we must not subtract 1 or we'll create an empty range.
+  const offset = result.resultNode.isText || result.resultNode.isAtom ? 0 : -1
+  const $from = doc.resolve(result.pos)
+  const $to = doc.resolve(result.pos + result.resultNode.nodeSize + offset)
+
+  return getSelectionRanges($from, $to, 0, { extendOnBoundaryOverlap: false })
+}
+
+export function dragHandler(
+  event: DragEvent,
+  editor: Editor,
+  nestedOptions?: NormalizedNestedOptions,
+  dragContext?: DragContext,
+  dragImageProperties?: string[],
+) {
+  const { view } = editor
+
+  if (!event.dataTransfer) {
+    return
+  }
+
+  const { empty, $from, $to } = view.state.selection
+
+  const dragHandleRanges = getDragHandleRanges(event, editor, nestedOptions, dragContext)
+
+  const selectionRanges = getSelectionRanges($from, $to, 0, { extendOnBoundaryOverlap: false })
+  const isDragHandleWithinSelection = selectionRanges.some(range => {
+    return dragHandleRanges.find(dragHandleRange => {
+      return dragHandleRange.$from === range.$from && dragHandleRange.$to === range.$to
+    })
+  })
+
+  const ranges = empty || !isDragHandleWithinSelection ? dragHandleRanges : selectionRanges
+
+  if (!ranges.length) {
+    return
+  }
+
+  const { tr } = view.state
+  const wrapper = document.createElement('div')
+
+  const from = ranges[0].$from.pos
+  const to = ranges[ranges.length - 1].$to.pos
+  const direction = getDraggedBlockDir(view, from)
+
+  wrapper.setAttribute('dir', direction)
+
+  // For nested mode, create slice directly to avoid NodeRangeSelection expanding to parent
+  const isNestedDrag = nestedOptions?.enabled && dragContext?.node
+  const isSingleBlock = ranges.length === 1
+
+  let slice
+  let selection
+
+  if (isNestedDrag && isSingleBlock) {
+    // Create slice directly from the exact positions
+    slice = view.state.doc.slice(from, to)
+
+    // Use NodeSelection for nested mode to select exactly the target node
+    // NodeRangeSelection would expand to the parent
+    selection = NodeSelection.create(view.state.doc, from)
+  } else {
+    selection = NodeRangeSelection.create(view.state.doc, from, to)
+    slice = selection.content()
+  }
+
+  const resetMargin = shouldResetMargin(dragImageProperties)
+
+  ranges.forEach(range => {
+    const element = getDraggedBlockElement(view, range.$from.pos) as HTMLElement | null
+
+    if (!element) {
+      return
+    }
+
+    const clonedElement = cloneElement(element, dragImageProperties)
+
+    if (resetMargin) {
+      clonedElement.style.margin = '0'
+    }
+
+    wrapper.append(clonedElement)
+  })
+
+  wrapper.style.position = 'absolute'
+  wrapper.style.top = '-10000px'
+  document.body.append(wrapper)
+
+  event.dataTransfer.clearData()
+  const wrapperRect = wrapper.getBoundingClientRect()
+  const dragImageX = getDragImageOffset(direction, wrapperRect.width)
+
+  event.dataTransfer.setDragImage(wrapper, dragImageX, 0)
+
+  let cleanedUp = false
+
+  const cleanupDragPreview = () => {
+    if (cleanedUp) {
+      return
+    }
+
+    cleanedUp = true
+    removeNode(wrapper)
+    document.removeEventListener('drop', cleanupDragPreview)
+    document.removeEventListener('dragend', cleanupDragPreview)
+  }
+
+  // Tell ProseMirror the dragged content.
+  // Pass the NodeSelection as `node` so ProseMirror's drop handler can use it
+  // to precisely delete the original node via `node.replace(tr)`. Without this,
+  // ProseMirror falls back to `tr.deleteSelection()` which relies on the current
+  // selection — but the browser may change the selection during drag, causing the
+  // original node to not be deleted on drop.
+  const nodeSelection = selection instanceof NodeSelection ? selection : undefined
+
+  // The `node` property is used at runtime by ProseMirror's drop handler but is
+  // not exposed in the public type declaration for `view.dragging`.
+  view.dragging = { slice, move: true, node: nodeSelection } as typeof view.dragging
+
+  tr.setSelection(selection)
+
+  view.dispatch(tr)
+
+  // Clean up the drag preview whether the drag results in a valid drop or not.
+  document.addEventListener('drop', cleanupDragPreview)
+  document.addEventListener('dragend', cleanupDragPreview)
+}
diff --git a/packages/extension-drag-handle/src/helpers/edgeDetection.test.ts b/packages/extension-drag-handle/src/helpers/edgeDetection.test.ts
new file mode 100644
index 0000000..52df653
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/edgeDetection.test.ts
@@ -0,0 +1,297 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { calculateEdgeDeduction, isNearEdge, normalizeEdgeDetection } from './edgeDetection.js'
+
+describe('normalizeEdgeDetection', () => {
+  describe('presets', () => {
+    it('should return default config for undefined', () => {
+      const result = normalizeEdgeDetection(undefined)
+
+      expect(result).toEqual({
+        edges: ['left', 'top'],
+        threshold: 12,
+        strength: 500,
+      })
+    })
+
+    it('should return left preset config', () => {
+      const result = normalizeEdgeDetection('left')
+
+      expect(result).toEqual({
+        edges: ['left', 'top'],
+        threshold: 12,
+        strength: 500,
+      })
+    })
+
+    it('should return right preset config', () => {
+      const result = normalizeEdgeDetection('right')
+
+      expect(result).toEqual({
+        edges: ['right', 'top'],
+        threshold: 12,
+        strength: 500,
+      })
+    })
+
+    it('should return both preset config', () => {
+      const result = normalizeEdgeDetection('both')
+
+      expect(result).toEqual({
+        edges: ['left', 'right', 'top'],
+        threshold: 12,
+        strength: 500,
+      })
+    })
+
+    it('should return none preset config', () => {
+      const result = normalizeEdgeDetection('none')
+
+      expect(result).toEqual({
+        edges: [],
+        threshold: 0,
+        strength: 0,
+      })
+    })
+  })
+
+  describe('custom config', () => {
+    it('should merge partial config with defaults', () => {
+      const result = normalizeEdgeDetection({ threshold: 20 })
+
+      expect(result).toEqual({
+        edges: ['left', 'top'],
+        threshold: 20,
+        strength: 500,
+      })
+    })
+
+    it('should merge partial config with custom edges', () => {
+      const result = normalizeEdgeDetection({ edges: ['bottom'] })
+
+      expect(result).toEqual({
+        edges: ['bottom'],
+        threshold: 12,
+        strength: 500,
+      })
+    })
+
+    it('should merge partial config with custom strength', () => {
+      const result = normalizeEdgeDetection({ strength: 250 })
+
+      expect(result).toEqual({
+        edges: ['left', 'top'],
+        threshold: 12,
+        strength: 250,
+      })
+    })
+
+    it('should accept full custom config', () => {
+      const result = normalizeEdgeDetection({
+        edges: ['right', 'bottom'],
+        threshold: 30,
+        strength: 1000,
+      })
+
+      expect(result).toEqual({
+        edges: ['right', 'bottom'],
+        threshold: 30,
+        strength: 1000,
+      })
+    })
+
+    it('should handle negative threshold values', () => {
+      const result = normalizeEdgeDetection({ threshold: -16 })
+
+      expect(result).toEqual({
+        edges: ['left', 'top'],
+        threshold: -16,
+        strength: 500,
+      })
+    })
+  })
+})
+
+describe('isNearEdge', () => {
+  const mockElement = {
+    getBoundingClientRect: () => ({
+      left: 100,
+      right: 300,
+      top: 50,
+      bottom: 150,
+      width: 200,
+      height: 100,
+      x: 100,
+      y: 50,
+      toJSON: () => ({}),
+    }),
+  } as HTMLElement
+
+  describe('left edge', () => {
+    const config = { edges: ['left' as const], threshold: 12, strength: 500 }
+
+    it('should return true when cursor is near left edge', () => {
+      const result = isNearEdge({ x: 105, y: 100 }, mockElement, config)
+
+      expect(result).toBe(true)
+    })
+
+    it('should return false when cursor is far from left edge', () => {
+      const result = isNearEdge({ x: 150, y: 100 }, mockElement, config)
+
+      expect(result).toBe(false)
+    })
+
+    it('should return true when cursor is exactly at threshold', () => {
+      const result = isNearEdge({ x: 111, y: 100 }, mockElement, config)
+
+      expect(result).toBe(true)
+    })
+
+    it('should return false when cursor is just beyond threshold', () => {
+      const result = isNearEdge({ x: 113, y: 100 }, mockElement, config)
+
+      expect(result).toBe(false)
+    })
+  })
+
+  describe('right edge', () => {
+    const config = { edges: ['right' as const], threshold: 12, strength: 500 }
+
+    it('should return true when cursor is near right edge', () => {
+      const result = isNearEdge({ x: 295, y: 100 }, mockElement, config)
+
+      expect(result).toBe(true)
+    })
+
+    it('should return false when cursor is far from right edge', () => {
+      const result = isNearEdge({ x: 200, y: 100 }, mockElement, config)
+
+      expect(result).toBe(false)
+    })
+  })
+
+  describe('top edge', () => {
+    const config = { edges: ['top' as const], threshold: 12, strength: 500 }
+
+    it('should return true when cursor is near top edge', () => {
+      const result = isNearEdge({ x: 200, y: 55 }, mockElement, config)
+
+      expect(result).toBe(true)
+    })
+
+    it('should return false when cursor is far from top edge', () => {
+      const result = isNearEdge({ x: 200, y: 100 }, mockElement, config)
+
+      expect(result).toBe(false)
+    })
+  })
+
+  describe('bottom edge', () => {
+    const config = { edges: ['bottom' as const], threshold: 12, strength: 500 }
+
+    it('should return true when cursor is near bottom edge', () => {
+      const result = isNearEdge({ x: 200, y: 145 }, mockElement, config)
+
+      expect(result).toBe(true)
+    })
+
+    it('should return false when cursor is far from bottom edge', () => {
+      const result = isNearEdge({ x: 200, y: 100 }, mockElement, config)
+
+      expect(result).toBe(false)
+    })
+  })
+
+  describe('multiple edges', () => {
+    const config = { edges: ['left' as const, 'top' as const], threshold: 12, strength: 500 }
+
+    it('should return true when near any configured edge', () => {
+      expect(isNearEdge({ x: 105, y: 100 }, mockElement, config)).toBe(true)
+      expect(isNearEdge({ x: 200, y: 55 }, mockElement, config)).toBe(true)
+    })
+
+    it('should return false when not near any configured edge', () => {
+      const result = isNearEdge({ x: 200, y: 100 }, mockElement, config)
+
+      expect(result).toBe(false)
+    })
+  })
+
+  describe('empty edges', () => {
+    const config = { edges: [] as const[], threshold: 12, strength: 500 }
+
+    it('should return false when edges array is empty', () => {
+      const result = isNearEdge({ x: 100, y: 50 }, mockElement, config)
+
+      expect(result).toBe(false)
+    })
+  })
+
+  describe('negative threshold', () => {
+    const config = { edges: ['left' as const], threshold: -10, strength: 500 }
+
+    it('should require cursor to be further inside with negative threshold', () => {
+      // At left edge (100), with -10 threshold, cursor at 105 is not "near"
+      // because 105 - 100 = 5, which is not < -10
+      expect(isNearEdge({ x: 105, y: 100 }, mockElement, config)).toBe(false)
+      expect(isNearEdge({ x: 85, y: 100 }, mockElement, config)).toBe(true)
+    })
+  })
+})
+
+describe('calculateEdgeDeduction', () => {
+  const mockElement = {
+    getBoundingClientRect: () => ({
+      left: 100,
+      right: 300,
+      top: 50,
+      bottom: 150,
+      width: 200,
+      height: 100,
+      x: 100,
+      y: 50,
+      toJSON: () => ({}),
+    }),
+  } as HTMLElement
+
+  const config = { edges: ['left' as const], threshold: 12, strength: 500 }
+
+  it('should return 0 when element is null', () => {
+    const result = calculateEdgeDeduction({ x: 105, y: 100 }, null, config, 2)
+
+    expect(result).toBe(0)
+  })
+
+  it('should return 0 when edges array is empty', () => {
+    const emptyConfig = { edges: [] as const[], threshold: 12, strength: 500 }
+    const result = calculateEdgeDeduction({ x: 105, y: 100 }, mockElement, emptyConfig, 2)
+
+    expect(result).toBe(0)
+  })
+
+  it('should return 0 when cursor is not near edge', () => {
+    const result = calculateEdgeDeduction({ x: 200, y: 100 }, mockElement, config, 2)
+
+    expect(result).toBe(0)
+  })
+
+  it('should return strength * depth when cursor is near edge', () => {
+    const result = calculateEdgeDeduction({ x: 105, y: 100 }, mockElement, config, 2)
+
+    expect(result).toBe(1000) // 500 * 2
+  })
+
+  it('should scale deduction with depth', () => {
+    expect(calculateEdgeDeduction({ x: 105, y: 100 }, mockElement, config, 1)).toBe(500)
+    expect(calculateEdgeDeduction({ x: 105, y: 100 }, mockElement, config, 2)).toBe(1000)
+    expect(calculateEdgeDeduction({ x: 105, y: 100 }, mockElement, config, 3)).toBe(1500)
+  })
+
+  it('should use custom strength value', () => {
+    const customConfig = { edges: ['left' as const], threshold: 12, strength: 250 }
+    const result = calculateEdgeDeduction({ x: 105, y: 100 }, mockElement, customConfig, 2)
+
+    expect(result).toBe(500) // 250 * 2
+  })
+})
diff --git a/packages/extension-drag-handle/src/helpers/edgeDetection.ts b/packages/extension-drag-handle/src/helpers/edgeDetection.ts
new file mode 100644
index 0000000..48e32c2
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/edgeDetection.ts
@@ -0,0 +1,109 @@
+import type { EdgeDetectionConfig, EdgeDetectionPreset } from '../types/options.js'
+
+/**
+ * Default edge detection configuration.
+ */
+const DEFAULT_EDGE_CONFIG: EdgeDetectionConfig = {
+  edges: ['left', 'top'],
+  threshold: 12,
+  strength: 500,
+}
+
+/**
+ * Normalizes edge detection presets or custom config into a full config object.
+ * Partial configs are merged with defaults.
+ *
+ * @param input - The preset string or partial/full config
+ * @returns A complete EdgeDetectionConfig
+ */
+export function normalizeEdgeDetection(
+  input: EdgeDetectionPreset | Partial<EdgeDetectionConfig> | undefined,
+): EdgeDetectionConfig {
+  if (input === undefined || input === 'left') {
+    return { ...DEFAULT_EDGE_CONFIG }
+  }
+
+  if (input === 'right') {
+    return { edges: ['right', 'top'], threshold: 12, strength: 500 }
+  }
+
+  if (input === 'both') {
+    return { edges: ['left', 'right', 'top'], threshold: 12, strength: 500 }
+  }
+
+  if (input === 'none') {
+    return { edges: [], threshold: 0, strength: 0 }
+  }
+
+  // Merge partial config with defaults
+  return { ...DEFAULT_EDGE_CONFIG, ...input }
+}
+
+/**
+ * Determines if cursor is near specified edges of an element.
+ *
+ * @param coords - The cursor coordinates
+ * @param element - The element to check against
+ * @param config - The edge detection configuration
+ * @returns True if the cursor is near any of the configured edges
+ */
+export function isNearEdge(
+  coords: { x: number; y: number },
+  element: HTMLElement,
+  config: EdgeDetectionConfig,
+): boolean {
+  if (config.edges.length === 0) {
+    return false
+  }
+
+  const rect = element.getBoundingClientRect()
+  const { threshold, edges } = config
+
+  return edges.some(edge => {
+    if (edge === 'left') {
+      return coords.x - rect.left < threshold
+    }
+
+    if (edge === 'right') {
+      return rect.right - coords.x < threshold
+    }
+
+    if (edge === 'top') {
+      return coords.y - rect.top < threshold
+    }
+
+    if (edge === 'bottom') {
+      return rect.bottom - coords.y < threshold
+    }
+
+    return false
+  })
+}
+
+/**
+ * Calculates score deduction for edge proximity.
+ * Deeper nodes get larger deductions when near edges,
+ * making shallower (parent) nodes win.
+ *
+ * @param coords - The cursor coordinates
+ * @param element - The element to check against (may be null)
+ * @param config - The edge detection configuration
+ * @param depth - The depth of the node in the document tree
+ * @returns The score deduction to apply
+ */
+export function calculateEdgeDeduction(
+  coords: { x: number; y: number },
+  element: HTMLElement | null,
+  config: EdgeDetectionConfig,
+  depth: number,
+): number {
+  if (!element || config.edges.length === 0) {
+    return 0
+  }
+
+  if (isNearEdge(coords, element, config)) {
+    return config.strength * depth
+  }
+
+  return 0
+}
diff --git a/packages/extension-drag-handle/src/helpers/findBestDragTarget.test.ts b/packages/extension-drag-handle/src/helpers/findBestDragTarget.test.ts
new file mode 100644
index 0000000..e6d3937
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/findBestDragTarget.test.ts
@@ -0,0 +1,399 @@
+import type { Node as PMNode, ResolvedPos } from '@tiptap/pm/model'
+import type { EditorView } from '@tiptap/pm/view'
+import { describe, expect, it, vi } from 'vite-plus/test'
+
+import { findBestDragTarget } from './findBestDragTarget.js'
+import type { NormalizedNestedOptions } from '../types/options.js'
+
+/**
+ * Creates default normalized options for testing.
+ */
+function createDefaultOptions(
+  overrides: Partial<NormalizedNestedOptions> = {},
+): NormalizedNestedOptions {
+  return {
+    enabled: true,
+    rules: [],
+    defaultRules: false,
+    allowedContainers: undefined,
+    edgeDetection: { edges: [], threshold: 0, strength: 0 },
+    ...overrides,
+  }
+}
+
+/**
+ * Creates a mock Node for testing.
+ */
+function createMockNode(overrides: Partial<Record<string, unknown>> = {}): PMNode {
+  return {
+    type: { name: 'paragraph' },
+    isAtom: false,
+    isInline: false,
+    isText: false,
+    nodeSize: 7,
+    firstChild: null,
+    childCount: 0,
+    ...overrides,
+  } as unknown as PMNode
+}
+
+describe('findBestDragTarget', () => {
+  const defaultCoords = { x: 100, y: 100 }
+
+  describe('coordinate validation', () => {
+    it('should return null for non-finite x coordinate', () => {
+      const view = {} as EditorView
+      const options = createDefaultOptions()
+
+      expect(findBestDragTarget(view, { x: Infinity, y: 100 }, options)).toBeNull()
+    })
+
+    it('should return null for non-finite y coordinate', () => {
+      const view = {} as EditorView
+      const options = createDefaultOptions()
+
+      expect(findBestDragTarget(view, { x: 100, y: NaN }, options)).toBeNull()
+    })
+  })
+
+  describe('posAtCoords failure', () => {
+    it('should return null when posAtCoords returns null', () => {
+      const view = {
+        posAtCoords: vi.fn(() => null),
+      } as unknown as EditorView
+      const options = createDefaultOptions()
+
+      expect(findBestDragTarget(view, defaultCoords, options)).toBeNull()
+    })
+  })
+
+  describe('ancestor-based candidates', () => {
+    it('should return a block node at depth 1', () => {
+      const mockParagraph = createMockNode({ type: { name: 'paragraph' } })
+      const mockDoc = createMockNode({ type: { name: 'doc' }, childCount: 1 })
+      const mockDom = document.createElement('p')
+
+      const mock$pos = {
+        depth: 1,
+        nodeAfter: null,
+        parent: mockDoc,
+        node: vi.fn((d: number) => (d === 0 ? mockDoc : mockParagraph)),
+        before: vi.fn((d: number) => (d === 1 ? 0 : 0)),
+        index: vi.fn((_d?: number) => 0),
+      } as unknown as ResolvedPos
+
+      const view = {
+        posAtCoords: vi.fn(() => ({ pos: 1, inside: 0 })),
+        state: { doc: { resolve: vi.fn(() => mock$pos) } },
+        nodeDOM: vi.fn(() => mockDom),
+      } as unknown as EditorView
+
+      const options = createDefaultOptions()
+      const result = findBestDragTarget(view, defaultCoords, options)
+
+      expect(result).not.toBeNull()
+      expect(result!.node).toBe(mockParagraph)
+      expect(result!.dom).toBe(mockDom)
+    })
+  })
+
+  describe('atom node candidates via nodeAfter', () => {
+    it('should find a block atom node via $pos.nodeAfter', () => {
+      const mockImage = createMockNode({
+        type: { name: 'image' },
+        isAtom: true,
+        isInline: false,
+        nodeSize: 1,
+      })
+      const mockDoc = createMockNode({ type: { name: 'doc' }, childCount: 2 })
+      const mockDom = document.createElement('img')
+
+      const mock$pos = {
+        depth: 0,
+        nodeAfter: mockImage,
+        parent: mockDoc,
+        node: vi.fn((d: number) => {
+          if (d === 0) {
+            return mockDoc
+          }
+          throw new Error(`unexpected depth ${d}`)
+        }),
+        before: vi.fn(),
+        index: vi.fn(() => 1),
+      } as unknown as ResolvedPos
+
+      const view = {
+        posAtCoords: vi.fn(() => ({ pos: 7 })),
+        state: { doc: { resolve: vi.fn(() => mock$pos) } },
+        nodeDOM: vi.fn((pos: number) => (pos === 7 ? mockDom : null)),
+      } as unknown as EditorView
+
+      const options = createDefaultOptions()
+      const result = findBestDragTarget(view, defaultCoords, options)
+
+      expect(result).not.toBeNull()
+      expect(result!.node).toBe(mockImage)
+      expect(result!.pos).toBe(7)
+      expect(result!.dom).toBe(mockDom)
+    })
+
+    it('should find a horizontalRule atom node via $pos.nodeAfter', () => {
+      const mockHr = createMockNode({
+        type: { name: 'horizontalRule' },
+        isAtom: true,
+        isInline: false,
+        nodeSize: 1,
+      })
+      const mockDoc = createMockNode({ type: { name: 'doc' }, childCount: 3 })
+      const mockDom = document.createElement('hr')
+
+      const mock$pos = {
+        depth: 0,
+        nodeAfter: mockHr,
+        parent: mockDoc,
+        node: vi.fn(() => mockDoc),
+        before: vi.fn(),
+        index: vi.fn(() => 1),
+      } as unknown as ResolvedPos
+
+      const view = {
+        posAtCoords: vi.fn(() => ({ pos: 7 })),
+        state: { doc: { resolve: vi.fn(() => mock$pos) } },
+        nodeDOM: vi.fn((pos: number) => (pos === 7 ? mockDom : null)),
+      } as unknown as EditorView
+
+      const options = createDefaultOptions()
+      const result = findBestDragTarget(view, defaultCoords, options)
+
+      expect(result).not.toBeNull()
+      expect(result!.node).toBe(mockHr)
+      expect(result!.pos).toBe(7)
+      expect(result!.dom).toBe(mockDom)
+    })
+
+    it('should not add inline atom nodes as candidates', () => {
+      const mockInlineAtom = createMockNode({
+        type: { name: 'mention' },
+        isAtom: true,
+        isInline: true,
+        nodeSize: 1,
+      })
+      const mockDoc = createMockNode({ type: { name: 'doc' }, childCount: 1 })
+
+      const mock$pos = {
+        depth: 0,
+        nodeAfter: mockInlineAtom,
+        parent: mockDoc,
+        node: vi.fn(() => mockDoc),
+        before: vi.fn(),
+        index: vi.fn(() => 0),
+      } as unknown as ResolvedPos
+
+      const view = {
+        posAtCoords: vi.fn(() => ({ pos: 1 })),
+        state: { doc: { resolve: vi.fn(() => mock$pos) } },
+        nodeDOM: vi.fn(() => null),
+      } as unknown as EditorView
+
+      const options = createDefaultOptions()
+      const result = findBestDragTarget(view, defaultCoords, options)
+
+      expect(result).toBeNull()
+    })
+
+    it('should not add atom node when nodeDOM returns null', () => {
+      const mockImage = createMockNode({
+        type: { name: 'image' },
+        isAtom: true,
+        isInline: false,
+        nodeSize: 1,
+      })
+      const mockDoc = createMockNode({ type: { name: 'doc' }, childCount: 2 })
+
+      const mock$pos = {
+        depth: 0,
+        nodeAfter: mockImage,
+        parent: mockDoc,
+        node: vi.fn(() => mockDoc),
+        before: vi.fn(),
+        index: vi.fn(() => 1),
+      } as unknown as ResolvedPos
+
+      const view = {
+        posAtCoords: vi.fn(() => ({ pos: 7 })),
+        state: { doc: { resolve: vi.fn(() => mock$pos) } },
+        nodeDOM: vi.fn(() => null),
+      } as unknown as EditorView
+
+      const options = createDefaultOptions()
+      const result = findBestDragTarget(view, defaultCoords, options)
+
+      expect(result).toBeNull()
+    })
+  })
+
+  describe('allowedContainers with atom nodes', () => {
+    it('should skip atom node when not inside an allowed container', () => {
+      const mockImage = createMockNode({
+        type: { name: 'image' },
+        isAtom: true,
+        isInline: false,
+        nodeSize: 1,
+      })
+      const mockDoc = createMockNode({ type: { name: 'doc' }, childCount: 2 })
+      const mockDom = document.createElement('img')
+
+      const mock$pos = {
+        depth: 0,
+        nodeAfter: mockImage,
+        parent: mockDoc,
+        node: vi.fn(() => mockDoc),
+        before: vi.fn(),
+        index: vi.fn(() => 1),
+      } as unknown as ResolvedPos
+
+      const view = {
+        posAtCoords: vi.fn(() => ({ pos: 7 })),
+        state: { doc: { resolve: vi.fn(() => mock$pos) } },
+        nodeDOM: vi.fn(() => mockDom),
+      } as unknown as EditorView
+
+      const options = createDefaultOptions({
+        allowedContainers: ['blockquote'],
+      })
+      const result = findBestDragTarget(view, defaultCoords, options)
+
+      expect(result).toBeNull()
+    })
+
+    it('should include atom node when inside an allowed container', () => {
+      const mockImage = createMockNode({
+        type: { name: 'image' },
+        isAtom: true,
+        isInline: false,
+        nodeSize: 1,
+      })
+      const mockBlockquote = createMockNode({
+        type: { name: 'blockquote' },
+        childCount: 2,
+      })
+      const mockDoc = createMockNode({ type: { name: 'doc' }, childCount: 1 })
+      const mockDom = document.createElement('img')
+
+      const mock$pos = {
+        depth: 1,
+        nodeAfter: mockImage,
+        parent: mockBlockquote,
+        node: vi.fn((d: number) => {
+          if (d === 0) {
+            return mockDoc
+          }
+          if (d === 1) {
+            return mockBlockquote
+          }
+          throw new Error(`unexpected depth ${d}`)
+        }),
+        before: vi.fn((d: number) => {
+          if (d === 1) {
+            return 0
+          }
+          return 0
+        }),
+        index: vi.fn((d?: number) => {
+          if (d === 0) {
+            return 0
+          }
+          return 1
+        }),
+      } as unknown as ResolvedPos
+
+      const view = {
+        posAtCoords: vi.fn(() => ({ pos: 10 })),
+        state: { doc: { resolve: vi.fn(() => mock$pos) } },
+        nodeDOM: vi.fn((pos: number) => {
+          if (pos === 10) {
+            return mockDom
+          }
+          return document.createElement('blockquote')
+        }),
+      } as unknown as EditorView
+
+      const options = createDefaultOptions({
+        allowedContainers: ['blockquote'],
+      })
+      const result = findBestDragTarget(view, defaultCoords, options)
+
+      expect(result).not.toBeNull()
+      expect(result!.node).toBe(mockImage)
+      expect(result!.pos).toBe(10)
+    })
+  })
+
+  describe('scoring and selection', () => {
+    it('should prefer atom node with higher score over ancestor', () => {
+      const mockImage = createMockNode({
+        type: { name: 'image' },
+        isAtom: true,
+        isInline: false,
+        nodeSize: 1,
+      })
+      const mockBlockquote = createMockNode({
+        type: { name: 'blockquote' },
+        childCount: 2,
+        isInline: false,
+        isText: false,
+      })
+      const mockDoc = createMockNode({ type: { name: 'doc' }, childCount: 1 })
+      const mockImgDom = document.createElement('img')
+      const mockBqDom = document.createElement('blockquote')
+
+      const mock$pos = {
+        depth: 1,
+        nodeAfter: mockImage,
+        parent: mockBlockquote,
+        node: vi.fn((d: number) => {
+          if (d === 0) {
+            return mockDoc
+          }
+          if (d === 1) {
+            return mockBlockquote
+          }
+          throw new Error(`unexpected depth ${d}`)
+        }),
+        before: vi.fn((d: number) => {
+          if (d === 1) {
+            return 0
+          }
+          return 0
+        }),
+        index: vi.fn((d?: number) => {
+          if (d === 0) {
+            return 0
+          }
+          return 1
+        }),
+      } as unknown as ResolvedPos
+
+      const view = {
+        posAtCoords: vi.fn(() => ({ pos: 10 })),
+        state: { doc: { resolve: vi.fn(() => mock$pos) } },
+        nodeDOM: vi.fn((pos: number) => {
+          if (pos === 10) {
+            return mockImgDom
+          }
+          if (pos === 0) {
+            return mockBqDom
+          }
+          return null
+        }),
+      } as unknown as EditorView
+
+      const options = createDefaultOptions()
+      const result = findBestDragTarget(view, defaultCoords, options)
+
+      expect(result).not.toBeNull()
+      // Both have the same base score with no rules, so the deeper node (atom at depth 2) wins
+      expect(result!.node).toBe(mockImage)
+    })
+  })
+})
diff --git a/packages/extension-drag-handle/src/helpers/findBestDragTarget.ts b/packages/extension-drag-handle/src/helpers/findBestDragTarget.ts
new file mode 100644
index 0000000..38a8ef3
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/findBestDragTarget.ts
@@ -0,0 +1,183 @@
+import type { Node as PMNode, ResolvedPos } from '@tiptap/pm/model'
+import type { EditorView } from '@tiptap/pm/view'
+
+import type { NormalizedNestedOptions } from '../types/options.js'
+import type { DragHandleRule, RuleContext } from '../types/rules.js'
+import { defaultRules } from './defaultRules.js'
+import { calculateScore } from './scoring.js'
+
+/**
+ * Represents a drag target with its node, position, and DOM element.
+ */
+export interface DragTarget {
+  /** The ProseMirror node */
+  node: PMNode
+
+  /** The absolute position in the document */
+  pos: number
+
+  /** The corresponding DOM element */
+  dom: HTMLElement
+}
+
+/**
+ * Checks if any ancestor at or above the given depth is in the allowed list.
+ *
+ * @param $pos - The resolved position
+ * @param depth - The current depth being checked
+ * @param allowedTypes - The list of allowed node type names
+ * @returns True if any ancestor is in the allowed list
+ */
+function hasAncestorOfType($pos: ResolvedPos, depth: number, allowedTypes: string[]): boolean {
+  const ancestorDepths = Array.from({ length: depth }, (_, i) => depth - 1 - i)
+
+  return ancestorDepths.some(d => allowedTypes.includes($pos.node(d).type.name))
+}
+
+/**
+ * Finds the best drag target at the given coordinates using the scoring system.
+ *
+ * @param view - The editor view
+ * @param coords - The cursor coordinates
+ * @param options - The normalized nested options
+ * @returns The best drag target, or null if none found
+ */
+export function findBestDragTarget(
+  view: EditorView,
+  coords: { x: number; y: number },
+  options: NormalizedNestedOptions,
+): DragTarget | null {
+  // Validate coordinates are finite numbers to prevent DOM errors
+  if (!Number.isFinite(coords.x) || !Number.isFinite(coords.y)) {
+    return null
+  }
+
+  // ProseMirror expects { left, top } format for coordinates
+  const posInfo = view.posAtCoords({ left: coords.x, top: coords.y })
+
+  if (!posInfo) {
+    return null
+  }
+
+  const { doc } = view.state
+  const $pos = doc.resolve(posInfo.pos)
+
+  const rules: DragHandleRule[] = []
+
+  if (options.defaultRules) {
+    rules.push(...defaultRules)
+  }
+
+  rules.push(...options.rules)
+
+  // Start from depth 1 to exclude the doc node (depth 0) which should never be draggable
+  const depthLevels = Array.from({ length: $pos.depth }, (_, i) => $pos.depth - i)
+
+  const candidates = depthLevels
+    .map(depth => {
+      const node = $pos.node(depth)
+      const nodePos = $pos.before(depth)
+
+      if (options.allowedContainers && depth > 0) {
+        const inAllowedContainer = hasAncestorOfType($pos, depth, options.allowedContainers)
+
+        if (!inAllowedContainer) {
+          return null
+        }
+      }
+
+      const parent = depth > 0 ? $pos.node(depth - 1) : null
+      const index = depth > 0 ? $pos.index(depth - 1) : 0
+      const siblingCount = parent ? parent.childCount : 1
+
+      const context: RuleContext = {
+        node,
+        pos: nodePos,
+        depth,
+        parent,
+        index,
+        isFirst: index === 0,
+        isLast: index === siblingCount - 1,
+        $pos,
+        view,
+      }
+
+      const score = calculateScore(context, rules, options.edgeDetection, coords)
+
+      if (score < 0) {
+        return null
+      }
+
+      const dom = view.nodeDOM(nodePos) as HTMLElement | null
+
+      return { node, pos: nodePos, depth, score, dom }
+    })
+    .filter((candidate): candidate is NonNullable<typeof candidate> => candidate !== null)
+
+  // Atom/leaf nodes (e.g. images) are not ancestors of $pos — they sit at $pos.nodeAfter.
+  // The depth loop above only walks ancestor nodes, so these are missed entirely.
+  // Check for a nodeAfter and evaluate it as an additional candidate.
+  const nodeAfter = $pos.nodeAfter
+
+  if (nodeAfter && nodeAfter.isAtom && !nodeAfter.isInline) {
+    const nodePos = posInfo.pos
+    const depth = $pos.depth + 1
+    const parent = $pos.parent
+    const index = $pos.index()
+    const siblingCount = parent.childCount
+
+    let inAllowedContainer = true
+
+    if (options.allowedContainers) {
+      inAllowedContainer = hasAncestorOfType($pos, depth, options.allowedContainers)
+    }
+
+    if (inAllowedContainer) {
+      const context: RuleContext = {
+        node: nodeAfter,
+        pos: nodePos,
+        depth,
+        parent,
+        index,
+        isFirst: index === 0,
+        isLast: index === siblingCount - 1,
+        $pos,
+        view,
+      }
+
+      const score = calculateScore(context, rules, options.edgeDetection, coords)
+
+      if (score >= 0) {
+        const dom = view.nodeDOM(nodePos) as HTMLElement | null
+
+        if (dom) {
+          candidates.push({ node: nodeAfter, pos: nodePos, depth, score, dom })
+        }
+      }
+    }
+  }
+
+  if (candidates.length === 0) {
+    return null
+  }
+
+  candidates.sort((a, b) => {
+    if (b.score !== a.score) {
+      return b.score - a.score
+    }
+
+    return b.depth - a.depth
+  })
+
+  const winner = candidates[0]
+
+  if (!winner.dom) {
+    return null
+  }
+
+  return {
+    node: winner.node,
+    pos: winner.pos,
+    dom: winner.dom,
+  }
+}
diff --git a/packages/extension-drag-handle/src/helpers/findNextElementFromCursor.test.ts b/packages/extension-drag-handle/src/helpers/findNextElementFromCursor.test.ts
new file mode 100644
index 0000000..e294272
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/findNextElementFromCursor.test.ts
@@ -0,0 +1,135 @@
+import type { EditorView } from '@tiptap/pm/view'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { edgeBlockRect, findClosestTopLevelBlock } from './findNextElementFromCursor.js'
+
+/**
+ * Builds a DOMRect-like object for tests, since jsdom does not run layout and
+ * returns an all-zero rect for every element by default.
+ */
+function rect({
+  width,
+  height,
+  top = 0,
+  left = 0,
+}: {
+  width: number
+  height: number
+  top?: number
+  left?: number
+}): DOMRect {
+  return {
+    width,
+    height,
+    top,
+    left,
+    right: left + width,
+    bottom: top + height,
+    x: left,
+    y: top,
+    toJSON: () => ({}),
+  } as DOMRect
+}
+
+/** Overrides an element's getBoundingClientRect with a fixed rect. */
+function withRect(el: HTMLElement, r: DOMRect): HTMLElement {
+  el.getBoundingClientRect = () => r
+  return el
+}
+
+describe('edgeBlockRect', () => {
+  it('returns the first child that has a real layout box, skipping zero-size widgets', () => {
+    // Mirrors the Pages layout: the first child is a zero-height page-chrome
+    // widget, followed by real content blocks.
+    const container = document.createElement('div')
+    const widget = withRect(document.createElement('div'), rect({ width: 640, height: 0 }))
+    const firstBlock = withRect(
+      document.createElement('p'),
+      rect({ width: 640, height: 24, top: 100 }),
+    )
+    const lastBlock = withRect(
+      document.createElement('p'),
+      rect({ width: 640, height: 24, top: 200 }),
+    )
+    container.append(widget, firstBlock, lastBlock)
+
+    const result = edgeBlockRect(container, 'first')
+
+    expect(result).not.toBeNull()
+    expect(result?.top).toBe(100)
+    expect(result?.height).toBe(24)
+  })
+
+  it('returns the last child that has a real layout box, skipping trailing zero-size widgets', () => {
+    const container = document.createElement('div')
+    const firstBlock = withRect(
+      document.createElement('p'),
+      rect({ width: 640, height: 24, top: 100 }),
+    )
+    const lastBlock = withRect(
+      document.createElement('p'),
+      rect({ width: 640, height: 24, top: 200 }),
+    )
+    const trailingWidget = withRect(
+      document.createElement('div'),
+      rect({ width: 640, height: 0, top: 300 }),
+    )
+    container.append(firstBlock, lastBlock, trailingWidget)
+
+    const result = edgeBlockRect(container, 'last')
+
+    expect(result?.top).toBe(200)
+  })
+
+  it('returns null when no child has a valid box', () => {
+    const container = document.createElement('div')
+    container.append(withRect(document.createElement('div'), rect({ width: 0, height: 0 })))
+
+    expect(edgeBlockRect(container, 'first')).toBeNull()
+  })
+})
+
+describe('findClosestTopLevelBlock', () => {
+  /**
+   * Tags a DOM element with a fake ProseMirror view description. Document nodes
+   * expose a `node`; widget decorations do not.
+   */
+  function tagViewDesc(el: HTMLElement, node: unknown): HTMLElement {
+    ;(el as unknown as { pmViewDesc: { node?: unknown } }).pmViewDesc = { node }
+    return el
+  }
+
+  function makeView(dom: HTMLElement): EditorView {
+    return { dom } as unknown as EditorView
+  }
+
+  it('returns the top-level content block for an element inside it', () => {
+    const editorDom = document.createElement('div')
+    const block = tagViewDesc(document.createElement('p'), { type: { name: 'paragraph' } })
+    const text = document.createElement('span')
+    block.appendChild(text)
+    editorDom.appendChild(block)
+
+    expect(findClosestTopLevelBlock(text, makeView(editorDom))).toBe(block)
+  })
+
+  it('skips widget decorations that have no associated document node', () => {
+    // The Pages page-chrome overlay is a widget decoration: a direct child of
+    // the editor with a view description but no document node. Resolving a hover
+    // to it would align the drag handle to the page header instead of the block.
+    const editorDom = document.createElement('div')
+    const widget = tagViewDesc(document.createElement('div'), undefined)
+    const inner = document.createElement('div')
+    widget.appendChild(inner)
+    editorDom.appendChild(widget)
+
+    expect(findClosestTopLevelBlock(inner, makeView(editorDom))).toBeUndefined()
+  })
+
+  it('returns undefined when the element is not inside the editor', () => {
+    const editorDom = document.createElement('div')
+    const orphan = document.createElement('p')
+
+    expect(findClosestTopLevelBlock(orphan, makeView(editorDom))).toBeUndefined()
+  })
+})
diff --git a/packages/extension-drag-handle/src/helpers/findNextElementFromCursor.ts b/packages/extension-drag-handle/src/helpers/findNextElementFromCursor.ts
new file mode 100644
index 0000000..f7c3eca
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/findNextElementFromCursor.ts
@@ -0,0 +1,254 @@
+import type { Editor } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { EditorView } from '@tiptap/pm/view'
+
+import type { NormalizedNestedOptions } from '../types/options.js'
+import { findBestDragTarget } from './findBestDragTarget.js'
+
+export type FindElementNextToCoords = {
+  x: number
+  y: number
+  direction?: 'left' | 'right'
+  editor: Editor
+  nestedOptions?: NormalizedNestedOptions
+}
+
+/**
+ * ProseMirror attaches a `pmViewDesc` to every DOM node it manages. Element view
+ * descriptions for document nodes expose a `node`; widget decorations (such as
+ * the Pages page-chrome overlay, which renders as a zero-height first child of
+ * the editor) have a view description but no associated document node.
+ */
+interface ElementWithViewDesc extends Element {
+  pmViewDesc?: { node?: unknown }
+}
+
+/**
+ * Finds the draggable block element that is a direct child of view.dom.
+ *
+ * Direct children that are widget decorations rather than document content are
+ * skipped — they are not draggable blocks, and treating them as such would
+ * align the drag handle to the decoration (e.g. the page header) instead of the
+ * actual first block on the page.
+ */
+export function findClosestTopLevelBlock(
+  element: Element,
+  view: EditorView,
+): HTMLElement | undefined {
+  let current: Element | null = element
+
+  while (current?.parentElement && current.parentElement !== view.dom) {
+    current = current.parentElement
+  }
+
+  if (current?.parentElement !== view.dom) {
+    return undefined
+  }
+
+  // Skip widget decorations (no associated document node).
+  if (!(current as ElementWithViewDesc).pmViewDesc?.node) {
+    return undefined
+  }
+
+  return current as HTMLElement
+}
+
+/**
+ * Checks if a DOMRect has valid, finite dimensions.
+ */
+function isValidRect(rect: DOMRect): boolean {
+  return (
+    Number.isFinite(rect.top) &&
+    Number.isFinite(rect.bottom) &&
+    Number.isFinite(rect.left) &&
+    Number.isFinite(rect.right) &&
+    rect.width > 0 &&
+    rect.height > 0
+  )
+}
+
+/**
+ * Returns the bounding rect of the first or last child of `container` that has
+ * a valid (non-zero) layout box.
+ *
+ * Some extensions insert zero-size widget decorations as the first/last child
+ * of the editor — for example the Pages extension anchors its page-chrome
+ * overlay in a zero-height `<div>` as the first child. Reading `firstElementChild`
+ * / `lastElementChild` directly would yield an invalid rect and abort clamping,
+ * so we skip over any edge children without a valid box.
+ */
+export function edgeBlockRect(container: Element, edge: 'first' | 'last'): DOMRect | null {
+  let current: Element | null =
+    edge === 'first' ? container.firstElementChild : container.lastElementChild
+
+  while (current) {
+    const rect = current.getBoundingClientRect()
+
+    if (isValidRect(rect)) {
+      return rect
+    }
+
+    current = edge === 'first' ? current.nextElementSibling : current.previousElementSibling
+  }
+
+  return null
+}
+
+/**
+ * Clamps coordinates to content bounds with O(1) layout reads
+ */
+function clampToContent(
+  view: EditorView,
+  x: number,
+  y: number,
+  inset = 5,
+): { x: number; y: number } | null {
+  // Validate input coordinates are finite numbers
+  if (!Number.isFinite(x) || !Number.isFinite(y)) {
+    return null
+  }
+
+  const container = view.dom
+
+  // Clamp Y between the first and last children that actually have a layout box.
+  const topRect = edgeBlockRect(container, 'first')
+  const botRect = edgeBlockRect(container, 'last')
+
+  if (!topRect || !botRect) {
+    return null
+  }
+
+  const clampedY = Math.min(Math.max(topRect.top + inset, y), botRect.bottom - inset)
+
+  const epsilon = 0.5
+  const sameLeft = Math.abs(topRect.left - botRect.left) < epsilon
+  const sameRight = Math.abs(topRect.right - botRect.right) < epsilon
+
+  let rowRect: DOMRect = topRect
+
+  if (sameLeft && sameRight) {
+    // Most of the time, every block has the same width
+    rowRect = topRect
+  } else {
+    // TODO
+    // find the actual block at the clamped Y
+    // This case is rare, avoid for now
+  }
+
+  // Clamp X to the chosen block's bounds
+  const clampedX = Math.min(Math.max(rowRect.left + inset, x), rowRect.right - inset)
+
+  // Final validation of output coordinates
+  if (!Number.isFinite(clampedX) || !Number.isFinite(clampedY)) {
+    return null
+  }
+
+  return { x: clampedX, y: clampedY }
+}
+
+export const findElementNextToCoords = (
+  options: FindElementNextToCoords,
+): {
+  resultElement: HTMLElement | null
+  resultNode: PMNode | null
+  pos: number | null
+} => {
+  const { x, y, editor, nestedOptions } = options
+  const { view, state } = editor
+
+  const clamped = clampToContent(view, x, y, 5)
+
+  // Return early if coordinates could not be clamped to valid bounds
+  if (!clamped) {
+    return { resultElement: null, resultNode: null, pos: null }
+  }
+
+  const { x: clampedX, y: clampedY } = clamped
+
+  // When nested mode is enabled, use the scoring-based detection
+  if (nestedOptions?.enabled) {
+    const target = findBestDragTarget(view, { x: clampedX, y: clampedY }, nestedOptions)
+
+    if (!target) {
+      return { resultElement: null, resultNode: null, pos: null }
+    }
+
+    return {
+      resultElement: target.dom,
+      resultNode: target.node,
+      pos: target.pos,
+    }
+  }
+
+  // Original root-level detection for non-nested mode
+  const elements = view.root.elementsFromPoint(clampedX, clampedY)
+
+  let block: HTMLElement | undefined
+
+  Array.prototype.some.call(elements, (el: Element) => {
+    if (!view.dom.contains(el)) {
+      return false
+    }
+    const candidate = findClosestTopLevelBlock(el, view)
+    if (candidate) {
+      block = candidate
+      return true
+    }
+    return false
+  })
+
+  if (!block) {
+    // elementsFromPoint may return nothing if the coordinates land outside an element
+    // (e.g., in margins, overlays, gaps, or indented nodes). posAtCoords uses the
+    // caret API, so it still resolves to the nearest text position.
+    const coords = view.posAtCoords({ left: clampedX, top: clampedY })
+
+    if (coords) {
+      const $pos = state.doc.resolve(coords.pos)
+      // Walk up to the top-level block
+      const depth = Math.min($pos.depth, 1)
+      const blockPos = depth > 0 ? $pos.before(depth) : $pos.pos
+      const blockNode = state.doc.nodeAt(blockPos)
+
+      if (blockNode) {
+        const dom = view.nodeDOM(blockPos)
+
+        return {
+          resultElement: dom instanceof HTMLElement ? dom : null,
+          resultNode: blockNode,
+          pos: blockPos,
+        }
+      }
+    }
+
+    return { resultElement: null, resultNode: null, pos: null }
+  }
+
+  let pos: number
+  try {
+    pos = view.posAtDOM(block, 0)
+  } catch {
+    return { resultElement: null, resultNode: null, pos: null }
+  }
+
+  const node = state.doc.nodeAt(pos)
+
+  if (!node) {
+    // This case occurs when an atom node is allowed to contain inline content.
+    // We need to resolve the position here to ensure we target the correct parent node.
+    const resolvedPos = state.doc.resolve(pos)
+    const parent = resolvedPos.parent
+
+    return {
+      resultElement: block,
+      resultNode: parent,
+      pos: resolvedPos.start(),
+    }
+  }
+
+  return {
+    resultElement: block,
+    resultNode: node,
+    pos,
+  }
+}
diff --git a/packages/extension-drag-handle/src/helpers/getComputedStyle.ts b/packages/extension-drag-handle/src/helpers/getComputedStyle.ts
new file mode 100644
index 0000000..93732f3
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/getComputedStyle.ts
@@ -0,0 +1,5 @@
+export function getComputedStyle(node: Element, property: keyof CSSStyleDeclaration): any {
+  const style = window.getComputedStyle(node)
+
+  return style[property]
+}
diff --git a/packages/extension-drag-handle/src/helpers/getDraggedBlockDir.test.ts b/packages/extension-drag-handle/src/helpers/getDraggedBlockDir.test.ts
new file mode 100644
index 0000000..0449e0b
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/getDraggedBlockDir.test.ts
@@ -0,0 +1,223 @@
+import type { EditorView } from '@tiptap/pm/view'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { getDraggedBlockDir, getDraggedBlockElement } from './getDraggedBlockDir.js'
+
+function createMockView(overrides: Partial<EditorView> = {}): EditorView {
+  const editorDom = document.createElement('div')
+
+  return {
+    dom: editorDom,
+    nodeDOM: vi.fn(() => null),
+    domAtPos: vi.fn(() => ({ node: editorDom, offset: 0 })),
+    ...overrides,
+  } as unknown as EditorView
+}
+
+function mockDirection(map: Map<Element, string>) {
+  const original = window.getComputedStyle
+
+  vi.spyOn(window, 'getComputedStyle').mockImplementation((el: Element) => {
+    const dir = map.get(el)
+
+    if (dir) {
+      return { direction: dir } as CSSStyleDeclaration
+    }
+
+    return original(el)
+  })
+}
+
+describe('getDraggedBlockDir', () => {
+  beforeEach(() => {
+    vi.restoreAllMocks()
+  })
+
+  describe('getDraggedBlockElement', () => {
+    it('should prefer the child at domAtPos when nodeDOM resolves to the editor root', () => {
+      const editorRoot = document.createElement('div')
+      const paragraph = document.createElement('p')
+
+      editorRoot.appendChild(paragraph)
+
+      const view = createMockView({
+        dom: editorRoot,
+        nodeDOM: vi.fn(() => editorRoot),
+        domAtPos: vi.fn(() => ({ node: editorRoot, offset: 0 })),
+      })
+
+      expect(getDraggedBlockElement(view, 0)).toBe(paragraph)
+    })
+  })
+
+  afterEach(() => {
+    vi.restoreAllMocks()
+  })
+
+  describe('nodeDOM returns an Element', () => {
+    it('should return "rtl" when the block element has direction rtl', () => {
+      const block = document.createElement('p')
+      const dirMap = new Map<Element, string>([[block, 'rtl']])
+
+      mockDirection(dirMap)
+
+      const view = createMockView({ nodeDOM: vi.fn(() => block) })
+
+      expect(getDraggedBlockDir(view, 0)).toBe('rtl')
+    })
+
+    it('should return "ltr" when the block element has direction ltr', () => {
+      const block = document.createElement('p')
+      const dirMap = new Map<Element, string>([[block, 'ltr']])
+
+      mockDirection(dirMap)
+
+      const view = createMockView({ nodeDOM: vi.fn(() => block) })
+
+      expect(getDraggedBlockDir(view, 5)).toBe('ltr')
+    })
+  })
+
+  describe('nodeDOM returns a non-Element — domAtPos fallback', () => {
+    it('should resolve the child at offset when domAtPos returns a parent container', () => {
+      const parent = document.createElement('div')
+      const ltrChild = document.createElement('p')
+      const rtlChild = document.createElement('p')
+
+      parent.appendChild(ltrChild)
+      parent.appendChild(rtlChild)
+
+      const dirMap = new Map<Element, string>([
+        [parent, 'ltr'],
+        [rtlChild, 'rtl'],
+      ])
+
+      mockDirection(dirMap)
+
+      const view = createMockView({
+        nodeDOM: vi.fn(() => null),
+        domAtPos: vi.fn(() => ({ node: parent, offset: 1 })),
+      })
+
+      expect(getDraggedBlockDir(view, 0)).toBe('rtl')
+    })
+
+    it('should fall back to the parent node when child at offset is a text node', () => {
+      const parent = document.createElement('p')
+
+      parent.appendChild(document.createTextNode('hello'))
+
+      const dirMap = new Map<Element, string>([[parent, 'rtl']])
+
+      mockDirection(dirMap)
+
+      const view = createMockView({
+        nodeDOM: vi.fn(() => null),
+        domAtPos: vi.fn(() => ({ node: parent, offset: 0 })),
+      })
+
+      expect(getDraggedBlockDir(view, 0)).toBe('rtl')
+    })
+  })
+
+  describe('regression: mixed RTL/LTR', () => {
+    it('should read direction from the dragged block, not the parent wrapper', () => {
+      const editorRoot = document.createElement('div')
+      const rtlBlock = document.createElement('p')
+
+      const dirMap = new Map<Element, string>([
+        [editorRoot, 'ltr'],
+        [rtlBlock, 'rtl'],
+      ])
+
+      mockDirection(dirMap)
+
+      const view = createMockView({
+        dom: editorRoot,
+        nodeDOM: vi.fn(() => rtlBlock),
+      })
+
+      expect(getDraggedBlockDir(view, 0)).toBe('rtl')
+    })
+
+    it('should read direction from child at domAtPos offset, not from parent', () => {
+      const listWrapper = document.createElement('ul')
+      const rtlItem = document.createElement('li')
+
+      listWrapper.appendChild(rtlItem)
+
+      const dirMap = new Map<Element, string>([
+        [listWrapper, 'ltr'],
+        [rtlItem, 'rtl'],
+      ])
+
+      mockDirection(dirMap)
+
+      const view = createMockView({
+        nodeDOM: vi.fn(() => null),
+        domAtPos: vi.fn(() => ({ node: listWrapper, offset: 0 })),
+      })
+
+      expect(getDraggedBlockDir(view, 0)).toBe('rtl')
+    })
+
+    it('should normalize a Text node from domAtPos to its parentElement instead of falling back to editor root', () => {
+      const editorRoot = document.createElement('div')
+      const rtlParagraph = document.createElement('p')
+      const textNode = document.createTextNode('مرحبا')
+
+      rtlParagraph.appendChild(textNode)
+
+      const dirMap = new Map<Element, string>([
+        [editorRoot, 'ltr'],
+        [rtlParagraph, 'rtl'],
+      ])
+
+      mockDirection(dirMap)
+
+      const view = createMockView({
+        dom: editorRoot,
+        nodeDOM: vi.fn(() => null),
+        domAtPos: vi.fn(() => ({ node: textNode, offset: 3 })),
+      })
+
+      expect(getDraggedBlockDir(view, 0)).toBe('rtl')
+    })
+  })
+
+  describe('ultimate fallback to editor root', () => {
+    it('should use editor root direction when nodeDOM and domAtPos both return non-elements', () => {
+      const editorRoot = document.createElement('div')
+      const textNode = document.createTextNode('text')
+
+      const dirMap = new Map<Element, string>([[editorRoot, 'rtl']])
+
+      mockDirection(dirMap)
+
+      const view = createMockView({
+        dom: editorRoot,
+        nodeDOM: vi.fn(() => textNode),
+        domAtPos: vi.fn(() => ({ node: textNode, offset: 0 })),
+      })
+
+      expect(getDraggedBlockDir(view, 0)).toBe('rtl')
+    })
+
+    it('should default to "ltr" when no direction is computed anywhere', () => {
+      const editorRoot = document.createElement('div')
+      const textNode = document.createTextNode('text')
+
+      vi.spyOn(window, 'getComputedStyle').mockReturnValue({
+        direction: '',
+      } as CSSStyleDeclaration)
+
+      const view = createMockView({
+        dom: editorRoot,
+        nodeDOM: vi.fn(() => textNode),
+        domAtPos: vi.fn(() => ({ node: textNode, offset: 0 })),
+      })
+
+      expect(getDraggedBlockDir(view, 0)).toBe('ltr')
+    })
+  })
+})
diff --git a/packages/extension-drag-handle/src/helpers/getDraggedBlockDir.ts b/packages/extension-drag-handle/src/helpers/getDraggedBlockDir.ts
new file mode 100644
index 0000000..789c71f
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/getDraggedBlockDir.ts
@@ -0,0 +1,46 @@
+import type { EditorView } from '@tiptap/pm/view'
+
+/**
+ * Resolves the DOM element that visually represents the dragged block.
+ */
+export function getDraggedBlockElement(view: EditorView, pos: number): Element | null {
+  const nodeDom = view.nodeDOM(pos)
+
+  if (nodeDom instanceof Element && nodeDom !== view.dom) {
+    return nodeDom
+  }
+
+  const { node, offset } = view.domAtPos(pos)
+  const child = node.childNodes[offset]
+
+  if (child instanceof Element) {
+    return child
+  }
+
+  if (node instanceof Element) {
+    return node
+  }
+
+  if (node.nodeType === Node.TEXT_NODE && node.parentElement) {
+    return node.parentElement
+  }
+
+  return null
+}
+
+/**
+ * Resolves the text direction (`dir` attribute value) for the block being
+ * dragged. Uses `view.nodeDOM` first because it maps a ProseMirror position
+ * directly to the block-level DOM element. Falls back to `view.domAtPos` with
+ * proper child-at-offset resolution when `nodeDOM` doesn't return an element,
+ * and ultimately to the editor root direction.
+ */
+export function getDraggedBlockDir(view: EditorView, pos: number): string {
+  const draggedDom = getDraggedBlockElement(view, pos)
+
+  const contentDir = draggedDom
+    ? getComputedStyle(draggedDom).direction
+    : getComputedStyle(view.dom).direction
+
+  return contentDir || 'ltr'
+}
diff --git a/packages/extension-drag-handle/src/helpers/getInnerCoords.ts b/packages/extension-drag-handle/src/helpers/getInnerCoords.ts
new file mode 100644
index 0000000..4a524c0
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/getInnerCoords.ts
@@ -0,0 +1,26 @@
+import type { EditorView } from '@tiptap/pm/view'
+
+import { getComputedStyle } from './getComputedStyle.js'
+import { minMax } from './minMax.js'
+
+export function getInnerCoords(
+  view: EditorView,
+  x: number,
+  y: number,
+): { left: number; top: number } {
+  const paddingLeft = parseInt(getComputedStyle(view.dom, 'paddingLeft'), 10)
+  const paddingRight = parseInt(getComputedStyle(view.dom, 'paddingRight'), 10)
+  const borderLeft = parseInt(getComputedStyle(view.dom, 'borderLeftWidth'), 10)
+  const borderRight = parseInt(getComputedStyle(view.dom, 'borderLeftWidth'), 10)
+  const bounds = view.dom.getBoundingClientRect()
+  const coords = {
+    left: minMax(
+      x,
+      bounds.left + paddingLeft + borderLeft,
+      bounds.right - paddingRight - borderRight,
+    ),
+    top: y,
+  }
+
+  return coords
+}
diff --git a/packages/extension-drag-handle/src/helpers/getOuterNode.ts b/packages/extension-drag-handle/src/helpers/getOuterNode.ts
new file mode 100644
index 0000000..60f5bde
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/getOuterNode.ts
@@ -0,0 +1,34 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+export const getOuterNodePos = (doc: PMNode, pos: number): number => {
+  const resolvedPos = doc.resolve(pos)
+  const { depth } = resolvedPos
+
+  if (depth === 0) {
+    return pos
+  }
+
+  const a = resolvedPos.pos - resolvedPos.parentOffset
+
+  return a - 1
+}
+
+export const getOuterNode = (doc: PMNode, pos: number): PMNode | null => {
+  const node = doc.nodeAt(pos)
+  const resolvedPos = doc.resolve(pos)
+
+  let { depth } = resolvedPos
+  let parent = node
+
+  while (depth > 0) {
+    const currentNode = resolvedPos.node(depth)
+
+    depth -= 1
+
+    if (depth === 0) {
+      parent = currentNode
+    }
+  }
+
+  return parent
+}
diff --git a/packages/extension-drag-handle/src/helpers/minMax.ts b/packages/extension-drag-handle/src/helpers/minMax.ts
new file mode 100644
index 0000000..d13ce8b
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/minMax.ts
@@ -0,0 +1,3 @@
+export function minMax(value = 0, min = 0, max = 0): number {
+  return Math.min(Math.max(value, min), max)
+}
diff --git a/packages/extension-drag-handle/src/helpers/nodeRangeDrop.test.ts b/packages/extension-drag-handle/src/helpers/nodeRangeDrop.test.ts
new file mode 100644
index 0000000..63ac58b
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/nodeRangeDrop.test.ts
@@ -0,0 +1,206 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import { isNodeRangeSelection, NodeRangeSelection } from '@tiptap/extension-node-range'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { TextSelection } from '@tiptap/pm/state'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import {
+  createDroppedNodeRangeSelection,
+  getActiveDragRange,
+  mapPendingRestoreAnchor,
+} from './nodeRangeDrop.js'
+
+describe('nodeRangeDrop helpers', () => {
+  let editor: Editor | null = null
+
+  afterEach(() => {
+    editor?.destroy()
+    editor = null
+  })
+
+  function createEditor(content: string): Editor {
+    editor = new Editor({
+      element: document.body,
+      extensions: [Document, Paragraph, Text],
+      content,
+    })
+
+    return editor
+  }
+
+  describe('getActiveDragRange', () => {
+    it('captures the node count and depth of a node range selection', () => {
+      const { state } = createEditor('<p>First</p><p>Second</p><p>Third</p>')
+      const firstSize = state.doc.child(0).nodeSize
+      const selection = NodeRangeSelection.create(state.doc, 1, firstSize + 1, 0)
+
+      expect(getActiveDragRange(selection)).toEqual({
+        anchorPos: selection.anchor,
+        nodeCount: selection.ranges.length,
+        depth: 0,
+      })
+    })
+
+    it('returns null for a non node range selection', () => {
+      const { state } = createEditor('<p>First</p>')
+      const selection = TextSelection.create(state.doc, 1)
+
+      expect(getActiveDragRange(selection)).toBeNull()
+    })
+  })
+
+  describe('createDroppedNodeRangeSelection', () => {
+    it('rebuilds a node range over the first two blocks', () => {
+      const { state } = createEditor('<p>First</p><p>Second</p><p>Third</p>')
+      const firstSize = state.doc.child(0).nodeSize
+      const secondSize = state.doc.child(1).nodeSize
+
+      const selection = createDroppedNodeRangeSelection(state.doc, 1, 2, 0)
+
+      expect(selection && isNodeRangeSelection(selection)).toBe(true)
+      expect(selection?.ranges).toHaveLength(2)
+      expect(selection?.from).toBe(0)
+      expect(selection?.to).toBe(firstSize + secondSize)
+    })
+
+    it('selects the blocks following the drop position', () => {
+      const { state } = createEditor('<p>First</p><p>Second</p><p>Third</p>')
+      const firstSize = state.doc.child(0).nodeSize
+
+      const selection = createDroppedNodeRangeSelection(state.doc, firstSize + 1, 2, 0)
+
+      expect(selection?.from).toBe(firstSize)
+      expect(selection?.to).toBe(state.doc.content.size)
+    })
+
+    it('clamps to the last blocks when the drop lands past the end', () => {
+      const { state } = createEditor('<p>First</p><p>Second</p><p>Third</p>')
+      const firstSize = state.doc.child(0).nodeSize
+
+      const selection = createDroppedNodeRangeSelection(state.doc, state.doc.content.size, 2, 0)
+
+      expect(selection?.from).toBe(firstSize)
+      expect(selection?.to).toBe(state.doc.content.size)
+    })
+
+    it('rebuilds a single-block range', () => {
+      const { state } = createEditor('<p>First</p><p>Second</p>')
+      const firstSize = state.doc.child(0).nodeSize
+
+      const selection = createDroppedNodeRangeSelection(state.doc, 1, 1, 0)
+
+      expect(selection?.ranges).toHaveLength(1)
+      expect(selection?.from).toBe(0)
+      expect(selection?.to).toBe(firstSize)
+    })
+
+    it('returns null when fewer blocks are available than were dragged', () => {
+      const { state } = createEditor('<p>Only</p>')
+
+      const selection = createDroppedNodeRangeSelection(state.doc, 1, 2, 0)
+
+      expect(selection).toBeNull()
+    })
+  })
+
+  describe('mapPendingRestoreAnchor', () => {
+    it('remaps via Yjs relative positions on isChangeOrigin transactions', () => {
+      const pendingRestore = {
+        anchorPos: 10,
+        nodeCount: 2,
+        depth: 0,
+        relativeAnchorPos: { type: 'mock' },
+      }
+
+      const tr = {
+        docChanged: true,
+        mapping: {
+          mapResult: () => ({ deleted: true, pos: 0 }),
+        },
+      }
+
+      const mapped = mapPendingRestoreAnchor(pendingRestore, tr, {
+        isChangeOrigin: true,
+        getAbsolutePos: () => 14,
+      })
+
+      expect(mapped).toEqual({
+        ...pendingRestore,
+        anchorPos: 14,
+      })
+    })
+
+    it('clears the restore when the relative anchor cannot be resolved', () => {
+      const pendingRestore = {
+        anchorPos: 10,
+        nodeCount: 2,
+        depth: 0,
+        relativeAnchorPos: { type: 'mock' },
+      }
+
+      const tr = {
+        docChanged: true,
+        mapping: {
+          mapResult: () => ({ deleted: false, pos: 10 }),
+        },
+      }
+
+      const mapped = mapPendingRestoreAnchor(pendingRestore, tr, {
+        isChangeOrigin: true,
+        getAbsolutePos: () => -1,
+      })
+
+      expect(mapped).toBeNull()
+    })
+
+    it('clears the restore when getAbsolutePos returns 0 (unresolved Yjs anchor)', () => {
+      const pendingRestore = {
+        anchorPos: 10,
+        nodeCount: 2,
+        depth: 0,
+        relativeAnchorPos: { type: 'mock' },
+      }
+
+      const tr = {
+        docChanged: true,
+        mapping: {
+          mapResult: () => ({ deleted: false, pos: 10 }),
+        },
+      }
+
+      const mapped = mapPendingRestoreAnchor(pendingRestore, tr, {
+        isChangeOrigin: true,
+        getAbsolutePos: () => 0,
+      })
+
+      expect(mapped).toBeNull()
+    })
+
+    it('falls back to ProseMirror mapping for local transactions', () => {
+      const pendingRestore = {
+        anchorPos: 10,
+        nodeCount: 2,
+        depth: 0,
+      }
+
+      const tr = {
+        docChanged: true,
+        mapping: {
+          mapResult: () => ({ deleted: false, pos: 12 }),
+        },
+      }
+
+      const mapped = mapPendingRestoreAnchor(pendingRestore, tr, {
+        isChangeOrigin: false,
+        getAbsolutePos: () => -1,
+      })
+
+      expect(mapped).toEqual({
+        ...pendingRestore,
+        anchorPos: 12,
+      })
+    })
+  })
+})
diff --git a/packages/extension-drag-handle/src/helpers/nodeRangeDrop.ts b/packages/extension-drag-handle/src/helpers/nodeRangeDrop.ts
new file mode 100644
index 0000000..23565a5
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/nodeRangeDrop.ts
@@ -0,0 +1,138 @@
+import { isNodeRangeSelection, NodeRangeSelection } from '@tiptap/extension-node-range'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Selection } from '@tiptap/pm/state'
+
+export interface ActiveDragRange {
+  anchorPos: number
+  nodeCount: number
+  depth: number
+  // Yjs relative position for remapping the drop anchor across isChangeOrigin rebuilds.
+  // biome-ignore lint/suspicious/noExplicitAny: y-prosemirror relative positions are untyped
+  relativeAnchorPos?: any
+}
+
+interface MapPendingRestoreAnchorOptions {
+  isChangeOrigin: boolean
+  getAbsolutePos: (relativePos: unknown) => number
+}
+
+// Remaps the drop anchor while a restore is pending. Returns null when the anchor
+// can no longer be resolved.
+export function mapPendingRestoreAnchor(
+  pendingRestore: ActiveDragRange,
+  tr: {
+    docChanged: boolean
+    mapping: { mapResult: (pos: number, bias: number) => { deleted: boolean; pos: number } }
+  },
+  options: MapPendingRestoreAnchorOptions,
+): ActiveDragRange | null {
+  if (!tr.docChanged) {
+    return pendingRestore
+  }
+
+  if (options.isChangeOrigin && pendingRestore.relativeAnchorPos != null) {
+    const newPos = options.getAbsolutePos(pendingRestore.relativeAnchorPos)
+
+    if (!Number.isFinite(newPos) || newPos <= 0) {
+      return null
+    }
+
+    return {
+      ...pendingRestore,
+      anchorPos: newPos,
+    }
+  }
+
+  const mappedResult = tr.mapping.mapResult(pendingRestore.anchorPos, 1)
+
+  if (mappedResult.deleted) {
+    return null
+  }
+
+  return {
+    ...pendingRestore,
+    anchorPos: mappedResult.pos,
+  }
+}
+
+interface DroppedBlockRange {
+  anchor: number
+  head: number
+  count: number
+}
+
+function sumNodeSizes(parent: PMNode, from: number, to: number): number {
+  let size = 0
+
+  for (let i = from; i < to; i += 1) {
+    size += parent.child(i).nodeSize
+  }
+
+  return size
+}
+
+// Captures a multi-block node range at dragstart so it can be restored after drop.
+export function getActiveDragRange(selection: Selection): ActiveDragRange | null {
+  if (!isNodeRangeSelection(selection)) {
+    return null
+  }
+
+  return {
+    anchorPos: selection.from,
+    nodeCount: selection.ranges.length,
+    depth: selection.depth ?? 0,
+  }
+}
+
+/**
+ * Computes the position range of the freshly dropped blocks so a
+ * `NodeRangeSelection` can be restored over them after a drag-and-drop.
+ */
+function getDroppedBlockRange(
+  doc: PMNode,
+  anchorPos: number,
+  nodeCount: number,
+  depth: number,
+): DroppedBlockRange | null {
+  const $pos = doc.resolve(anchorPos)
+  const parent = $pos.node(depth)
+  let index = $pos.index(depth)
+
+  // the drop can land past the last child, so clamp the index back into range
+  if (index >= parent.childCount) {
+    index = Math.max(0, parent.childCount - nodeCount)
+  }
+
+  const count = Math.min(nodeCount, parent.childCount - index)
+
+  if (count <= 0) {
+    return null
+  }
+
+  const blockStart = $pos.start(depth) + sumNodeSizes(parent, 0, index)
+  const blockEnd = blockStart + sumNodeSizes(parent, index, index + count)
+
+  return { anchor: blockStart, head: blockEnd, count }
+}
+
+// Rebuilds the dragged node range over the dropped blocks, or null when unsafe.
+export function createDroppedNodeRangeSelection(
+  doc: PMNode,
+  anchorPos: number,
+  nodeCount: number,
+  depth: number,
+): NodeRangeSelection | null {
+  try {
+    const range = getDroppedBlockRange(doc, anchorPos, nodeCount, depth)
+
+    if (!range) {
+      return null
+    }
+
+    const selection = NodeRangeSelection.create(doc, range.anchor, range.head, depth)
+
+    return selection.ranges.length === nodeCount ? selection : null
+  } catch {
+    return null
+  }
+}
diff --git a/packages/extension-drag-handle/src/helpers/normalizeOptions.test.ts b/packages/extension-drag-handle/src/helpers/normalizeOptions.test.ts
new file mode 100644
index 0000000..1aaec3f
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/normalizeOptions.test.ts
@@ -0,0 +1,146 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { normalizeNestedOptions } from './normalizeOptions.js'
+import type { DragHandleRule } from '../types/rules.js'
+
+describe('normalizeNestedOptions', () => {
+  describe('disabled states', () => {
+    it('should return disabled config for undefined', () => {
+      const result = normalizeNestedOptions(undefined)
+
+      expect(result.enabled).toBe(false)
+      expect(result.rules).toEqual([])
+      expect(result.defaultRules).toBe(true)
+      expect(result.allowedContainers).toBeUndefined()
+      expect(result.edgeDetection.edges).toEqual([])
+    })
+
+    it('should return disabled config for false', () => {
+      const result = normalizeNestedOptions(false)
+
+      expect(result.enabled).toBe(false)
+      expect(result.rules).toEqual([])
+      expect(result.defaultRules).toBe(true)
+      expect(result.allowedContainers).toBeUndefined()
+      expect(result.edgeDetection.edges).toEqual([])
+    })
+  })
+
+  describe('simple enable', () => {
+    it('should return enabled config with defaults for true', () => {
+      const result = normalizeNestedOptions(true)
+
+      expect(result.enabled).toBe(true)
+      expect(result.rules).toEqual([])
+      expect(result.defaultRules).toBe(true)
+      expect(result.allowedContainers).toBeUndefined()
+      expect(result.edgeDetection).toEqual({
+        edges: ['left', 'top'],
+        threshold: 12,
+        strength: 500,
+      })
+    })
+  })
+
+  describe('custom config', () => {
+    it('should accept custom rules', () => {
+      const customRule: DragHandleRule = {
+        id: 'customRule',
+        evaluate: () => 0,
+      }
+
+      const result = normalizeNestedOptions({ rules: [customRule] })
+
+      expect(result.enabled).toBe(true)
+      expect(result.rules).toHaveLength(1)
+      expect(result.rules[0].id).toBe('customRule')
+    })
+
+    it('should accept defaultRules: false', () => {
+      const result = normalizeNestedOptions({ defaultRules: false })
+
+      expect(result.enabled).toBe(true)
+      expect(result.defaultRules).toBe(false)
+    })
+
+    it('should default defaultRules to true when not specified', () => {
+      const result = normalizeNestedOptions({})
+
+      expect(result.defaultRules).toBe(true)
+    })
+
+    it('should accept allowedContainers', () => {
+      const result = normalizeNestedOptions({
+        allowedContainers: ['bulletList', 'orderedList'],
+      })
+
+      expect(result.enabled).toBe(true)
+      expect(result.allowedContainers).toEqual(['bulletList', 'orderedList'])
+    })
+
+    it('should accept edge detection preset', () => {
+      const result = normalizeNestedOptions({ edgeDetection: 'right' })
+
+      expect(result.enabled).toBe(true)
+      expect(result.edgeDetection).toEqual({
+        edges: ['right', 'top'],
+        threshold: 12,
+        strength: 500,
+      })
+    })
+
+    it('should accept edge detection config object', () => {
+      const result = normalizeNestedOptions({
+        edgeDetection: { threshold: 20, strength: 250 },
+      })
+
+      expect(result.enabled).toBe(true)
+      expect(result.edgeDetection).toEqual({
+        edges: ['left', 'top'],
+        threshold: 20,
+        strength: 250,
+      })
+    })
+
+    it('should accept edge detection "none"', () => {
+      const result = normalizeNestedOptions({ edgeDetection: 'none' })
+
+      expect(result.enabled).toBe(true)
+      expect(result.edgeDetection).toEqual({
+        edges: [],
+        threshold: 0,
+        strength: 0,
+      })
+    })
+
+    it('should handle full custom config', () => {
+      const customRule: DragHandleRule = {
+        id: 'myRule',
+        evaluate: () => 100,
+      }
+
+      const result = normalizeNestedOptions({
+        rules: [customRule],
+        defaultRules: false,
+        allowedContainers: ['taskList'],
+        edgeDetection: { edges: ['bottom'], threshold: 50, strength: 1000 },
+      })
+
+      expect(result.enabled).toBe(true)
+      expect(result.rules).toEqual([customRule])
+      expect(result.defaultRules).toBe(false)
+      expect(result.allowedContainers).toEqual(['taskList'])
+      expect(result.edgeDetection).toEqual({
+        edges: ['bottom'],
+        threshold: 50,
+        strength: 1000,
+      })
+    })
+
+    it('should default rules to empty array when not specified', () => {
+      const result = normalizeNestedOptions({ edgeDetection: 'both' })
+
+      expect(result.rules).toEqual([])
+    })
+  })
+})
diff --git a/packages/extension-drag-handle/src/helpers/normalizeOptions.ts b/packages/extension-drag-handle/src/helpers/normalizeOptions.ts
new file mode 100644
index 0000000..7fa28de
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/normalizeOptions.ts
@@ -0,0 +1,50 @@
+import type { NestedOptions, NormalizedNestedOptions } from '../types/options.js'
+import { normalizeEdgeDetection } from './edgeDetection.js'
+
+/**
+ * Normalizes the nested options input into a complete configuration object.
+ *
+ * @param input - The nested option (boolean, object, or undefined)
+ * @returns A fully normalized options object
+ *
+ * @example
+ * // Simple enable
+ * normalizeNestedOptions(true)
+ * // Returns: { enabled: true, rules: [], defaultRules: true, ... }
+ *
+ * @example
+ * // Custom config
+ * normalizeNestedOptions({ rules: [myRule], edgeDetection: 'none' })
+ * // Returns: { enabled: true, rules: [myRule], edgeDetection: { edges: [], ... } }
+ */
+export function normalizeNestedOptions(
+  input: boolean | NestedOptions | undefined,
+): NormalizedNestedOptions {
+  if (input === false || input === undefined) {
+    return {
+      enabled: false,
+      rules: [],
+      defaultRules: true,
+      allowedContainers: undefined,
+      edgeDetection: normalizeEdgeDetection('none'),
+    }
+  }
+
+  if (input === true) {
+    return {
+      enabled: true,
+      rules: [],
+      defaultRules: true,
+      allowedContainers: undefined,
+      edgeDetection: normalizeEdgeDetection('left'),
+    }
+  }
+
+  return {
+    enabled: true,
+    rules: input.rules ?? [],
+    defaultRules: input.defaultRules ?? true,
+    allowedContainers: input.allowedContainers,
+    edgeDetection: normalizeEdgeDetection(input.edgeDetection),
+  }
+}
diff --git a/packages/extension-drag-handle/src/helpers/removeNode.ts b/packages/extension-drag-handle/src/helpers/removeNode.ts
new file mode 100644
index 0000000..b87e2b8
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/removeNode.ts
@@ -0,0 +1,3 @@
+export function removeNode(node: HTMLElement) {
+  node.parentNode?.removeChild(node)
+}
diff --git a/packages/extension-drag-handle/src/helpers/scoring.test.ts b/packages/extension-drag-handle/src/helpers/scoring.test.ts
new file mode 100644
index 0000000..35392da
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/scoring.test.ts
@@ -0,0 +1,258 @@
+import type { Node as PMNode, ResolvedPos } from '@tiptap/pm/model'
+import type { EditorView } from '@tiptap/pm/view'
+import { describe, expect, it, vi } from 'vite-plus/test'
+
+import { BASE_SCORE, calculateScore } from './scoring.js'
+import type { EdgeDetectionConfig } from '../types/options.js'
+import type { DragHandleRule, RuleContext } from '../types/rules.js'
+
+/**
+ * Creates a mock RuleContext for testing.
+ */
+function createMockContext(overrides: Partial<RuleContext> = {}): RuleContext {
+  const mockNode = {
+    type: { name: 'paragraph' },
+    isInline: false,
+    isText: false,
+  } as unknown as PMNode
+
+  const mockView = {
+    nodeDOM: vi.fn(() => null),
+  } as unknown as EditorView
+
+  return {
+    node: mockNode,
+    pos: 0,
+    depth: 1,
+    parent: null,
+    index: 0,
+    isFirst: true,
+    isLast: true,
+    $pos: {} as ResolvedPos,
+    view: mockView,
+    ...overrides,
+  }
+}
+
+describe('BASE_SCORE', () => {
+  it('should be 1000', () => {
+    expect(BASE_SCORE).toBe(1000)
+  })
+})
+
+describe('calculateScore', () => {
+  const defaultEdgeConfig: EdgeDetectionConfig = {
+    edges: [],
+    threshold: 0,
+    strength: 0,
+  }
+
+  const defaultCoords = { x: 100, y: 100 }
+
+  describe('without rules', () => {
+    it('should return base score when no rules are applied', () => {
+      const context = createMockContext()
+      const result = calculateScore(context, [], defaultEdgeConfig, defaultCoords)
+
+      expect(result).toBe(BASE_SCORE)
+    })
+  })
+
+  describe('with rules', () => {
+    it('should apply single rule deduction', () => {
+      const context = createMockContext()
+      const rules: DragHandleRule[] = [{ id: 'test', evaluate: () => 100 }]
+
+      const result = calculateScore(context, rules, defaultEdgeConfig, defaultCoords)
+
+      expect(result).toBe(900) // 1000 - 100
+    })
+
+    it('should apply multiple rule deductions', () => {
+      const context = createMockContext()
+      const rules: DragHandleRule[] = [
+        { id: 'rule1', evaluate: () => 100 },
+        { id: 'rule2', evaluate: () => 200 },
+      ]
+
+      const result = calculateScore(context, rules, defaultEdgeConfig, defaultCoords)
+
+      expect(result).toBe(700) // 1000 - 100 - 200
+    })
+
+    it('should return -1 when score drops to 0 or below', () => {
+      const context = createMockContext()
+      const rules: DragHandleRule[] = [{ id: 'exclude', evaluate: () => 1000 }]
+
+      const result = calculateScore(context, rules, defaultEdgeConfig, defaultCoords)
+
+      expect(result).toBe(-1)
+    })
+
+    it('should return -1 when score goes negative', () => {
+      const context = createMockContext()
+      const rules: DragHandleRule[] = [{ id: 'exclude', evaluate: () => 1500 }]
+
+      const result = calculateScore(context, rules, defaultEdgeConfig, defaultCoords)
+
+      expect(result).toBe(-1)
+    })
+
+    it('should stop evaluating rules after exclusion', () => {
+      const context = createMockContext()
+      const secondRuleEvaluate = vi.fn(() => 100)
+      const rules: DragHandleRule[] = [
+        { id: 'exclude', evaluate: () => 1000 },
+        { id: 'second', evaluate: secondRuleEvaluate },
+      ]
+
+      calculateScore(context, rules, defaultEdgeConfig, defaultCoords)
+
+      expect(secondRuleEvaluate).not.toHaveBeenCalled()
+    })
+
+    it('should support negative deductions (score boosts)', () => {
+      const context = createMockContext()
+      const rules: DragHandleRule[] = [{ id: 'boost', evaluate: () => -200 }]
+
+      const result = calculateScore(context, rules, defaultEdgeConfig, defaultCoords)
+
+      expect(result).toBe(1200) // 1000 - (-200) = 1200
+    })
+
+    it('should pass context to rule evaluate function', () => {
+      const mockNode = {
+        type: { name: 'heading' },
+        isInline: false,
+        isText: false,
+      } as unknown as PMNode
+
+      const context = createMockContext({
+        node: mockNode,
+        depth: 2,
+        isFirst: false,
+      })
+
+      const evaluateFn = vi.fn(() => 0)
+      const rules: DragHandleRule[] = [{ id: 'test', evaluate: evaluateFn }]
+
+      calculateScore(context, rules, defaultEdgeConfig, defaultCoords)
+
+      expect(evaluateFn).toHaveBeenCalledWith(context)
+    })
+  })
+
+  describe('with edge detection', () => {
+    it('should apply edge deduction when near edge', () => {
+      const mockElement = {
+        getBoundingClientRect: () => ({
+          left: 50,
+          right: 250,
+          top: 50,
+          bottom: 150,
+          width: 200,
+          height: 100,
+          x: 50,
+          y: 50,
+          toJSON: () => ({}),
+        }),
+      }
+
+      const mockView = {
+        nodeDOM: vi.fn(() => mockElement),
+      } as unknown as EditorView
+
+      const context = createMockContext({
+        view: mockView,
+        depth: 2,
+      })
+
+      const edgeConfig: EdgeDetectionConfig = {
+        edges: ['left'],
+        threshold: 100, // Large threshold to ensure we're "near" the edge
+        strength: 500,
+      }
+
+      // Cursor at x=100, element left at 50, so distance is 50 which is < 100 threshold
+      const result = calculateScore(context, [], edgeConfig, { x: 100, y: 100 })
+
+      // Should deduct strength * depth = 500 * 2 = 1000, resulting in score 0
+      // Score <= 0 returns -1 for consistency with rule-based exclusion
+      expect(result).toBe(-1)
+    })
+
+    it('should not apply edge deduction when not near edge', () => {
+      const mockElement = {
+        getBoundingClientRect: () => ({
+          left: 50,
+          right: 250,
+          top: 50,
+          bottom: 150,
+          width: 200,
+          height: 100,
+          x: 50,
+          y: 50,
+          toJSON: () => ({}),
+        }),
+      }
+
+      const mockView = {
+        nodeDOM: vi.fn(() => mockElement),
+      } as unknown as EditorView
+
+      const context = createMockContext({
+        view: mockView,
+        depth: 2,
+      })
+
+      const edgeConfig: EdgeDetectionConfig = {
+        edges: ['left'],
+        threshold: 10, // Small threshold
+        strength: 500,
+      }
+
+      // Cursor at x=150, element left at 50, distance is 100 which is > 10 threshold
+      const result = calculateScore(context, [], edgeConfig, { x: 150, y: 100 })
+
+      expect(result).toBe(BASE_SCORE) // No deduction
+    })
+
+    it('should combine rule deductions with edge deductions', () => {
+      const mockElement = {
+        getBoundingClientRect: () => ({
+          left: 50,
+          right: 250,
+          top: 50,
+          bottom: 150,
+          width: 200,
+          height: 100,
+          x: 50,
+          y: 50,
+          toJSON: () => ({}),
+        }),
+      }
+
+      const mockView = {
+        nodeDOM: vi.fn(() => mockElement),
+      } as unknown as EditorView
+
+      const context = createMockContext({
+        view: mockView,
+        depth: 1,
+      })
+
+      const rules: DragHandleRule[] = [{ id: 'test', evaluate: () => 100 }]
+
+      const edgeConfig: EdgeDetectionConfig = {
+        edges: ['left'],
+        threshold: 100,
+        strength: 200,
+      }
+
+      const result = calculateScore(context, rules, edgeConfig, { x: 100, y: 100 })
+
+      // 1000 - 100 (rule) - 200 (edge: 200 * 1) = 700
+      expect(result).toBe(700)
+    })
+  })
+})
diff --git a/packages/extension-drag-handle/src/helpers/scoring.ts b/packages/extension-drag-handle/src/helpers/scoring.ts
new file mode 100644
index 0000000..5c8ea21
--- /dev/null
+++ b/packages/extension-drag-handle/src/helpers/scoring.ts
@@ -0,0 +1,56 @@
+import type { EdgeDetectionConfig } from '../types/options.js'
+import type { DragHandleRule, RuleContext } from '../types/rules.js'
+import { calculateEdgeDeduction } from './edgeDetection.js'
+
+/**
+ * Base score for all nodes. Rules deduct from this score.
+ * A node with score <= 0 is excluded from being a drag target.
+ */
+export const BASE_SCORE = 1000
+
+/**
+ * Calculates the drag target score for a node.
+ * Higher score = more likely to be selected.
+ *
+ * @param context - The rule context containing node information
+ * @param rules - The rules to apply
+ * @param edgeConfig - The edge detection configuration
+ * @param coords - The cursor coordinates
+ * @returns The calculated score, or -1 if the node is excluded
+ */
+export function calculateScore(
+  context: RuleContext,
+  rules: DragHandleRule[],
+  edgeConfig: EdgeDetectionConfig,
+  coords: { x: number; y: number },
+): number {
+  let score = BASE_SCORE
+  let excluded = false
+
+  rules.every(rule => {
+    const deduction = rule.evaluate(context)
+
+    score -= deduction
+
+    if (score <= 0) {
+      excluded = true
+      return false
+    }
+
+    return true
+  })
+
+  if (excluded) {
+    return -1
+  }
+
+  const dom = context.view.nodeDOM(context.pos) as HTMLElement | null
+
+  score -= calculateEdgeDeduction(coords, dom, edgeConfig, context.depth)
+
+  if (score <= 0) {
+    return -1
+  }
+
+  return score
+}
diff --git a/packages/extension-drag-handle/src/index.ts b/packages/extension-drag-handle/src/index.ts
new file mode 100644
index 0000000..f75c4d6
--- /dev/null
+++ b/packages/extension-drag-handle/src/index.ts
@@ -0,0 +1,15 @@
+import { DragHandle } from './drag-handle.js'
+
+export * from './drag-handle.js'
+export * from './drag-handle-plugin.js'
+export { defaultRules } from './helpers/defaultRules.js'
+export { normalizeNestedOptions } from './helpers/normalizeOptions.js'
+export type {
+  EdgeDetectionConfig,
+  EdgeDetectionPreset,
+  NestedOptions,
+  NormalizedNestedOptions,
+} from './types/options.js'
+export type { DragHandleRule, RuleContext } from './types/rules.js'
+
+export default DragHandle
diff --git a/packages/extension-drag-handle/src/types/options.ts b/packages/extension-drag-handle/src/types/options.ts
new file mode 100644
index 0000000..745893d
--- /dev/null
+++ b/packages/extension-drag-handle/src/types/options.ts
@@ -0,0 +1,365 @@
+import type { DragHandleRule } from './rules.js'
+
+/**
+ * Edge detection presets for common use cases.
+ *
+ * Edge detection helps you grab parent containers (lists, blockquotes, etc.)
+ * by moving the cursor near the edge of a nested element. When the cursor is
+ * within the `threshold` zone of a configured edge, the scoring system deducts
+ * `strength * depth` from deeper nodes, making the outer container the easier
+ * target.
+ *
+ * In short: cursor near edge prefers parent; cursor centered prefers child.
+ *
+ * @example
+ * // Left/top edges, natural for LTR layouts (default)
+ * DragHandle.configure({
+ *   nested: {
+ *     edgeDetection: 'left',
+ *   },
+ * })
+ *
+ * @example
+ * // Right/top edges, for RTL layouts
+ * DragHandle.configure({
+ *   nested: {
+ *     edgeDetection: 'right',
+ *   },
+ * })
+ *
+ * @example
+ * // No edge detection, cursor position does not affect scoring
+ * DragHandle.configure({
+ *   nested: {
+ *     edgeDetection: 'none',
+ *   },
+ * })
+ */
+export type EdgeDetectionPreset =
+  | 'left' // Prefer parent when cursor near left or top edge (LTR default)
+  | 'right' // Prefer parent when cursor near right or top edge (RTL support)
+  | 'both' // Prefer parent when cursor near any horizontal edge or top edge
+  | 'none' // Disable edge detection entirely, cursor position does not affect scoring
+
+/**
+ * Advanced edge detection configuration for fine-grained control.
+ *
+ * Use this interface when the preset strings (\`'left'\`, \`'right'\`, etc.) aren't
+ * enough and you need to customize **which edges**, **how wide the zone is**,
+ * or **how aggressive** the parent preference should be.
+ *
+ * Most users should use \`EdgeDetectionPreset\` strings instead of this interface.
+ * Only reach for this when you need precise control.
+ *
+ * @example
+ * // Wider edge zone, gentler deduction, top/bottom edges only
+ * DragHandle.configure({
+ *   nested: {
+ *     edgeDetection: {
+ *       edges: ['top', 'bottom'],
+ *       threshold: 24,
+ *       strength: 300,
+ *     },
+ *   },
+ * })
+ *
+ * @example
+ * // Aggressive left-edge only: narrow zone, strong deduction
+ * DragHandle.configure({
+ *   nested: {
+ *     edgeDetection: {
+ *       edges: ['left'],
+ *       threshold: 8,
+ *       strength: 800,
+ *     },
+ *   },
+ * })
+ */
+export interface EdgeDetectionConfig {
+  /**
+   * Which edges trigger parent preference.
+   * - `'left'`: Cursor within threshold pixels of the element's left edge
+   * - `'right'`: Cursor within threshold pixels of the element's right edge
+   * - `'top'`: Cursor within threshold pixels of the element's top edge
+   * - `'bottom'`: Cursor within threshold pixels of the element's bottom edge
+   *
+   * @default ['left', 'top']
+   */
+  edges: Array<'left' | 'right' | 'top' | 'bottom'>
+
+  /**
+   * Distance in pixels from the element edge that triggers the deduction.
+   *
+   * Think of this as the size of an invisible "edge zone" around the element.
+   * When the cursor is inside this zone, `strength * depth` is deducted from
+   * deeper nodes, making parent containers easier to grab.
+   *
+   * - **Higher value** (e.g., 24): The zone is wider, edge detection triggers
+   *   even when the cursor is relatively far from the element's edge. Parent
+   *   selection feels more "eager."
+   * - **Lower value** (e.g., 6): The zone is narrower, the cursor must be
+   *   very close to the edge before parent preference kicks in. You need to be
+   *   more deliberate to grab a parent container.
+   *
+   * @example
+   * // threshold: 12 means the cursor must be within 12px of the edge
+   * // threshold: 24 doubles the trigger zone
+   *
+   * @default 12
+   */
+  threshold: number
+
+  /**
+   * How strongly to prefer parent nodes near edges (higher = stronger preference).
+   *
+   * The deduction formula is: `strength * depth`. This means the penalty grows
+   * linearly with nesting depth, making deeply nested children less attractive
+   * targets when you're near an edge, exactly what you want when trying to
+   * grab the outer list rather than the inner paragraph.
+   *
+   * **Visual guide, default strength (500):**
+   * ```
+   * Depth | Deduction | Eligible?
+   * ──────┼───────────┼──────────
+   *   1   |    500    │ Yes, still a valid target
+   *   2   |   1000    │ No, penalty matches base score
+   *   3   |   1500    │ No, penalty exceeds base score
+   *   4   |   2000    │ No, deeply buried
+   * ```
+   *
+   * **Lower strength (200):**
+   * ```
+   * Depth | Deduction | Eligible?
+   * ──────┼───────────┼──────────
+   *   1   |    200    │ Yes
+   *   2   |    400    │ Yes
+   *   3   |    600    │ Yes
+   *   4   |    800    │ Yes (but parent still preferred)
+   *   5   |   1000    │ No, excluded at threshold
+   * ```
+   * Good when you want edge detection to nudge toward parents without
+   * excluding typical nesting depths.
+   *
+   * **Higher strength (1000):**
+   * ```
+   * Depth | Deduction | Eligible?
+   * ──────┼───────────┼──────────
+   *   1   |   1000    │ No, excluded at threshold
+   * ```
+   * Every non-doc candidate near the edge is excluded from being a drag
+   * target. Use when you want edge detection to completely disable nested
+   * dragging near the edges and force root-level handles.
+   *
+   * @default 500
+   */
+  strength: number
+}
+
+/**
+ * Configuration for nested drag handle behavior.
+ *
+ * When enabled, the drag handle can target nodes at any depth in the document
+ * tree (not just top-level blocks). A rule-based scoring system evaluates all
+ * ancestor nodes at the cursor position and selects the best drag target.
+ *
+ * **How the scoring works:**
+ * 1. Each ancestor node at the cursor position starts with a base score of 1000
+ * 2. Default rules are applied first (subtracting deductions for lists, tables, etc.)
+ * 3. Your custom rules are applied next (for app-specific logic)
+ * 4. Edge detection adds a final deduction (`strength * depth`) when near element edges
+ * 5. The highest-scoring node wins; ties are broken by depth (deeper nodes win)
+ * 6. Any node with a score of 0 or below is excluded as a drag target
+ *
+ * @example
+ * // Simple enable with sensible defaults
+ * DragHandle.configure({
+ *   nested: true,
+ * })
+ *
+ * @example
+ * // Full custom configuration
+ * DragHandle.configure({
+ *   nested: {
+ *     defaultRules: true,
+ *     allowedContainers: ['bulletList', 'orderedList', 'blockquote'],
+ *     edgeDetection: 'left',
+ *     rules: [
+ *       {
+ *         id: 'myCustomRule',
+ *         evaluate: ({ node }) =>
+ *           node.type.name === 'myCustomBlock' ? 1000 : 0,
+ *       },
+ *     ],
+ *   },
+ * })
+ */
+export interface NestedOptions {
+  /**
+   * Custom rules that determine which nodes are draggable.
+   *
+   * Rules are evaluated AFTER the default rules. Each rule receives a
+   * `RuleContext` and returns a score deduction:
+   * - `0`: No effect, node remains fully eligible
+   * - `1-999`: Partial deduction, node is less preferred but still eligible
+   * - `>= 1000`: Node is **excluded** from being a drag target
+   *
+   * Common use cases for custom rules:
+   * - Exclude specific node types from being draggable
+   * - Deprioritize certain nodes with partial deductions
+   * - Scope dragging to specific document structures
+   *
+   * @example
+   * // Exclude code blocks from being draggable
+   * rules: [
+   *   {
+   *     id: 'excludeCodeBlocks',
+   *     evaluate: ({ node }) =>
+   *       node.type.name === 'codeBlock' ? 1000 : 0,
+   *   },
+   * ]
+   *
+   * @example
+   * // Inside a custom "question" block, only allow dragging "alternative" children
+   * rules: [
+   *   {
+   *     id: 'onlyAlternatives',
+   *     evaluate: ({ node, parent }) => {
+   *       if (parent?.type.name === 'question') {
+   *         return node.type.name === 'alternative' ? 0 : 1000
+   *       }
+   *       return 0
+   *     },
+   *   },
+   * ]
+   *
+   * @example
+   * // Deprioritize deeper nodes with partial deduction
+   * rules: [
+   *   {
+   *     id: 'preferShallow',
+   *     evaluate: ({ depth }) => depth * 100,
+   *   },
+   * ]
+   */
+  rules?: DragHandleRule[]
+
+  /**
+   * Whether to include the built-in default rules before your custom rules.
+   *
+   * The default rules handle common editor patterns:
+   * - \`listItemFirstChild\` -- Excludes the first child of listItem/taskItem
+   *   (the content paragraph), so the list item itself is the drag target
+   * - \`listWrapperDeprioritize\` -- Excludes bulletList/orderedList wrappers,
+   *   so individual list items are the default drag target
+   * - \`tableStructure\` -- Excludes tableRow, tableCell, tableHeader from dragging
+   *   (table extensions handle their own drag behavior)
+   * - \`inlineContent\` -- Excludes inline nodes and text from being drag targets
+   *
+   * Set to `false` to disable all default rules and use only your custom `rules`.
+   * This is useful when the default behavior conflicts with your custom setup.
+   *
+   * @default true
+   *
+   * @example
+   * // Use only your own rule, no defaults
+   * nested: {
+   *   defaultRules: false,
+   *   rules: [{
+   *     id: 'onlyParagraphs',
+   *     evaluate: ({ node }) =>
+   *       node.type.name === 'paragraph' ? 0 : 1000,
+   *   }],
+   * }
+   */
+  defaultRules?: boolean
+
+  /**
+   * Restrict nested drag handles to specific container node types.
+   *
+   * When set, nested dragging only activates when the cursor is inside one of
+   * the specified node types (at any ancestor level). When the cursor is
+   * outside these containers, the drag handle hides entirely for nested
+   * content positioned inside those regions.
+   *
+   * This is useful for scoping nested drag handles to specific editor regions
+   * (e.g., lists and blockquotes) while keeping simpler blocks (headings,
+   * paragraphs) working with only top-level handles.
+   *
+   * @example
+   * // Only enable nested dragging inside lists
+   * allowedContainers: ['bulletList', 'orderedList']
+   *
+   * @example
+   * // Enable nested dragging inside lists and blockquotes
+   * allowedContainers: ['bulletList', 'orderedList', 'blockquote']
+   */
+  allowedContainers?: string[]
+
+  /**
+   * Controls when the drag handle prefers a parent node over a deeply nested
+   * child node, based on cursor proximity to element edges.
+   *
+   * When the cursor is near a configured edge of a nested element, the scoring
+   * system deducts \`strength * depth\` from deeper nodes, making the parent
+   * container (like an entire list) easier to grab.
+   *
+   * **Presets (quick and simple):**
+   * - `'left'` (default): Cursor near left or top edge → prefer parent (LTR)
+   * - `'right'`: Cursor near right or top edge → prefer parent (RTL)
+   * - `'both'`: Cursor near left, right, or top edge → prefer parent
+   * - \`'none'\`: Disabled, cursor position does not affect scoring at all
+   *
+   * **Fine-tuned object (full control):**
+   * Pass a partial `EdgeDetectionConfig` to override only what you need:
+   * - `edges`: Which element edges trigger parent preference (default: `['left', 'top']`)
+   * - `threshold`: Width of the edge zone in pixels (default: `12`). Higher = easier to trigger.
+   * - `strength`: Deduction multiplier per depth level (default: `500`). Higher = stronger parent preference.
+   *
+   * The effective deduction when near an edge is `strength * depth`, so deeper
+   * nesting always gets penalized more, you naturally grab the outer wrapper.
+   *
+   * @default 'left'
+   *
+   * @example
+   * // Just widen the trigger zone to 24px
+   * edgeDetection: { threshold: 24 }
+   *
+   * @example
+   * // Top/bottom edges only, very aggressive parent preference
+   * edgeDetection: {
+   *   edges: ['top', 'bottom'],
+   *   threshold: 30,
+   *   strength: 1000,
+   * }
+   *
+   * @example
+   * // Gentle edge detection, nudges toward parents without blocking typical depths
+   * edgeDetection: {
+   *   threshold: 6,
+   *   strength: 200,
+   * }
+   */
+  edgeDetection?: EdgeDetectionPreset | Partial<EdgeDetectionConfig>
+}
+
+/**
+ * Fully resolved nested drag handle options after normalization.
+ * Produced by `normalizeNestedOptions()` from user-provided `NestedOptions`
+ * or a boolean flag. This is the internal representation consumed by the plugin.
+ */
+export interface NormalizedNestedOptions {
+  /** Whether nested drag handles are enabled */
+  enabled: boolean
+
+  /** Custom rules to apply (combined with default rules if `defaultRules` is true) */
+  rules: DragHandleRule[]
+
+  /** Whether the built-in default rules are included alongside custom rules */
+  defaultRules: boolean
+
+  /** Allowed container node types, or `undefined` to allow all containers */
+  allowedContainers: string[] | undefined
+
+  /** Fully resolved edge detection configuration with all defaults applied */
+  edgeDetection: EdgeDetectionConfig
+}
diff --git a/packages/extension-drag-handle/src/types/rules.ts b/packages/extension-drag-handle/src/types/rules.ts
new file mode 100644
index 0000000..b75a6e6
--- /dev/null
+++ b/packages/extension-drag-handle/src/types/rules.ts
@@ -0,0 +1,116 @@
+import type { Node as PMNode, ResolvedPos } from '@tiptap/pm/model'
+import type { EditorView } from '@tiptap/pm/view'
+
+/**
+ * Context provided to each rule evaluation function.
+ *
+ * Contains information about the node being evaluated and its position in the
+ * ProseMirror document tree. This is the full context available for making
+ * scoring decisions in custom `DragHandleRule` implementations.
+ *
+ * @example
+ * // Typical usage in a custom rule
+ * evaluate: ({ node, parent, depth, isFirst }) => {
+ *   if (parent?.type.name === 'listItem' && isFirst) {
+ *     return 1000 // exclude first child of list items
+ *   }
+ *   if (depth > 3) {
+ *     return depth * 200 // deprioritize deep nesting
+ *   }
+ *   return 0
+ * }
+ */
+export interface RuleContext {
+  /** The ProseMirror node being evaluated as a potential drag target */
+  node: PMNode
+
+  /** Absolute position of the node in the document */
+  pos: number
+
+  /**
+   * Depth in the document tree (0 = document root).
+   * A paragraph inside a listItem inside a bulletList has depth 3.
+   */
+  depth: number
+
+  /**
+   * Parent node of the node being evaluated.
+   * `null` if the node is the document root (depth 0).
+   */
+  parent: PMNode | null
+
+  /** This node's index among its parent's children (0-based) */
+  index: number
+
+  /** Convenience: `true` when this node is the first child of its parent (index === 0) */
+  isFirst: boolean
+
+  /** Convenience: `true` when this node is the last child of its parent */
+  isLast: boolean
+
+  /**
+   * The resolved position for advanced ProseMirror queries.
+   * Allows access to ancestor nodes, child nodes, and document structure
+   * beyond the current node.
+   */
+  $pos: ResolvedPos
+
+  /**
+   * The editor view for DOM access if needed in custom rules.
+   * Can be used to access the editor DOM element, measure dimensions, etc.
+   */
+  view: EditorView
+}
+
+/**
+ * A rule that determines whether a node should be a drag target.
+ *
+ * Each rule receives a `RuleContext` and returns a numeric deduction.
+ * Multiple rules are evaluated in sequence; the total deduction is subtracted
+ * from the node's base score (1000). If the score drops to 0 or below,
+ * the node is excluded as a drag target.
+ */
+export interface DragHandleRule {
+  /**
+   * Unique identifier for debugging and rule management.
+   * Choose a descriptive name that explains what the rule does.
+   */
+  id: string
+
+  /**
+   * Evaluate the node and return a score deduction.
+   *
+   * The return value is subtracted from the node's base score (1000).
+   * Higher deductions make the node less likely to be selected.
+   *
+   * @returns A number representing the score deduction:
+   *   - `0` - No deduction, node remains fully eligible
+   *   - `1-999` - Partial deduction, node is less preferred but still eligible
+   *   - `>= 1000` - Node is excluded from being a drag target
+   *
+   * @example
+   * // Exclude first child in list items
+   * evaluate: ({ parent, isFirst }) => {
+   *   if (isFirst && parent?.type.name === 'listItem') {
+   *     return 1000 // Exclude
+   *   }
+   *   return 0
+   * }
+   *
+   * @example
+   * // Prefer shallower nodes with partial deduction
+   * evaluate: ({ depth }) => {
+   *   return depth * 50
+   * }
+   *
+   * @example
+   * // Context-based partial deductions
+   * evaluate: ({ node, parent }) => {
+   *   if (parent?.type.name === 'tableCell') {
+   *     return node.type.name === 'paragraph' ? 100 : 0
+   *   }
+   *   return 0
+   * }
+   */
+  evaluate: (context: RuleContext) => number
+}
diff --git a/packages/extension-drag-handle/vite.config.ts b/packages/extension-drag-handle/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-drag-handle/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-emoji/CHANGELOG.md b/packages/extension-emoji/CHANGELOG.md
new file mode 100644
index 0000000..b0d1d4b
--- /dev/null
+++ b/packages/extension-emoji/CHANGELOG.md
@@ -0,0 +1,1201 @@
+# @tiptap/extension-emoji
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/suggestion@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/suggestion@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/suggestion@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+  - @tiptap/suggestion@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+- @tiptap/suggestion@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+- @tiptap/suggestion@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+  - @tiptap/suggestion@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+- @tiptap/suggestion@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+- @tiptap/suggestion@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/suggestion@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- eb19977: Fix arrow key navigation past emoji nodes in Firefox. Previously, pressing ArrowLeft with the cursor adjacent to an inline non-selectable emoji node at a paragraph boundary would not move the cursor in Firefox. The cursor now correctly skips over emoji nodes in both directions.
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+  - @tiptap/suggestion@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+- @tiptap/suggestion@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6270b99]
+- Updated dependencies [6d12bb9]
+- Updated dependencies [6270b99]
+- Updated dependencies [6270b99]
+- Updated dependencies [6270b99]
+  - @tiptap/core@3.27.0
+  - @tiptap/suggestion@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+- @tiptap/suggestion@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+- @tiptap/suggestion@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+  - @tiptap/suggestion@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+  - @tiptap/suggestion@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/suggestion@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/suggestion@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+- @tiptap/suggestion@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+- @tiptap/suggestion@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/suggestion@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+- @tiptap/suggestion@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/suggestion@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/suggestion@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+  - @tiptap/suggestion@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/suggestion@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/suggestion@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/suggestion@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- 9124bc3: Use a named import for Suggestion from `@tiptap/suggestion` to avoid bundler ESM/CJS interop
+  wrapping (`__toESM`) that caused CJS consumers to receive a module object instead of the
+  callable plugin factory.
+
+  This is a non-breaking internal fix identical to the one applied to `@tiptap/extension-mention`
+  in #6994.
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [7f6d63c]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/suggestion@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- aa6062e: Update emoji dataset to include latest Unicode emojis.
+  - @tiptap/core@3.21.0
+  - @tiptap/pm@3.21.0
+  - @tiptap/suggestion@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+- @tiptap/suggestion@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+- @tiptap/suggestion@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/suggestion@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/suggestion@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/suggestion@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/suggestion@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/suggestion@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+- @tiptap/suggestion@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+- @tiptap/suggestion@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/suggestion@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/suggestion@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+- @tiptap/suggestion@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/suggestion@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+- @tiptap/suggestion@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- Updated dependencies [5cdcc9e]
+  - @tiptap/suggestion@3.15.1
+  - @tiptap/core@3.15.1
+  - @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/suggestion@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+- @tiptap/suggestion@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/suggestion@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+- @tiptap/suggestion@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/suggestion@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/suggestion@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/suggestion@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/suggestion@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+- @tiptap/suggestion@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+- @tiptap/suggestion@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/suggestion@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/suggestion@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+- @tiptap/suggestion@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+- @tiptap/suggestion@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/suggestion@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/suggestion@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+- @tiptap/suggestion@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/suggestion@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+- @tiptap/suggestion@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+- @tiptap/suggestion@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+- @tiptap/suggestion@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/suggestion@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+- @tiptap/suggestion@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+- @tiptap/suggestion@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/suggestion@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+- @tiptap/suggestion@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/suggestion@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+- @tiptap/suggestion@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+- @tiptap/suggestion@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/suggestion@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+- @tiptap/suggestion@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+- @tiptap/suggestion@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+- @tiptap/suggestion@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+- @tiptap/suggestion@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/suggestion@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- 82121b8: refactor: replace `map(...).flat()` with `flatMap` for simpler, more efficient array flattening
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/suggestion@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/suggestion@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/suggestion@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+- @tiptap/suggestion@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- Updated dependencies [59fb86f]
+  - @tiptap/suggestion@3.4.1
+  - @tiptap/core@3.4.1
+  - @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [3733bb9]
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+- Updated dependencies [90cbed5]
+  - @tiptap/suggestion@3.4.0
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- 03bf0ea: Preserve prefixes when replacing emoji shortcodes to avoid unintended conversions.
+
+  Previously, shortcodes such as `:x:` could be converted into emoji nodes even when part of a larger string (e.g., in URLs or other text). The paste handler now preserves prefixes, which helps prevent unwanted conversions in such cases, but does not specifically target URLs.
+
+  - @tiptap/core@3.3.1
+  - @tiptap/pm@3.3.1
+  - @tiptap/suggestion@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/suggestion@3.3.0
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+- @tiptap/suggestion@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/suggestion@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/suggestion@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- 43747ce: Fixed a problem where the emoji extension would interfer with editor's in composing mode (for example in IME conversion)
+  - @tiptap/core@3.1.0
+  - @tiptap/pm@3.1.0
+  - @tiptap/suggestion@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+- @tiptap/suggestion@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+- @tiptap/suggestion@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+- @tiptap/suggestion@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/suggestion@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+- @tiptap/suggestion@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/suggestion@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/suggestion@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+- @tiptap/suggestion@3.0.2
+
+## 3.0.1
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- 18c8717: Added alt tag to emoji extension
+- 746ed3a: Added `emoji` field to Tiptap storage interface
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [a80e62f]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [7eaa34d]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/suggestion@3.0.1
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+- @tiptap/suggestion@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- 746ed3a: Added `emoji` field to Tiptap storage interface
+- Updated dependencies [a80e62f]
+  - @tiptap/suggestion@3.0.0-beta.29
+  - @tiptap/core@3.0.0-beta.29
+  - @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+- @tiptap/suggestion@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/suggestion@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/suggestion@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/suggestion@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+- @tiptap/suggestion@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- 18c8717: Added alt tag to emoji extension
+  - @tiptap/core@3.0.0-beta.23
+  - @tiptap/pm@3.0.0-beta.23
+  - @tiptap/suggestion@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+- @tiptap/suggestion@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/suggestion@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+- @tiptap/suggestion@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/suggestion@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+- @tiptap/suggestion@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/suggestion@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/suggestion@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/suggestion@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/suggestion@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+- @tiptap/suggestion@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+- @tiptap/suggestion@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+- @tiptap/suggestion@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+- @tiptap/suggestion@3.0.0-beta.10
diff --git a/packages/extension-emoji/package.json b/packages/extension-emoji/package.json
new file mode 100644
index 0000000..21df298
--- /dev/null
+++ b/packages/extension-emoji/package.json
@@ -0,0 +1,62 @@
+{
+  "name": "@tiptap/extension-emoji",
+  "version": "3.30.3",
+  "description": "emoji extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev/api/nodes/emoji",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-emoji"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "emoji-regex": "^10.6.0",
+    "emojibase-data": "^17",
+    "is-emoji-supported": "^0.0.5"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "@tiptap/suggestion": "workspace:^",
+    "emoji-datasource": "^16.0.0",
+    "json5": "^2.2.3",
+    "tsm": "^2.3.0"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "@tiptap/suggestion": "workspace:*"
+  }
+}
diff --git a/packages/extension-emoji/src/emoji.test.ts b/packages/extension-emoji/src/emoji.test.ts
new file mode 100644
index 0000000..b7df580
--- /dev/null
+++ b/packages/extension-emoji/src/emoji.test.ts
@@ -0,0 +1,55 @@
+import { Editor } from '@tiptap/core'
+import StarterKit from '@tiptap/starter-kit'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+import { gitHubEmojis } from './data.js'
+import { Emoji, inputRegex, pasteRegex } from './emoji.js'
+
+describe('emoji extension', () => {
+  it('inputRegex matches typical shortcode', () => {
+    expect(':smile:').toMatch(inputRegex)
+  })
+
+  it('pasteRegex matches standalone shortcode', () => {
+    expect(':smile:').toMatch(pasteRegex)
+  })
+
+  it('pasteRegex does NOT match shortcode inside url-like text', () => {
+    // This should NOT match because the shortcode is part of a URL path
+    expect('https://example.com/:x:/sub/').not.toMatch(pasteRegex)
+  })
+
+  it('pasteRegex matches when preceded by space', () => {
+    expect(' test :smile: ').toMatch(pasteRegex)
+  })
+})
+
+describe('Emoji.setEmoji command', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [StarterKit, Emoji.configure({ emojis: gitHubEmojis, enableEmoticons: true })],
+      content: '<p></p>',
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('inserts an emoji node by name', () => {
+    editor.commands.setEmoji('zap')
+    const emoji = editor.view.dom.querySelector('[data-type="emoji"][data-name="zap"]')
+    expect(emoji).not.toBeNull()
+  })
+
+  it('renders the emoji as an inline node in the document', () => {
+    editor.commands.setEmoji('smile')
+    expect(editor.getHTML()).toContain('data-type="emoji"')
+    expect(editor.getHTML()).toContain('data-name="smile"')
+  })
+})
diff --git a/packages/extension-emoji/src/emoji.ts b/packages/extension-emoji/src/emoji.ts
new file mode 100644
index 0000000..2de751c
--- /dev/null
+++ b/packages/extension-emoji/src/emoji.ts
@@ -0,0 +1,553 @@
+import {
+  combineTransactionSteps,
+  escapeForRegEx,
+  findChildrenInRange,
+  getChangedRanges,
+  InputRule,
+  isFirefox,
+  mergeAttributes,
+  Node,
+  nodeInputRule,
+  PasteRule,
+} from '@tiptap/core'
+import type { Transaction } from '@tiptap/pm/state'
+import { Plugin, PluginKey, TextSelection } from '@tiptap/pm/state'
+import type { SuggestionOptions } from '@tiptap/suggestion'
+import { Suggestion } from '@tiptap/suggestion'
+import emojiRegex from 'emoji-regex'
+import { isEmojiSupported } from 'is-emoji-supported'
+
+import { emojis as defaultEmojis } from './data.js'
+import { emojiToShortcode } from './helpers/emojiToShortcode.js'
+import { removeDuplicates } from './helpers/removeDuplicates.js'
+import { shortcodeToEmoji } from './helpers/shortcodeToEmoji.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    emoji: {
+      /**
+       * Add an emoji
+       */
+      setEmoji: (shortcode: string) => ReturnType
+    }
+  }
+
+  interface Storage {
+    emoji: EmojiStorage
+  }
+}
+
+export type EmojiItem = {
+  /**
+   * A unique name of the emoji which will be stored as attribute
+   */
+  name: string
+  /**
+   * The emoji unicode character
+   */
+  emoji?: string
+  /**
+   * A list of unique shortcodes that are used by input rules to find the emoji
+   */
+  shortcodes: string[]
+  /**
+   * A list of tags that can help for searching emojis
+   */
+  tags: string[]
+  /**
+   * A name that can help to group emojis
+   */
+  group?: string
+  /**
+   * A list of unique emoticons
+   */
+  emoticons?: string[]
+  /**
+   * The unicode version the emoji was introduced
+   */
+  version?: number
+  /**
+   * A fallback image if the current system doesn't support the emoji or for custom emojis
+   */
+  fallbackImage?: string
+  /**
+   * Store some custom data
+   */
+  [key: string]: any
+}
+
+export type EmojiOptions = {
+  HTMLAttributes: Record<string, any>
+  emojis: EmojiItem[]
+  enableEmoticons: boolean
+  forceFallbackImages: boolean
+  suggestion: Omit<SuggestionOptions, 'editor'>
+}
+
+export type EmojiStorage = {
+  emojis: EmojiItem[]
+  isSupported: (item: EmojiItem) => boolean
+}
+
+export const EmojiSuggestionPluginKey = new PluginKey('emojiSuggestion')
+
+export const inputRegex = /:([a-zA-Z0-9_+-]+):$/
+
+export const pasteRegex = /(^|\s):([a-zA-Z0-9_+-]+):/g
+
+export const Emoji = Node.create<EmojiOptions, EmojiStorage>({
+  name: 'emoji',
+
+  inline: true,
+
+  group: 'inline',
+
+  selectable: false,
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+      emojis: defaultEmojis,
+      enableEmoticons: false,
+      forceFallbackImages: false,
+      suggestion: {
+        char: ':',
+        pluginKey: EmojiSuggestionPluginKey,
+        command: ({ editor, range, props }) => {
+          // increase range.to by one when the next node is of type "text"
+          // and starts with a space character
+          const nodeAfter = editor.view.state.selection.$to.nodeAfter
+          const overrideSpace = nodeAfter?.text?.startsWith(' ')
+
+          if (overrideSpace) {
+            range.to += 1
+          }
+
+          editor
+            .chain()
+            .focus()
+            .insertContentAt(range, [
+              {
+                type: this.name,
+                attrs: props,
+              },
+              {
+                type: 'text',
+                text: ' ',
+              },
+            ])
+            .command(({ tr, state }) => {
+              tr.setStoredMarks(state.doc.resolve(state.selection.to - 2).marks())
+              return true
+            })
+            .run()
+        },
+        allow: ({ state, range }) => {
+          const $from = state.doc.resolve(range.from)
+          const type = state.schema.nodes[this.name]
+          const allow = !!$from.parent.type.contentMatch.matchType(type)
+
+          return allow
+        },
+      },
+    }
+  },
+
+  addStorage() {
+    const { emojis } = this.options
+    const supportMap: Record<number, boolean> = removeDuplicates(emojis.map(item => item.version))
+      .filter(version => typeof version === 'number')
+      .reduce((versions, version) => {
+        const emoji = emojis.find(item => item.version === version && item.emoji)
+
+        return {
+          ...versions,
+          [version as number]: emoji ? isEmojiSupported(emoji.emoji as string) : false,
+        }
+      }, {})
+
+    return {
+      emojis: this.options.emojis,
+      isSupported: emojiItem => {
+        return emojiItem.version ? supportMap[emojiItem.version] : false
+      },
+    }
+  },
+
+  addAttributes() {
+    return {
+      name: {
+        default: null,
+        parseHTML: element => element.dataset.name,
+        renderHTML: attributes => ({
+          'data-name': attributes.name,
+        }),
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: `span[data-type="${this.name}"]`,
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes, node }) {
+    const emojiItem = shortcodeToEmoji(node.attrs.name, this.options.emojis)
+    const attributes = mergeAttributes(HTMLAttributes, this.options.HTMLAttributes, {
+      'data-type': this.name,
+    })
+
+    if (!emojiItem) {
+      return ['span', attributes, `:${node.attrs.name}:`]
+    }
+
+    const isSupported = this.storage.isSupported(emojiItem)
+    const hasEmoji = !!emojiItem?.emoji
+    const hasFallbackImage = !!emojiItem?.fallbackImage
+
+    const renderFallbackImage =
+      (this.options.forceFallbackImages && !hasEmoji) ||
+      (this.options.forceFallbackImages && hasFallbackImage) ||
+      (this.options.forceFallbackImages && !isSupported && hasFallbackImage) ||
+      ((!isSupported || !hasEmoji) && hasFallbackImage)
+
+    return [
+      'span',
+      attributes,
+      renderFallbackImage
+        ? [
+            'img',
+            {
+              src: emojiItem.fallbackImage,
+              draggable: 'false',
+              loading: 'lazy',
+              align: 'absmiddle',
+              alt: `${emojiItem.name} emoji`,
+            },
+          ]
+        : emojiItem.emoji || `:${emojiItem.shortcodes[0]}:`,
+    ]
+  },
+
+  renderText({ node }) {
+    const emojiItem = shortcodeToEmoji(node.attrs.name, this.options.emojis)
+
+    return emojiItem?.emoji || `:${node.attrs.name}:`
+  },
+
+  renderMarkdown: node => {
+    if (!node.attrs?.name) {
+      return ''
+    }
+
+    return `:${node.attrs.name}:`
+  },
+
+  addCommands() {
+    return {
+      setEmoji:
+        shortcode =>
+        ({ chain }) => {
+          const emojiItem = shortcodeToEmoji(shortcode, this.options.emojis)
+
+          if (!emojiItem) {
+            return false
+          }
+
+          chain()
+            .insertContent({
+              type: this.name,
+              attrs: {
+                name: emojiItem.name,
+              },
+            })
+            .command(({ tr, state }) => {
+              tr.setStoredMarks(state.doc.resolve(state.selection.to - 1).marks())
+              return true
+            })
+            .run()
+
+          return true
+        },
+    }
+  },
+
+  addInputRules() {
+    const inputRules: InputRule[] = []
+
+    inputRules.push(
+      new InputRule({
+        find: inputRegex,
+        handler: ({ range, match, chain }) => {
+          const name = match[1]
+
+          if (!shortcodeToEmoji(name, this.options.emojis)) {
+            return
+          }
+
+          chain()
+            .insertContentAt(range, {
+              type: this.name,
+              attrs: {
+                name,
+              },
+            })
+            .command(({ tr, state }) => {
+              tr.setStoredMarks(state.doc.resolve(state.selection.to - 1).marks())
+              return true
+            })
+            .run()
+        },
+      }),
+    )
+
+    if (this.options.enableEmoticons) {
+      // get the list of supported emoticons
+      const emoticons = this.options.emojis
+        .flatMap(item => item.emoticons)
+        .filter(item => item) as string[]
+
+      const emoticonRegex = new RegExp(
+        `(?:^|\\s)(${emoticons.map(item => escapeForRegEx(item)).join('|')}) $`,
+      )
+
+      inputRules.push(
+        nodeInputRule({
+          find: emoticonRegex,
+          type: this.type,
+          getAttributes: match => {
+            const emoji = this.options.emojis.find(item => item.emoticons?.includes(match[1]))
+
+            if (!emoji) {
+              return
+            }
+
+            return {
+              name: emoji.name,
+            }
+          },
+        }),
+      )
+    }
+
+    return inputRules
+  },
+
+  addPasteRules() {
+    return [
+      new PasteRule({
+        find: pasteRegex,
+        handler: ({ range, match, chain }) => {
+          // match[1] is the optional prefix (start or whitespace), match[2] is the shortcode name
+          const prefix = match[1] || ''
+          const name = match[2]
+
+          if (!shortcodeToEmoji(name, this.options.emojis)) {
+            return
+          }
+
+          // Replace only the shortcode portion (preserve the prefix)
+          const shortcodeFrom = range.from + prefix.length
+          const shortcodeTo = range.to
+
+          chain()
+            .insertContentAt(
+              { from: shortcodeFrom, to: shortcodeTo },
+              {
+                type: this.name,
+                attrs: {
+                  name,
+                },
+              },
+              {
+                updateSelection: false,
+              },
+            )
+            .command(({ tr, state }) => {
+              tr.setStoredMarks(state.doc.resolve(state.selection.to - 1).marks())
+              return true
+            })
+            .run()
+        },
+      }),
+    ]
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      Suggestion({
+        editor: this.editor,
+        ...this.options.suggestion,
+      }),
+
+      new Plugin({
+        key: new PluginKey('emoji'),
+        props: {
+          // Firefox cannot move the cursor past emoji nodes at paragraph
+          // boundaries using arrow keys. We intercept plain (unmodified)
+          // ArrowLeft/ArrowRight and manually resolve the correct position.
+          // Only handles emoji nodes — other inline non-selectable nodes
+          // (mentions, hard breaks) are out of scope for this extension.
+          // See: https://github.com/ProseMirror/prosemirror/issues/1220
+          handleKeyDown: (view, event) => {
+            if (!isFirefox()) {
+              return false
+            }
+
+            const isLeft = event.key === 'ArrowLeft'
+            const isRight = event.key === 'ArrowRight'
+
+            if (!isLeft && !isRight) {
+              return false
+            }
+
+            // Don't interfere with selection extension (Shift), word
+            // navigation (Ctrl/Alt), or OS shortcuts (Meta).
+            if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) {
+              return false
+            }
+
+            const { state } = view
+            const { selection } = state
+
+            if (!selection.empty || !(selection instanceof TextSelection)) {
+              return false
+            }
+
+            const $pos = selection.$from
+            const emojiType = this.type
+
+            if (isLeft) {
+              const nodeBefore = $pos.nodeBefore
+
+              if (!nodeBefore || nodeBefore.type !== emojiType) {
+                return false
+              }
+
+              // Cursor is right after an emoji node. Move past it to the left.
+              const newPos = $pos.pos - nodeBefore.nodeSize
+
+              if (newPos >= $pos.start()) {
+                view.dispatch(state.tr.setSelection(TextSelection.create(state.doc, newPos)))
+                return true
+              }
+            } else {
+              const nodeAfter = $pos.nodeAfter
+
+              if (!nodeAfter || nodeAfter.type !== emojiType) {
+                return false
+              }
+
+              // Cursor is right before an emoji node. Skip over it to the right.
+              const newPos = $pos.pos + nodeAfter.nodeSize
+
+              if (newPos <= $pos.end()) {
+                view.dispatch(state.tr.setSelection(TextSelection.create(state.doc, newPos)))
+                return true
+              }
+            }
+
+            return false
+          },
+
+          // double click to select emoji doesn't work by default
+          // that's why we simulate this behavior
+          handleDoubleClickOn: (view, pos, node) => {
+            if (node.type !== this.type) {
+              return false
+            }
+
+            const from = pos
+            const to = from + node.nodeSize
+
+            this.editor.commands.setTextSelection({
+              from,
+              to,
+            })
+
+            return true
+          },
+        },
+
+        // replace text emojis with emoji node on any change
+        appendTransaction: (transactions, oldState, newState) => {
+          // Skip processing during IME composition
+          if (this.editor.view.composing) {
+            return
+          }
+          const docChanges =
+            transactions.some(transaction => transaction.docChanged) &&
+            !oldState.doc.eq(newState.doc)
+
+          if (!docChanges) {
+            return
+          }
+
+          const { tr } = newState
+          const transform = combineTransactionSteps(oldState.doc, transactions as Transaction[])
+          const changes = getChangedRanges(transform)
+
+          changes.forEach(({ newRange }) => {
+            // We don’t want to add emoji inline nodes within code blocks.
+            // Because this would split the code block.
+
+            // This only works if the range of changes is within a code node.
+            // For all other cases (e.g. the whole document is set/pasted and the parent of the range is `doc`)
+            // it doesn't and we have to double check later.
+            if (newState.doc.resolve(newRange.from).parent.type.spec.code) {
+              return
+            }
+
+            const textNodes = findChildrenInRange(newState.doc, newRange, node => node.type.isText)
+
+            textNodes.forEach(({ node, pos }) => {
+              if (!node.text) {
+                return
+              }
+
+              const matches = [...node.text.matchAll(emojiRegex())]
+
+              matches.forEach(match => {
+                if (match.index === undefined) {
+                  return
+                }
+
+                const emoji = match[0]
+                const name = emojiToShortcode(emoji, this.options.emojis)
+
+                if (!name) {
+                  return
+                }
+
+                const from = tr.mapping.map(pos + match.index)
+
+                // Double check parent node is not a code block.
+                if (newState.doc.resolve(from).parent.type.spec.code) {
+                  return
+                }
+
+                const to = from + emoji.length
+                const emojiNode = this.type.create({
+                  name,
+                })
+
+                tr.replaceRangeWith(from, to, emojiNode)
+
+                tr.setStoredMarks(newState.doc.resolve(from).marks())
+              })
+            })
+          })
+
+          if (!tr.steps.length) {
+            return
+          }
+
+          return tr
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-emoji/src/generate.ts b/packages/extension-emoji/src/generate.ts
new file mode 100644
index 0000000..961a821
--- /dev/null
+++ b/packages/extension-emoji/src/generate.ts
@@ -0,0 +1,88 @@
+import dataSource from 'emoji-datasource/emoji.json' with { type: 'json' }
+import data from 'emojibase-data/en/data.json' with { type: 'json' }
+import messages from 'emojibase-data/en/messages.json' with { type: 'json' }
+import emojibaseShortcodesJson from 'emojibase-data/en/shortcodes/emojibase.json' with { type: 'json' }
+import gitHubShortcodesJson from 'emojibase-data/en/shortcodes/github.json' with { type: 'json' }
+import fs from 'fs'
+import json5 from 'json5'
+
+import type { EmojiItem } from './emoji.js'
+import { removeVariationSelector } from './helpers/removeVariationSelector.js'
+
+type Shortcodes = Record<string, string | string[]>
+
+const emojibaseShortcodes = emojibaseShortcodesJson as Shortcodes
+const gitHubShortcodes = gitHubShortcodesJson as Shortcodes
+
+const emojis: EmojiItem[] = data
+  // .filter(emoji => emoji.version > 0 && emoji.version < 14)
+  .map(emoji => {
+    const dataSourceEmoji = dataSource.find(item => {
+      return item.unified === emoji.hexcode || item.non_qualified === emoji.hexcode
+    })
+    const hasFallbackImage = dataSourceEmoji?.has_img_apple
+    const name =
+      [gitHubShortcodes[emoji.hexcode]].flat()[0] || [emojibaseShortcodes[emoji.hexcode]].flat()[0]
+    const shortcodes = emojibaseShortcodes[emoji.hexcode]
+      ? [emojibaseShortcodes[emoji.hexcode]].flat()
+      : []
+    const emoticons = emoji.emoticon ? [emoji.emoticon].flat() : []
+
+    return {
+      emoji: removeVariationSelector(emoji.emoji),
+      name,
+      shortcodes,
+      tags: emoji.tags || [],
+      group: emoji.group ? messages.groups[emoji.group].message : '',
+      emoticons,
+      version: emoji.version,
+      fallbackImage: hasFallbackImage
+        ? `https://cdn.jsdelivr.net/npm/emoji-datasource-apple/img/apple/64/${dataSourceEmoji.image}`
+        : undefined,
+    }
+  })
+
+const gitHubCustomEmojiNames = [
+  'atom',
+  'basecamp',
+  'basecampy',
+  'bowtie',
+  'electron',
+  'feelsgood',
+  'finnadie',
+  'goberserk',
+  'godmode',
+  'hurtrealbad',
+  'neckbeard',
+  'octocat',
+  'rage1',
+  'rage2',
+  'rage3',
+  'rage4',
+  'shipit',
+  'suspect',
+  'trollface',
+]
+
+const gitHubCustomEmojis: EmojiItem[] = gitHubCustomEmojiNames.map(name => {
+  return {
+    name,
+    shortcodes: [name],
+    tags: [],
+    group: 'GitHub',
+    fallbackImage: `https://github.githubassets.com/images/icons/emoji/${name}.png`,
+  }
+})
+
+const content = `// This is a generated file
+
+import { EmojiItem } from './emoji'
+
+export const emojis: EmojiItem[] = ${json5.stringify(emojis, { space: 2 })}
+
+export const gitHubCustomEmojis: EmojiItem[] = ${json5.stringify(gitHubCustomEmojis, { space: 2 })}
+
+export const gitHubEmojis: EmojiItem[] = [...emojis, ...gitHubCustomEmojis]
+`
+
+fs.writeFileSync('./src/data.ts', content)
diff --git a/packages/extension-emoji/src/helpers/emojiToShortcode.ts b/packages/extension-emoji/src/helpers/emojiToShortcode.ts
new file mode 100644
index 0000000..622ada2
--- /dev/null
+++ b/packages/extension-emoji/src/helpers/emojiToShortcode.ts
@@ -0,0 +1,6 @@
+import type { EmojiItem } from '../emoji.js'
+import { removeVariationSelector } from './removeVariationSelector.js'
+
+export function emojiToShortcode(emoji: string, emojis: EmojiItem[]): string | undefined {
+  return emojis.find(item => item.emoji === removeVariationSelector(emoji))?.shortcodes[0]
+}
diff --git a/packages/extension-emoji/src/helpers/removeDuplicates.ts b/packages/extension-emoji/src/helpers/removeDuplicates.ts
new file mode 100644
index 0000000..7cd79a7
--- /dev/null
+++ b/packages/extension-emoji/src/helpers/removeDuplicates.ts
@@ -0,0 +1,13 @@
+/**
+ * Removes duplicated values within an array.
+ * Supports numbers, strings and objects.
+ */
+export function removeDuplicates<T>(array: T[], by = JSON.stringify): T[] {
+  const seen: Record<any, any> = {}
+
+  return array.filter(item => {
+    const key = by(item)
+
+    return Object.prototype.hasOwnProperty.call(seen, key) ? false : (seen[key] = true)
+  })
+}
diff --git a/packages/extension-emoji/src/helpers/removeVariationSelector.ts b/packages/extension-emoji/src/helpers/removeVariationSelector.ts
new file mode 100644
index 0000000..ee93e81
--- /dev/null
+++ b/packages/extension-emoji/src/helpers/removeVariationSelector.ts
@@ -0,0 +1,3 @@
+export function removeVariationSelector(value: string): string {
+  return value.replace('\u{FE0E}', '').replace('\u{FE0F}', '')
+}
diff --git a/packages/extension-emoji/src/helpers/shortcodeToEmoji.ts b/packages/extension-emoji/src/helpers/shortcodeToEmoji.ts
new file mode 100644
index 0000000..6378888
--- /dev/null
+++ b/packages/extension-emoji/src/helpers/shortcodeToEmoji.ts
@@ -0,0 +1,5 @@
+import type { EmojiItem } from '../emoji.js'
+
+export function shortcodeToEmoji(shortcode: string, emojis: EmojiItem[]): EmojiItem | undefined {
+  return emojis.find(item => shortcode === item.name || item.shortcodes.includes(shortcode))
+}
diff --git a/packages/extension-emoji/src/index.ts b/packages/extension-emoji/src/index.ts
new file mode 100644
index 0000000..9cc553d
--- /dev/null
+++ b/packages/extension-emoji/src/index.ts
@@ -0,0 +1,8 @@
+import { Emoji } from './emoji.js'
+
+export * from './data.js'
+export * from './emoji.js'
+export * from './helpers/emojiToShortcode.js'
+export * from './helpers/shortcodeToEmoji.js'
+
+export default Emoji
diff --git a/packages/extension-emoji/vite.config.ts b/packages/extension-emoji/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-emoji/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-file-handler/CHANGELOG.md b/packages/extension-file-handler/CHANGELOG.md
new file mode 100644
index 0000000..1a93f7c
--- /dev/null
+++ b/packages/extension-file-handler/CHANGELOG.md
@@ -0,0 +1,1181 @@
+# @tiptap/extension-file-handler
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [4ae6ea0]
+- Updated dependencies [965a880]
+  - @tiptap/extension-text-style@3.30.3
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/extension-text-style@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/extension-text-style@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+  - @tiptap/extension-text-style@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/extension-text-style@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/extension-text-style@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+  - @tiptap/extension-text-style@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/extension-text-style@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/extension-text-style@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/extension-text-style@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- 06b4274: Add `consumePasteEvent` option to the file-handler extension. When `true`, `handlePaste` returns `true` even when HTML content is present in the clipboard, preventing paste rules from other extensions from creating duplicate content. Default is `false`.
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+  - @tiptap/extension-text-style@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/extension-text-style@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/extension-text-style@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/extension-text-style@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/extension-text-style@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- ec291dd: Fix: dragging an inline/resizable image within the editor no longer creates a duplicate
+
+  When the `Image` extension was configured with `inline: true` or `resize` enabled, dragging an image within the editor could insert a duplicate at the drop position instead of moving it. This happened because the browser's native image drag behavior could populate `dataTransfer.files`, causing the FileHandler extension to intercept the drop before ProseMirror's internal move logic could run.
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+  - @tiptap/extension-text-style@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+  - @tiptap/extension-text-style@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/extension-text-style@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/extension-text-style@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/extension-text-style@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/extension-text-style@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/extension-text-style@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/extension-text-style@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/extension-text-style@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/extension-text-style@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/extension-text-style@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/extension-text-style@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/extension-text-style@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/extension-text-style@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/extension-text-style@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/extension-text-style@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/extension-text-style@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/extension-text-style@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/extension-text-style@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/extension-text-style@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/extension-text-style@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/extension-text-style@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/extension-text-style@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/extension-text-style@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/extension-text-style@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/extension-text-style@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/extension-text-style@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/extension-text-style@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/extension-text-style@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/extension-text-style@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/extension-text-style@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/extension-text-style@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/extension-text-style@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/extension-text-style@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/extension-text-style@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/extension-text-style@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/extension-text-style@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/extension-text-style@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/extension-text-style@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/extension-text-style@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/extension-text-style@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/extension-text-style@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/extension-text-style@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/extension-text-style@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/extension-text-style@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/extension-text-style@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/extension-text-style@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/extension-text-style@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/extension-text-style@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/extension-text-style@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/extension-text-style@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/extension-text-style@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/extension-text-style@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/extension-text-style@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/extension-text-style@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/extension-text-style@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/extension-text-style@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/extension-text-style@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/extension-text-style@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/extension-text-style@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/extension-text-style@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- Updated dependencies [04a0f34]
+  - @tiptap/extension-text-style@3.5.3
+  - @tiptap/core@3.5.3
+  - @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/extension-text-style@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/extension-text-style@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/extension-text-style@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/extension-text-style@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/extension-text-style@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/extension-text-style@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/extension-text-style@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/extension-text-style@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- Updated dependencies [46fa8b8]
+  - @tiptap/extension-text-style@3.4.1
+  - @tiptap/core@3.4.1
+  - @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/extension-text-style@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/extension-text-style@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/extension-text-style@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/extension-text-style@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/extension-text-style@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/extension-text-style@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/extension-text-style@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/extension-text-style@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/extension-text-style@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/extension-text-style@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/extension-text-style@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/extension-text-style@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/extension-text-style@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/extension-text-style@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/extension-text-style@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [f77cbac]
+- Updated dependencies [0bad53e]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [0b4981c]
+- Updated dependencies [704f462]
+- Updated dependencies [3b4e06c]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/extension-text-style@3.0.1
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/extension-text-style@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/extension-text-style@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/extension-text-style@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/extension-text-style@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/extension-text-style@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/extension-text-style@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/extension-text-style@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/extension-text-style@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/extension-text-style@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/extension-text-style@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/extension-text-style@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/extension-text-style@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/extension-text-style@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/extension-text-style@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/extension-text-style@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/extension-text-style@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/extension-text-style@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/extension-text-style@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/extension-text-style@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/extension-text-style@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/extension-text-style@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
diff --git a/packages/extension-file-handler/README.md b/packages/extension-file-handler/README.md
new file mode 100644
index 0000000..6163b69
--- /dev/null
+++ b/packages/extension-file-handler/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-file-handler
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-file-handler.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-file-handler)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-file-handler.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-file-handler.svg)](https://www.npmjs.com/package/@tiptap/extension-file-handler)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-file-handler/package.json b/packages/extension-file-handler/package.json
new file mode 100644
index 0000000..01d0100
--- /dev/null
+++ b/packages/extension-file-handler/package.json
@@ -0,0 +1,54 @@
+{
+  "name": "@tiptap/extension-file-handler",
+  "version": "3.30.3",
+  "description": "file handler extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev/docs/editor/extensions/functionality/filehandler",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-file-handler"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/extension-text-style": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/extension-text-style": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-file-handler/src/FileHandlePlugin.ts b/packages/extension-file-handler/src/FileHandlePlugin.ts
new file mode 100644
index 0000000..e824321
--- /dev/null
+++ b/packages/extension-file-handler/src/FileHandlePlugin.ts
@@ -0,0 +1,92 @@
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+import type { FileHandlePluginOptions } from './types.js'
+
+export const FileHandlePlugin = ({
+  key,
+  editor,
+  onPaste,
+  onDrop,
+  allowedMimeTypes,
+  consumePasteEvent,
+}: FileHandlePluginOptions) => {
+  return new Plugin({
+    key: key || new PluginKey('fileHandler'),
+
+    props: {
+      handleDrop(_view, event) {
+        if (!onDrop) {
+          return false
+        }
+
+        // If the drop contains ProseMirror internal slice data, let ProseMirror
+        // handle it — this is an internal content drag (e.g. moving an image),
+        // not an external file drop
+        if (event.dataTransfer?.types.includes('application/x-prosemirror-slice')) {
+          return false
+        }
+
+        if (!event.dataTransfer?.files.length) {
+          return false
+        }
+
+        const dropPos = _view.posAtCoords({
+          left: event.clientX,
+          top: event.clientY,
+        })
+
+        let filesArray = Array.from(event.dataTransfer.files)
+
+        if (allowedMimeTypes) {
+          filesArray = filesArray.filter(file => allowedMimeTypes.includes(file.type))
+        }
+
+        if (filesArray.length === 0) {
+          return false
+        }
+
+        event.preventDefault()
+        event.stopPropagation()
+
+        onDrop(editor, filesArray, dropPos?.pos || 0)
+
+        return true
+      },
+
+      handlePaste(_view, event) {
+        if (!onPaste) {
+          return false
+        }
+
+        if (!event.clipboardData?.files.length) {
+          return false
+        }
+
+        let filesArray = Array.from(event.clipboardData.files)
+        const htmlContent = event.clipboardData.getData('text/html')
+
+        if (allowedMimeTypes) {
+          filesArray = filesArray.filter(file => allowedMimeTypes.includes(file.type))
+        }
+
+        if (filesArray.length === 0) {
+          return false
+        }
+
+        event.preventDefault()
+        event.stopPropagation()
+
+        onPaste(editor, filesArray, htmlContent)
+
+        // When HTML content is present alongside files (e.g. animated GIFs
+        // copied as PNG), and consumePasteEvent is not set, let other
+        // extensions handle the HTML content via their parseHTML/paste rules.
+        if (htmlContent.length > 0 && !consumePasteEvent) {
+          return false
+        }
+
+        return true
+      },
+    },
+  })
+}
diff --git a/packages/extension-file-handler/src/fileHandler.ts b/packages/extension-file-handler/src/fileHandler.ts
new file mode 100644
index 0000000..806e7a1
--- /dev/null
+++ b/packages/extension-file-handler/src/fileHandler.ts
@@ -0,0 +1,31 @@
+import { Extension } from '@tiptap/core'
+import { PluginKey } from '@tiptap/pm/state'
+
+import { FileHandlePlugin } from './FileHandlePlugin.js'
+import type { FileHandlerOptions } from './types.js'
+
+export const FileHandler = Extension.create<FileHandlerOptions>({
+  name: 'fileHandler',
+
+  addOptions() {
+    return {
+      onPaste: undefined,
+      onDrop: undefined,
+      allowedMimeTypes: undefined,
+      consumePasteEvent: false,
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      FileHandlePlugin({
+        key: new PluginKey(this.name),
+        editor: this.editor,
+        allowedMimeTypes: this.options.allowedMimeTypes,
+        onDrop: this.options.onDrop,
+        onPaste: this.options.onPaste,
+        consumePasteEvent: this.options.consumePasteEvent,
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-file-handler/src/index.ts b/packages/extension-file-handler/src/index.ts
new file mode 100644
index 0000000..b1a0698
--- /dev/null
+++ b/packages/extension-file-handler/src/index.ts
@@ -0,0 +1,8 @@
+import { FileHandler } from './fileHandler.js'
+
+export * from './FileHandlePlugin.js'
+export * from './types.js'
+
+export { FileHandler }
+
+export default FileHandler
diff --git a/packages/extension-file-handler/src/types.ts b/packages/extension-file-handler/src/types.ts
new file mode 100644
index 0000000..39e35d0
--- /dev/null
+++ b/packages/extension-file-handler/src/types.ts
@@ -0,0 +1,54 @@
+import type { Editor } from '@tiptap/core'
+import type { PluginKey } from '@tiptap/pm/state'
+
+export type FileHandlePluginOptions = {
+  /**
+   * The plugin key.
+   * @default 'fileHandler'
+   */
+  key?: PluginKey
+
+  /**
+   * The editor instance.
+   */
+  editor: Editor
+
+  /**
+   * An array of allowed mimetypes
+   *
+   * example: ['image/jpeg', 'image/png']
+   */
+  allowedMimeTypes?: string[]
+
+  /**
+   * The onPaste callback that is called when a file is pasted.
+   * @param editor the editor instance
+   * @param files the File array including File objects
+   * @param pasteContent the pasted content as HTML string - this is only available if there is also html copied to the clipboard for example by copying from a website
+   * @returns Returns nothing.
+   */
+  onPaste?: (editor: Editor, files: File[], pasteContent?: string) => void
+
+  /**
+   * When true, the paste event is fully consumed when files are present,
+   * even if HTML content exists in the clipboard. This prevents paste
+   * rules from other extensions from running on the same paste event
+   * and creating duplicate content.
+   *
+   * Set this to true when your onPaste callback handles file insertion
+   * and you want to prevent other extensions from processing the same paste.
+   *
+   * @default false
+   */
+  consumePasteEvent?: boolean
+
+  /**
+   * The onDrop callback that is called when a file is dropped.
+   * @param editor the editor instance
+   * @param files the File array including File objects
+   * @returns Returns nothing.
+   */
+  onDrop?: (editor: Editor, files: File[], pos: number) => void
+}
+
+export type FileHandlerOptions = {} & Omit<FileHandlePluginOptions, 'key' | 'editor'>
diff --git a/packages/extension-file-handler/tests/integration/fileHandler.test.ts b/packages/extension-file-handler/tests/integration/fileHandler.test.ts
new file mode 100644
index 0000000..c9d5bfa
--- /dev/null
+++ b/packages/extension-file-handler/tests/integration/fileHandler.test.ts
@@ -0,0 +1,403 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { FileHandler } from '@tiptap/extension-file-handler'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+const createMockEvent = (files: File[], htmlContent?: string) => {
+  return {
+    clipboardData: {
+      files,
+      getData(type: string) {
+        if (type === 'text/html') {
+          return htmlContent || ''
+        }
+        return ''
+      },
+    },
+    preventDefault: vi.fn(),
+    stopPropagation: vi.fn(),
+  } as unknown as ClipboardEvent
+}
+
+const getFile = (name = 'test.png', type = 'image/png') => {
+  return new File(['dummy content'], name, { type })
+}
+
+describe('extension-file-handler', () => {
+  const editorElClass = 'tiptap'
+  let editor: Editor | null = null
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+    return editorEl
+  }
+
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  const getHandlePaste = () => {
+    // Find the file handler plugin's handlePaste prop by its key name
+    const plugins = editor!.view.state.plugins
+
+    for (const plugin of plugins) {
+      if (plugin.key.includes('fileHandler') && plugin.props.handlePaste) {
+        return plugin.props.handlePaste
+      }
+    }
+
+    return null
+  }
+
+  afterEach(() => {
+    editor?.destroy()
+    getEditorEl()?.remove()
+    editor = null
+  })
+
+  describe('current behavior (regression)', () => {
+    it('returns false when no onPaste callback is provided', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, FileHandler],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const event = createMockEvent([getFile()])
+
+      const result = handlePaste!(editor!.view, event, {} as any)
+
+      expect(result).toBe(false)
+    })
+
+    it('returns false when clipboard has no files', () => {
+      const onPasteSpy = vi.fn()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          FileHandler.configure({
+            onPaste: onPasteSpy,
+          }),
+        ],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const event = createMockEvent([])
+
+      // Override clipboardData to return empty files
+      Object.defineProperty(event, 'clipboardData', {
+        value: {
+          files: [],
+          getData: () => '',
+        },
+      })
+
+      const result = handlePaste!(editor!.view, event, {} as any)
+
+      expect(result).toBe(false)
+      expect(onPasteSpy).not.toHaveBeenCalled()
+    })
+
+    it('returns false when all files are filtered out by allowedMimeTypes', () => {
+      const onPasteSpy = vi.fn()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          FileHandler.configure({
+            onPaste: onPasteSpy,
+            allowedMimeTypes: ['application/pdf'],
+          }),
+        ],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const event = createMockEvent([getFile('image.png', 'image/png')])
+
+      const result = handlePaste!(editor!.view, event, {} as any)
+
+      expect(result).toBe(false)
+      expect(onPasteSpy).not.toHaveBeenCalled()
+    })
+
+    it('calls onPaste and returns true when files are pasted without HTML', () => {
+      const onPasteSpy = vi.fn()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          FileHandler.configure({
+            onPaste: onPasteSpy,
+          }),
+        ],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const event = createMockEvent([getFile()])
+
+      const result = handlePaste!(editor!.view, event, {} as any)
+
+      expect(result).toBe(true)
+      expect(onPasteSpy).toHaveBeenCalledOnce()
+      expect(onPasteSpy).toHaveBeenCalledWith(editor, expect.any(Array), '')
+    })
+
+    it('calls onPaste and returns false when files are pasted with HTML', () => {
+      const onPasteSpy = vi.fn()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          FileHandler.configure({
+            onPaste: onPasteSpy,
+          }),
+        ],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const event = createMockEvent([getFile()], '<img src="test.png">')
+
+      const result = handlePaste!(editor!.view, event, {} as any)
+
+      // When HTML is present and consumePasteEvent is false, returns false
+      expect(result).toBe(false)
+      expect(onPasteSpy).toHaveBeenCalledOnce()
+    })
+
+    it('receives htmlContent in onPaste callback when HTML is present', () => {
+      const onPasteSpy = vi.fn()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          FileHandler.configure({
+            onPaste: onPasteSpy,
+          }),
+        ],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const htmlContent = '<img src="test.png">'
+      const event = createMockEvent([getFile()], htmlContent)
+
+      handlePaste!(editor!.view, event, {} as any)
+
+      expect(onPasteSpy).toHaveBeenCalledWith(editor, expect.any(Array), htmlContent)
+    })
+  })
+
+  describe('consumePasteEvent option', () => {
+    it('defaults to false (backward compatible)', () => {
+      const onPasteSpy = vi.fn()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          FileHandler.configure({
+            onPaste: onPasteSpy,
+          }),
+        ],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const event = createMockEvent([getFile()], '<img src="test.png">')
+
+      const result = handlePaste!(editor!.view, event, {} as any)
+
+      // Default: onPaste is called but event is not consumed (returns false)
+      expect(result).toBe(false)
+      expect(onPasteSpy).toHaveBeenCalledOnce()
+    })
+
+    it('returns true when files are pasted with HTML and consumePasteEvent is true', () => {
+      const onPasteSpy = vi.fn()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          FileHandler.configure({
+            onPaste: onPasteSpy,
+            consumePasteEvent: true,
+          }),
+        ],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const event = createMockEvent([getFile()], '<img src="test.png">')
+
+      const result = handlePaste!(editor!.view, event, {} as any)
+
+      // With consumePasteEvent: true, returns true even with HTML
+      expect(result).toBe(true)
+      expect(onPasteSpy).toHaveBeenCalledOnce()
+    })
+
+    it('returns true when files are pasted without HTML and consumePasteEvent is true', () => {
+      const onPasteSpy = vi.fn()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          FileHandler.configure({
+            onPaste: onPasteSpy,
+            consumePasteEvent: true,
+          }),
+        ],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const event = createMockEvent([getFile()])
+
+      const result = handlePaste!(editor!.view, event, {} as any)
+
+      expect(result).toBe(true)
+      expect(onPasteSpy).toHaveBeenCalledOnce()
+    })
+
+    it('still receives htmlContent in onPaste callback when consumePasteEvent is true', () => {
+      const onPasteSpy = vi.fn()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          FileHandler.configure({
+            onPaste: onPasteSpy,
+            consumePasteEvent: true,
+          }),
+        ],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const htmlContent = '<img src="test.png">'
+      const event = createMockEvent([getFile()], htmlContent)
+
+      handlePaste!(editor!.view, event, {} as any)
+
+      expect(onPasteSpy).toHaveBeenCalledWith(editor, expect.any(Array), htmlContent)
+    })
+
+    it('receives correct files array in onPaste callback when consumePasteEvent is true', () => {
+      let receivedFiles: File[] = []
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          FileHandler.configure({
+            onPaste: (_editor, files) => {
+              receivedFiles = files
+            },
+            consumePasteEvent: true,
+          }),
+        ],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const file1 = getFile('image1.png', 'image/png')
+      const file2 = getFile('image2.png', 'image/png')
+      const event = createMockEvent([file1, file2], '<img src="test.png">')
+
+      handlePaste!(editor!.view, event, {} as any)
+
+      // Check files array has correct length and types
+      expect(receivedFiles).toHaveLength(2)
+      expect(receivedFiles[0].type).toBe('image/png')
+      expect(receivedFiles[1].type).toBe('image/png')
+    })
+
+    it('calls preventDefault and stopPropagation when files are present', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          FileHandler.configure({
+            onPaste: vi.fn(),
+            consumePasteEvent: true,
+          }),
+        ],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const event = createMockEvent([getFile()])
+
+      handlePaste!(editor!.view, event, {} as any)
+
+      expect(event.preventDefault).toHaveBeenCalledOnce()
+      expect(event.stopPropagation).toHaveBeenCalledOnce()
+    })
+
+    it('does not call onPaste when files are filtered out by allowedMimeTypes', () => {
+      const onPasteSpy = vi.fn()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          FileHandler.configure({
+            onPaste: onPasteSpy,
+            allowedMimeTypes: ['application/pdf'],
+            consumePasteEvent: true,
+          }),
+        ],
+        content: '<p>test</p>',
+      })
+
+      const handlePaste = getHandlePaste()
+      const event = createMockEvent([getFile('image.png', 'image/png')])
+
+      const result = handlePaste!(editor!.view, event, {} as any)
+
+      expect(result).toBe(false)
+      expect(onPasteSpy).not.toHaveBeenCalled()
+    })
+  })
+})
diff --git a/packages/extension-file-handler/vite.config.ts b/packages/extension-file-handler/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-file-handler/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-find-and-replace/CHANGELOG.md b/packages/extension-find-and-replace/CHANGELOG.md
new file mode 100644
index 0000000..821ae51
--- /dev/null
+++ b/packages/extension-find-and-replace/CHANGELOG.md
@@ -0,0 +1,71 @@
+# @tiptap/extension-find-and-replace
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- 07415fe: Ensure only the active find-and-replace result keeps the current-result highlight while navigating matches.
+  - @tiptap/core@3.29.2
+  - @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Minor Changes
+
+- e9942fc: Added a new `@tiptap/extension-find-and-replace` extension. It searches the document for a term, highlights all matches with decorations, and replaces the current or all matches. Supports case-sensitive, whole-word, and RE2-compatible regex search, plus commands to jump between results. Regex search avoids catastrophic backtracking but does not support lookarounds or backreferences.
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
diff --git a/packages/extension-find-and-replace/README.md b/packages/extension-find-and-replace/README.md
new file mode 100644
index 0000000..1de3f75
--- /dev/null
+++ b/packages/extension-find-and-replace/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-find-and-replace
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-find-and-replace.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-find-and-replace)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-find-and-replace.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-find-and-replace.svg)](https://www.npmjs.com/package/@tiptap/extension-find-and-replace)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-find-and-replace/package.json b/packages/extension-find-and-replace/package.json
new file mode 100644
index 0000000..5957ca2
--- /dev/null
+++ b/packages/extension-find-and-replace/package.json
@@ -0,0 +1,55 @@
+{
+  "name": "@tiptap/extension-find-and-replace",
+  "version": "3.30.3",
+  "description": "find and replace extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-find-and-replace"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "re2js": "^2.8.6"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-find-and-replace/src/constants/constants.ts b/packages/extension-find-and-replace/src/constants/constants.ts
new file mode 100644
index 0000000..9b92055
--- /dev/null
+++ b/packages/extension-find-and-replace/src/constants/constants.ts
@@ -0,0 +1,2 @@
+export const resultClass = 'find-and-replace-result'
+export const currentResultClass = 'find-and-replace-result-current'
diff --git a/packages/extension-find-and-replace/src/find-and-replace.ts b/packages/extension-find-and-replace/src/find-and-replace.ts
new file mode 100644
index 0000000..2153653
--- /dev/null
+++ b/packages/extension-find-and-replace/src/find-and-replace.ts
@@ -0,0 +1,434 @@
+import type { Command, Editor } from '@tiptap/core'
+import { Extension } from '@tiptap/core'
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+import { TextSelection } from '@tiptap/pm/state'
+
+import {
+  clearDebouncedSearchState,
+  getDebouncedSearchState,
+} from './state/debounced-search-state.js'
+import type { FindAndReplaceMeta, FindAndReplacePluginState } from './plugin/plugin.js'
+import { FindAndReplacePlugin, FindAndReplacePluginKey } from './plugin/plugin.js'
+import { findNextIndex, searchDocument } from './search/search.js'
+import type { SearchResult } from './search/search.js'
+import type { FindAndReplaceOptions, FindAndReplaceStorage } from './types.js'
+import { replaceAllResults } from './utils/replaceAllResults.js'
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    findAndReplace: {
+      /**
+       * Set the search term and highlight all matches in the document.
+       * @param term The search term, treated as regex source when regex mode is enabled.
+       * @example editor.commands.setSearchTerm('Hello')
+       */
+      setSearchTerm: (term: string) => ReturnType
+
+      /**
+       * Set the replace term used by the replace commands.
+       * @param term The replacement text.
+       * @example editor.commands.setReplaceTerm('World')
+       */
+      setReplaceTerm: (term: string) => ReturnType
+
+      /**
+       * Set whether the search is case sensitive.
+       * @param caseSensitive The new case sensitivity.
+       * @example editor.commands.setCaseSensitive(true)
+       */
+      setCaseSensitive: (caseSensitive: boolean) => ReturnType
+
+      /**
+       * Set whether the search term is treated as an RE2-compatible regular expression.
+       * Lookarounds and backreferences are not supported.
+       * @param useRegex The new regex mode.
+       * @example editor.commands.setUseRegex(true)
+       */
+      setUseRegex: (useRegex: boolean) => ReturnType
+
+      /**
+       * Set whether to match whole words only. Ignored when regex mode is enabled.
+       * @param wholeWord The new whole word mode.
+       * @example editor.commands.setWholeWord(true)
+       */
+      setWholeWord: (wholeWord: boolean) => ReturnType
+
+      /**
+       * Replace the current search result and jump to the next one.
+       * @example editor.commands.replace()
+       */
+      replace: () => ReturnType
+
+      /**
+       * Replace all search results at once.
+       * @example editor.commands.replaceAll()
+       */
+      replaceAll: () => ReturnType
+
+      /**
+       * Jump to the next search result, wrapping around at the end.
+       * @example editor.commands.goToNextResult()
+       */
+      goToNextResult: () => ReturnType
+
+      /**
+       * Jump to the previous search result, wrapping around at the start.
+       * @example editor.commands.goToPreviousResult()
+       */
+      goToPreviousResult: () => ReturnType
+
+      /**
+       * Clear the search term and remove all search result highlights.
+       * @example editor.commands.clearSearch()
+       */
+      clearSearch: () => ReturnType
+    }
+  }
+}
+
+function mergePluginMeta(tr: Transaction, meta: FindAndReplaceMeta): void {
+  const currentMeta = tr.getMeta(FindAndReplacePluginKey) as FindAndReplaceMeta | undefined
+
+  tr.setMeta(FindAndReplacePluginKey, { ...currentMeta, ...meta })
+}
+
+function setPluginMeta(meta: FindAndReplaceMeta): Command {
+  return ({ tr, dispatch }) => {
+    if (dispatch) {
+      mergePluginMeta(tr, meta)
+    }
+
+    return true
+  }
+}
+
+function applySearchTerm(editor: Editor, term: string): void {
+  const tr = editor.state.tr
+
+  mergePluginMeta(tr, { searchTerm: term })
+  editor.view.dispatch(tr)
+}
+
+function consumePendingSearch(editor: Editor): string | null {
+  const state = getDebouncedSearchState(editor)
+
+  if (state.pendingTerm === null) {
+    return null
+  }
+
+  const pendingTerm = state.pendingTerm
+
+  state.pendingTerm = null
+
+  if (state.timeout !== null) {
+    clearTimeout(state.timeout)
+    state.timeout = null
+  }
+
+  return pendingTerm
+}
+
+function getPendingAwarePluginState(
+  state: EditorState,
+  pendingTerm: string | null,
+): FindAndReplacePluginState | null {
+  const pluginState = FindAndReplacePluginKey.getState(state)
+
+  if (!pluginState) {
+    return null
+  }
+
+  if (pendingTerm === null) {
+    return pluginState.results.length === 0 ? null : pluginState
+  }
+
+  const results = searchDocument(state.doc, pendingTerm, {
+    caseSensitive: pluginState.caseSensitive,
+    useRegex: pluginState.useRegex,
+    wholeWord: pluginState.wholeWord,
+  })
+
+  if (results.length === 0) {
+    return null
+  }
+
+  return {
+    ...pluginState,
+    searchTerm: pendingTerm,
+    results,
+    currentIndex: 0,
+  }
+}
+
+function currentResult(pluginState: FindAndReplacePluginState): SearchResult | undefined {
+  return pluginState.results[pluginState.currentIndex ?? 0]
+}
+
+function shiftIndex(currentIndex: number | null, length: number, direction: 1 | -1): number {
+  if (currentIndex === null) {
+    return direction === 1 ? 0 : length - 1
+  }
+
+  return (currentIndex + direction + length) % length
+}
+
+function selectResult(tr: Transaction, result: SearchResult, index: number): void {
+  tr.setSelection(TextSelection.create(tr.doc, result.from, result.to))
+  mergePluginMeta(tr, { currentIndex: index })
+  tr.scrollIntoView()
+}
+
+function replaceResult(
+  tr: Transaction,
+  pluginState: FindAndReplacePluginState,
+  result: SearchResult,
+): void {
+  const { searchTerm, replaceTerm, caseSensitive, useRegex, wholeWord } = pluginState
+
+  tr.insertText(replaceTerm, result.from, result.to)
+
+  // Jump to the first result behind the inserted text, so a replacement
+  // that still matches the search (e.g. "foo" -> "foobar") is skipped.
+  const results = searchDocument(tr.doc, searchTerm, { caseSensitive, useRegex, wholeWord })
+  const nextIndex = findNextIndex(results, result.from + replaceTerm.length)
+
+  if (nextIndex === null) {
+    mergePluginMeta(tr, { currentIndex: null })
+    return
+  }
+
+  selectResult(tr, results[nextIndex], nextIndex)
+}
+
+export const FindAndReplace = Extension.create<FindAndReplaceOptions, FindAndReplaceStorage>({
+  name: 'findAndReplace',
+
+  addOptions() {
+    return {
+      searchTerm: '',
+      replaceTerm: '',
+      caseSensitive: false,
+      useRegex: false,
+      wholeWord: false,
+      searchDebounceMs: 250,
+      injectCSS: true,
+      injectNonce: undefined,
+    }
+  },
+
+  addStorage() {
+    return {
+      searchTerm: this.options.searchTerm,
+      replaceTerm: this.options.replaceTerm,
+      caseSensitive: this.options.caseSensitive,
+      useRegex: this.options.useRegex,
+      wholeWord: this.options.wholeWord,
+      results: [],
+      currentIndex: null,
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      FindAndReplacePlugin(this.options, pluginState => {
+        this.storage.results = pluginState.results
+        this.storage.currentIndex = pluginState.currentIndex
+      }),
+    ]
+  },
+
+  onTransaction() {
+    const pluginState = FindAndReplacePluginKey.getState(this.editor.state)
+
+    if (!pluginState) {
+      return
+    }
+
+    this.storage.searchTerm = pluginState.searchTerm
+    this.storage.replaceTerm = pluginState.replaceTerm
+    this.storage.caseSensitive = pluginState.caseSensitive
+    this.storage.useRegex = pluginState.useRegex
+    this.storage.wholeWord = pluginState.wholeWord
+    this.storage.results = pluginState.results
+    this.storage.currentIndex = pluginState.currentIndex
+  },
+
+  addCommands() {
+    const scheduleSearchTerm = (term: string): boolean => {
+      const state = getDebouncedSearchState(this.editor)
+
+      if (this.options.searchDebounceMs <= 0) {
+        if (state.timeout !== null) {
+          clearTimeout(state.timeout)
+          state.timeout = null
+        }
+
+        state.pendingTerm = null
+
+        applySearchTerm(this.editor, term)
+
+        return true
+      }
+
+      if (state.timeout !== null) {
+        clearTimeout(state.timeout)
+      }
+
+      state.pendingTerm = term
+      state.timeout = setTimeout(() => {
+        const debouncedState = getDebouncedSearchState(this.editor)
+
+        debouncedState.timeout = null
+
+        if (debouncedState.pendingTerm === null) {
+          return
+        }
+
+        const pendingTerm = debouncedState.pendingTerm
+
+        debouncedState.pendingTerm = null
+        applySearchTerm(this.editor, pendingTerm)
+      }, this.options.searchDebounceMs)
+
+      return true
+    }
+
+    return {
+      setSearchTerm:
+        term =>
+        ({ dispatch }) => {
+          if (!dispatch) {
+            return true
+          }
+
+          return scheduleSearchTerm(term)
+        },
+      setReplaceTerm: term => setPluginMeta({ replaceTerm: term }),
+      setCaseSensitive: caseSensitive => setPluginMeta({ caseSensitive }),
+      setUseRegex: useRegex => setPluginMeta({ useRegex }),
+      setWholeWord: wholeWord => setPluginMeta({ wholeWord }),
+      clearSearch:
+        () =>
+        ({ tr, dispatch }) => {
+          const state = getDebouncedSearchState(this.editor)
+
+          if (state.timeout !== null) {
+            clearTimeout(state.timeout)
+            state.timeout = null
+          }
+
+          state.pendingTerm = null
+
+          if (dispatch) {
+            mergePluginMeta(tr, { searchTerm: '' })
+          }
+
+          return true
+        },
+
+      replace:
+        () =>
+        ({ tr, state, dispatch }) => {
+          const pendingTerm = dispatch ? consumePendingSearch(this.editor) : null
+
+          if (dispatch && pendingTerm !== null) {
+            mergePluginMeta(tr, { searchTerm: pendingTerm })
+          }
+
+          const pluginState = getPendingAwarePluginState(state, pendingTerm)
+
+          if (!pluginState) {
+            return false
+          }
+
+          const result = currentResult(pluginState)
+
+          if (!result) {
+            return false
+          }
+
+          if (dispatch) {
+            replaceResult(tr, pluginState, result)
+          }
+
+          return true
+        },
+
+      replaceAll:
+        () =>
+        ({ tr, state, dispatch }) => {
+          const pendingTerm = dispatch ? consumePendingSearch(this.editor) : null
+
+          if (dispatch && pendingTerm !== null) {
+            mergePluginMeta(tr, { searchTerm: pendingTerm })
+          }
+
+          const pluginState = getPendingAwarePluginState(state, pendingTerm)
+
+          if (!pluginState) {
+            return false
+          }
+
+          if (dispatch) {
+            replaceAllResults(tr, state, pluginState.results, pluginState.replaceTerm)
+          }
+
+          return true
+        },
+
+      goToNextResult:
+        () =>
+        ({ tr, state, dispatch }) => {
+          const pendingTerm = dispatch ? consumePendingSearch(this.editor) : null
+
+          if (dispatch && pendingTerm !== null) {
+            mergePluginMeta(tr, { searchTerm: pendingTerm })
+          }
+
+          const pluginState = getPendingAwarePluginState(state, pendingTerm)
+
+          if (!pluginState) {
+            return false
+          }
+
+          const nextIndex = shiftIndex(pluginState.currentIndex, pluginState.results.length, 1)
+
+          if (dispatch) {
+            selectResult(tr, pluginState.results[nextIndex], nextIndex)
+          }
+
+          return true
+        },
+
+      goToPreviousResult:
+        () =>
+        ({ tr, state, dispatch }) => {
+          const pendingTerm = dispatch ? consumePendingSearch(this.editor) : null
+
+          if (dispatch && pendingTerm !== null) {
+            mergePluginMeta(tr, { searchTerm: pendingTerm })
+          }
+
+          const pluginState = getPendingAwarePluginState(state, pendingTerm)
+
+          if (!pluginState) {
+            return false
+          }
+
+          const previousIndex = shiftIndex(pluginState.currentIndex, pluginState.results.length, -1)
+
+          if (dispatch) {
+            selectResult(tr, pluginState.results[previousIndex], previousIndex)
+          }
+
+          return true
+        },
+    }
+  },
+
+  onDestroy() {
+    clearDebouncedSearchState(this.editor)
+  },
+})
+
+export default FindAndReplace
diff --git a/packages/extension-find-and-replace/src/index.ts b/packages/extension-find-and-replace/src/index.ts
new file mode 100644
index 0000000..5140699
--- /dev/null
+++ b/packages/extension-find-and-replace/src/index.ts
@@ -0,0 +1,8 @@
+import { FindAndReplace } from './find-and-replace.js'
+
+export * from './find-and-replace.js'
+export * from './plugin/plugin.js'
+export * from './search/search.js'
+export * from './types.js'
+
+export default FindAndReplace
diff --git a/packages/extension-find-and-replace/src/plugin/plugin-state.ts b/packages/extension-find-and-replace/src/plugin/plugin-state.ts
new file mode 100644
index 0000000..6891a79
--- /dev/null
+++ b/packages/extension-find-and-replace/src/plugin/plugin-state.ts
@@ -0,0 +1,27 @@
+import type { DecorationSet } from '@tiptap/pm/view'
+
+import type { SearchResult } from '../search/search.js'
+
+export interface FindAndReplacePluginState {
+  searchTerm: string
+  replaceTerm: string
+  caseSensitive: boolean
+  useRegex: boolean
+  wholeWord: boolean
+  results: SearchResult[]
+  currentIndex: number | null
+  decorations: DecorationSet
+}
+
+/**
+ * Transaction meta to patch the plugin state. Setting `searchTerm`,
+ * `caseSensitive`, `useRegex` or `wholeWord` re-runs the search.
+ */
+export interface FindAndReplaceMeta {
+  searchTerm?: string
+  replaceTerm?: string
+  caseSensitive?: boolean
+  useRegex?: boolean
+  wholeWord?: boolean
+  currentIndex?: number | null
+}
diff --git a/packages/extension-find-and-replace/src/plugin/plugin.ts b/packages/extension-find-and-replace/src/plugin/plugin.ts
new file mode 100644
index 0000000..f757e42
--- /dev/null
+++ b/packages/extension-find-and-replace/src/plugin/plugin.ts
@@ -0,0 +1,60 @@
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+import { currentResultClass, resultClass } from '../constants/constants.js'
+import { createStyleTag } from '../style/create-style-tag.js'
+import type { FindAndReplaceMeta, FindAndReplacePluginState } from './plugin-state.js'
+import { style } from '../style/style.js'
+import type { FindAndReplaceOptions } from '../types.js'
+import { createState, updateState } from '../utils/index.js'
+
+export { currentResultClass, resultClass }
+export type { FindAndReplaceMeta, FindAndReplacePluginState }
+
+export const FindAndReplacePluginKey = new PluginKey<FindAndReplacePluginState>('findAndReplace')
+
+export const FindAndReplacePlugin = (
+  options: FindAndReplaceOptions,
+  onCreate: (pluginState: FindAndReplacePluginState) => void,
+) => {
+  return new Plugin<FindAndReplacePluginState>({
+    key: FindAndReplacePluginKey,
+
+    state: {
+      init: (_config, state) => {
+        if (options.injectCSS && typeof document !== 'undefined') {
+          createStyleTag(style, options.injectNonce)
+        }
+
+        const pluginState = createState(state.doc, options)
+        onCreate(pluginState)
+
+        return pluginState
+      },
+
+      apply: (tr, state, _oldState, newState) => {
+        const meta = tr.getMeta(FindAndReplacePluginKey) as FindAndReplaceMeta | undefined
+
+        if (!meta && !tr.docChanged) {
+          return state
+        }
+
+        return updateState(
+          state,
+          { ...state, ...meta },
+          newState.doc,
+          meta,
+          tr.docChanged,
+          tr.mapping,
+        )
+      },
+    },
+
+    props: {
+      decorations(state) {
+        return FindAndReplacePluginKey.getState(state)?.decorations
+      },
+    },
+  })
+}
+
+export default FindAndReplacePlugin
diff --git a/packages/extension-find-and-replace/src/search/matches.ts b/packages/extension-find-and-replace/src/search/matches.ts
new file mode 100644
index 0000000..b36dd79
--- /dev/null
+++ b/packages/extension-find-and-replace/src/search/matches.ts
@@ -0,0 +1,26 @@
+import { RE2JS } from 're2js'
+
+import type { SearchRegex } from './regex.js'
+
+interface TextMatch {
+  index: number
+  value: string
+}
+
+function* findNativeMatches(regex: RegExp, text: string): Generator<TextMatch> {
+  for (const match of text.matchAll(regex)) {
+    yield { index: match.index, value: match[0] }
+  }
+}
+
+function* findSafeMatches(regex: RE2JS, text: string): Generator<TextMatch> {
+  const matcher = regex.matcher(text)
+
+  while (matcher.find()) {
+    yield { index: matcher.start(), value: matcher.group() ?? '' }
+  }
+}
+
+export function findMatches(regex: SearchRegex, text: string): Generator<TextMatch> {
+  return regex instanceof RegExp ? findNativeMatches(regex, text) : findSafeMatches(regex, text)
+}
diff --git a/packages/extension-find-and-replace/src/search/regex.ts b/packages/extension-find-and-replace/src/search/regex.ts
new file mode 100644
index 0000000..8122f18
--- /dev/null
+++ b/packages/extension-find-and-replace/src/search/regex.ts
@@ -0,0 +1,67 @@
+import { RE2JS } from 're2js'
+
+import type { SearchOptions } from './types.js'
+
+export type SearchRegex = RegExp | RE2JS
+
+const escapeRegExp = (value: string): string => {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+}
+
+/** Unicode word characters like letters, accents, numbers, and underscore-like punctuation. */
+const unicodeWordCharacter = '[\\p{L}\\p{M}\\p{N}\\p{Pc}]'
+
+function compileNativeRegex(source: string, caseSensitive: boolean): RegExp | null {
+  try {
+    return new RegExp(source, caseSensitive ? 'gu' : 'giu')
+  } catch {
+    return null
+  }
+}
+
+function compileSafeRegex(source: string, caseSensitive: boolean): RE2JS | null {
+  try {
+    const flags = caseSensitive ? 0 : RE2JS.CASE_INSENSITIVE
+
+    return RE2JS.compile(source, flags)
+  } catch {
+    return null
+  }
+}
+
+function compileRegex(
+  source: string,
+  options: Pick<SearchOptions, 'caseSensitive' | 'useRegex'>,
+): SearchRegex | null {
+  return options.useRegex
+    ? compileSafeRegex(source, options.caseSensitive)
+    : compileNativeRegex(source, options.caseSensitive)
+}
+
+/**
+ * Creates a search matcher for a term.
+ * Regex mode uses RE2-compatible syntax to avoid catastrophic backtracking.
+ * @param term The search term, treated as regex source when `useRegex` is enabled.
+ * @param options Case sensitivity, regex mode, and whole word matching.
+ * @returns A compiled matcher, or `null` when the term is invalid or unsupported.
+ */
+export function createSearchRegex(term: string, options: SearchOptions): SearchRegex | null {
+  if (!term) {
+    return null
+  }
+
+  let source: string
+
+  if (options.useRegex) {
+    source = term
+  } else {
+    const escaped = escapeRegExp(term)
+
+    // Whole-word searches reject terms next to another Unicode word character.
+    source = options.wholeWord
+      ? `(?<!${unicodeWordCharacter})${escaped}(?!${unicodeWordCharacter})`
+      : escaped
+  }
+
+  return compileRegex(source, options)
+}
diff --git a/packages/extension-find-and-replace/src/search/search.ts b/packages/extension-find-and-replace/src/search/search.ts
new file mode 100644
index 0000000..53ae474
--- /dev/null
+++ b/packages/extension-find-and-replace/src/search/search.ts
@@ -0,0 +1,70 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import { createSearchRegex } from './regex.js'
+import { searchTextblock } from './textblock-search.js'
+import type { SearchOptions, SearchResult, TextblockSearchTarget } from './types.js'
+
+export type { SearchOptions, SearchResult, TextblockSearchTarget } from './types.js'
+export { createSearchRegex } from './regex.js'
+
+/**
+ * Searches textblocks for a term and returns their matched ranges.
+ * @param textblocks The textblocks and their document positions.
+ * @param term The search term, treated as regex source when `useRegex` is enabled.
+ * @param options Case sensitivity, regex mode, and whole word matching.
+ * @returns The list of matched ranges in textblock order.
+ */
+export function searchTextblocks(
+  textblocks: readonly TextblockSearchTarget[],
+  term: string,
+  options: SearchOptions,
+): SearchResult[] {
+  const regex = createSearchRegex(term, options)
+
+  if (!regex) {
+    return []
+  }
+
+  return textblocks.flatMap(({ node, pos }) => searchTextblock(regex, node, pos))
+}
+
+/**
+ * Searches all textblocks of a document for a term and returns the matched ranges.
+ * Matches may span multiple text nodes (e.g. across marks), but never leave a textblock.
+ * @param doc The document to search in.
+ * @param term The search term, treated as regex source when `useRegex` is enabled.
+ * @param options Case sensitivity, regex mode, and whole word matching.
+ * @returns The list of matched ranges in document order.
+ */
+export function searchDocument(doc: PMNode, term: string, options: SearchOptions): SearchResult[] {
+  const textblocks: TextblockSearchTarget[] = []
+
+  doc.descendants((node, pos) => {
+    if (!node.isTextblock) {
+      return true
+    }
+
+    textblocks.push({ node, pos })
+
+    return false
+  })
+
+  return searchTextblocks(textblocks, term, options)
+}
+
+/**
+ * Finds the index of the first result at or after a position, wrapping around
+ * to the first result when the position is behind the last result.
+ * @param results The current search results.
+ * @param from The position to search from.
+ * @returns The result index, or `null` when there are no results.
+ */
+export function findNextIndex(results: SearchResult[], from: number): number | null {
+  if (results.length === 0) {
+    return null
+  }
+
+  const index = results.findIndex(result => result.from >= from)
+
+  return index === -1 ? 0 : index
+}
diff --git a/packages/extension-find-and-replace/src/search/text-segments.ts b/packages/extension-find-and-replace/src/search/text-segments.ts
new file mode 100644
index 0000000..73735e6
--- /dev/null
+++ b/packages/extension-find-and-replace/src/search/text-segments.ts
@@ -0,0 +1,63 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+interface TextSegment {
+  isText: boolean
+  pos: number
+  length: number
+  text: string
+  textOffset: number
+}
+
+// Non-text inline nodes (hard break, mention, ...) contribute a placeholder
+// so matches never silently span across them.
+export function getTextSegments(textblock: PMNode, pos: number): TextSegment[] {
+  const segments: TextSegment[] = []
+  let textOffset = 0
+
+  textblock.forEach((child, offset) => {
+    const text = child.isText ? (child.text ?? '') : '\n'
+
+    segments.push({
+      isText: child.isText,
+      pos: pos + 1 + offset,
+      length: child.nodeSize,
+      text,
+      textOffset,
+    })
+    textOffset += text.length
+  })
+
+  return segments
+}
+
+function findOffsetSegment(segments: TextSegment[], offset: number): TextSegment | undefined {
+  let low = 0
+  let high = segments.length
+
+  while (low < high) {
+    const middle = Math.floor((low + high) / 2)
+    const segment = segments[middle]
+    const segmentEnd = segment.textOffset + segment.text.length
+
+    if (offset < segmentEnd) {
+      high = middle
+    } else {
+      low = middle + 1
+    }
+  }
+
+  return segments[low] ?? segments.at(-1)
+}
+
+export function offsetToPos(segments: TextSegment[], offset: number): number {
+  const segment = findOffsetSegment(segments, offset)
+
+  return segment ? segment.pos + Math.min(offset - segment.textOffset, segment.length) : 0
+}
+
+export function overlapsNonTextSegment(segments: TextSegment[], from: number, to: number): boolean {
+  return segments.some(
+    segment =>
+      !segment.isText && from < segment.textOffset + segment.text.length && to > segment.textOffset,
+  )
+}
diff --git a/packages/extension-find-and-replace/src/search/textblock-search.ts b/packages/extension-find-and-replace/src/search/textblock-search.ts
new file mode 100644
index 0000000..dfa3157
--- /dev/null
+++ b/packages/extension-find-and-replace/src/search/textblock-search.ts
@@ -0,0 +1,35 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import { findMatches } from './matches.js'
+import type { SearchRegex } from './regex.js'
+import { getTextSegments, offsetToPos, overlapsNonTextSegment } from './text-segments.js'
+import type { SearchResult } from './types.js'
+
+export function searchTextblock(
+  regex: SearchRegex,
+  textblock: PMNode,
+  pos: number,
+): SearchResult[] {
+  const segments = getTextSegments(textblock, pos)
+  const text = segments.map(segment => segment.text).join('')
+  const results: SearchResult[] = []
+
+  for (const match of findMatches(regex, text)) {
+    if (match.value.length === 0) {
+      continue
+    }
+
+    const matchEnd = match.index + match.value.length
+
+    if (overlapsNonTextSegment(segments, match.index, matchEnd)) {
+      continue
+    }
+
+    results.push({
+      from: offsetToPos(segments, match.index),
+      to: offsetToPos(segments, matchEnd),
+    })
+  }
+
+  return results
+}
diff --git a/packages/extension-find-and-replace/src/search/types.ts b/packages/extension-find-and-replace/src/search/types.ts
new file mode 100644
index 0000000..fba979c
--- /dev/null
+++ b/packages/extension-find-and-replace/src/search/types.ts
@@ -0,0 +1,17 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+export interface SearchResult {
+  from: number
+  to: number
+}
+
+export interface TextblockSearchTarget {
+  node: PMNode
+  pos: number
+}
+
+export interface SearchOptions {
+  caseSensitive: boolean
+  useRegex: boolean
+  wholeWord: boolean
+}
diff --git a/packages/extension-find-and-replace/src/state/debounced-search-state.ts b/packages/extension-find-and-replace/src/state/debounced-search-state.ts
new file mode 100644
index 0000000..13d7770
--- /dev/null
+++ b/packages/extension-find-and-replace/src/state/debounced-search-state.ts
@@ -0,0 +1,39 @@
+import type { Editor } from '@tiptap/core'
+
+export interface DebouncedSearchState {
+  timeout: ReturnType<typeof setTimeout> | null
+  pendingTerm: string | null
+}
+
+const debouncedSearchState = new WeakMap<Editor, DebouncedSearchState>()
+
+export function getDebouncedSearchState(editor: Editor): DebouncedSearchState {
+  const existingState = debouncedSearchState.get(editor)
+
+  if (existingState) {
+    return existingState
+  }
+
+  const nextState: DebouncedSearchState = {
+    timeout: null,
+    pendingTerm: null,
+  }
+
+  debouncedSearchState.set(editor, nextState)
+
+  return nextState
+}
+
+export function clearDebouncedSearchState(editor: Editor): void {
+  const state = debouncedSearchState.get(editor)
+
+  if (!state) {
+    return
+  }
+
+  if (state.timeout !== null) {
+    clearTimeout(state.timeout)
+  }
+
+  debouncedSearchState.delete(editor)
+}
diff --git a/packages/extension-find-and-replace/src/style/create-style-tag.ts b/packages/extension-find-and-replace/src/style/create-style-tag.ts
new file mode 100644
index 0000000..e1ac214
--- /dev/null
+++ b/packages/extension-find-and-replace/src/style/create-style-tag.ts
@@ -0,0 +1,23 @@
+export const createStyleTag = (style: string, nonce?: string): HTMLStyleElement => {
+  const existing = document.querySelector<HTMLStyleElement>(
+    'style[data-tiptap-extension-find-and-replace-style]',
+  )
+
+  if (existing !== null) {
+    return existing
+  }
+
+  const styleNode = document.createElement('style')
+
+  if (nonce) {
+    styleNode.setAttribute('nonce', nonce)
+  }
+
+  styleNode.setAttribute('data-tiptap-extension-find-and-replace-style', '')
+  styleNode.textContent = style
+  document.getElementsByTagName('head')[0].appendChild(styleNode)
+
+  return styleNode
+}
+
+export default createStyleTag
diff --git a/packages/extension-find-and-replace/src/style/style.ts b/packages/extension-find-and-replace/src/style/style.ts
new file mode 100644
index 0000000..16b6180
--- /dev/null
+++ b/packages/extension-find-and-replace/src/style/style.ts
@@ -0,0 +1,10 @@
+export const style = `.find-and-replace-result {
+  background-color: rgb(255 225 0 / 0.4);
+}
+
+.find-and-replace-result-current {
+  background-color: rgb(255 165 0 / 0.55);
+}
+`
+
+export default style
diff --git a/packages/extension-find-and-replace/src/types.ts b/packages/extension-find-and-replace/src/types.ts
new file mode 100644
index 0000000..a8fd4a3
--- /dev/null
+++ b/packages/extension-find-and-replace/src/types.ts
@@ -0,0 +1,96 @@
+import type { SearchResult } from './search/search.js'
+
+export interface FindAndReplaceOptions {
+  /**
+   * The initial search term.
+   * @default ''
+   */
+  searchTerm: string
+
+  /**
+   * The initial replace term.
+   * @default ''
+   */
+  replaceTerm: string
+
+  /**
+   * Whether the search is case sensitive.
+   * @default false
+   */
+  caseSensitive: boolean
+
+  /**
+   * Whether the search term is treated as an RE2-compatible regular expression.
+   * Lookarounds and backreferences are not supported.
+   * @default false
+   */
+  useRegex: boolean
+
+  /**
+   * Whether to match whole words only. Ignored when `useRegex` is enabled.
+   * @default false
+   */
+  wholeWord: boolean
+
+  /**
+   * Debounce delay in milliseconds applied to `setSearchTerm`.
+   * Set to `0` to disable debouncing.
+   * @default 250
+   */
+  searchDebounceMs: number
+
+  /**
+   * Whether the default result highlight styles are injected.
+   * @default true
+   */
+  injectCSS: boolean
+
+  /**
+   * A nonce for the injected style tag, needed for strict CSP setups.
+   * @default undefined
+   */
+  injectNonce: string | undefined
+}
+
+export interface FindAndReplaceStorage {
+  /**
+   * The current search term.
+   */
+  searchTerm: string
+
+  /**
+   * The current replace term.
+   */
+  replaceTerm: string
+
+  /**
+   * Whether the search is case sensitive.
+   */
+  caseSensitive: boolean
+
+  /**
+   * Whether the search term is treated as an RE2-compatible regular expression.
+   */
+  useRegex: boolean
+
+  /**
+   * Whether to match whole words only. Ignored when `useRegex` is enabled.
+   */
+  wholeWord: boolean
+
+  /**
+   * The current search results in document order.
+   */
+  results: SearchResult[]
+
+  /**
+   * The index of the current result, or `null` when no result is selected.
+   */
+  currentIndex: number | null
+}
+
+declare module '@tiptap/core' {
+  interface Storage {
+    findAndReplace: FindAndReplaceStorage
+  }
+}
diff --git a/packages/extension-find-and-replace/src/utils/createDecoration.ts b/packages/extension-find-and-replace/src/utils/createDecoration.ts
new file mode 100644
index 0000000..df33278
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/createDecoration.ts
@@ -0,0 +1,14 @@
+import { Decoration } from '@tiptap/pm/view'
+
+import { currentResultClass, resultClass } from '../constants/constants.js'
+import type { SearchResult } from '../search/search.js'
+
+export function createDecoration(
+  result: SearchResult,
+  currentIndex: number | null,
+  index: number,
+): Decoration {
+  const className = index === currentIndex ? `${resultClass} ${currentResultClass}` : resultClass
+
+  return Decoration.inline(result.from, result.to, { class: className })
+}
diff --git a/packages/extension-find-and-replace/src/utils/createDecorations.ts b/packages/extension-find-and-replace/src/utils/createDecorations.ts
new file mode 100644
index 0000000..e4375c9
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/createDecorations.ts
@@ -0,0 +1,16 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { DecorationSet } from '@tiptap/pm/view'
+
+import type { SearchResult } from '../search/search.js'
+
+import { createDecoration } from './createDecoration.js'
+
+export function createDecorations(
+  doc: PMNode,
+  results: SearchResult[],
+  currentIndex: number | null,
+): DecorationSet {
+  const decorations = results.map((result, index) => createDecoration(result, currentIndex, index))
+
+  return DecorationSet.create(doc, decorations)
+}
diff --git a/packages/extension-find-and-replace/src/utils/createState.ts b/packages/extension-find-and-replace/src/utils/createState.ts
new file mode 100644
index 0000000..7921022
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/createState.ts
@@ -0,0 +1,26 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import type { FindAndReplaceOptions } from '../types.js'
+import type { FindAndReplacePluginState } from '../plugin/plugin-state.js'
+import { searchDocument } from '../search/search.js'
+
+import { createDecorations } from './createDecorations.js'
+
+export function createState(
+  doc: PMNode,
+  options: FindAndReplaceOptions,
+): FindAndReplacePluginState {
+  const results = searchDocument(doc, options.searchTerm, options)
+  const currentIndex = results.length > 0 ? 0 : null
+
+  return {
+    searchTerm: options.searchTerm,
+    replaceTerm: options.replaceTerm,
+    caseSensitive: options.caseSensitive,
+    useRegex: options.useRegex,
+    wholeWord: options.wholeWord,
+    results,
+    currentIndex,
+    decorations: createDecorations(doc, results, currentIndex),
+  }
+}
diff --git a/packages/extension-find-and-replace/src/utils/findDecorations.ts b/packages/extension-find-and-replace/src/utils/findDecorations.ts
new file mode 100644
index 0000000..a021c4c
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/findDecorations.ts
@@ -0,0 +1,28 @@
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+
+import type { SearchResult } from '../search/search.js'
+
+import type { TextblockRange } from './types.js'
+
+export function findDecorations(
+  decorations: DecorationSet,
+  results: readonly SearchResult[],
+  textblocks: readonly TextblockRange[],
+): Decoration[] {
+  const found = new Set<Decoration>()
+
+  textblocks.forEach(textblock => {
+    decorations.find(textblock.from, textblock.to).forEach(decoration => found.add(decoration))
+  })
+
+  results.forEach(result => {
+    decorations
+      .find(result.from, result.to)
+      .filter(decoration => {
+        return decoration.from === result.from && decoration.to === result.to
+      })
+      .forEach(decoration => found.add(decoration))
+  })
+
+  return [...found]
+}
diff --git a/packages/extension-find-and-replace/src/utils/getChangedTextblocks.ts b/packages/extension-find-and-replace/src/utils/getChangedTextblocks.ts
new file mode 100644
index 0000000..e6312fa
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/getChangedTextblocks.ts
@@ -0,0 +1,29 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Mapping } from '@tiptap/pm/transform'
+
+import type { TextblockRange } from './types.js'
+
+export function getChangedTextblocks(doc: PMNode, mapping: Mapping): TextblockRange[] {
+  const textblocks = new Map<number, TextblockRange>()
+
+  mapping.maps.forEach((stepMap, index) => {
+    const remaining = mapping.slice(index + 1)
+
+    stepMap.forEach((_oldStart, _oldEnd, newStart, newEnd) => {
+      const from = Math.max(0, remaining.map(newStart, -1) - 1)
+      const to = Math.min(doc.content.size, remaining.map(newEnd, 1) + 1)
+
+      doc.nodesBetween(from, to, (node, pos) => {
+        if (!node.isTextblock) {
+          return true
+        }
+
+        textblocks.set(pos, { node, pos, from: pos, to: pos + node.nodeSize })
+
+        return false
+      })
+    })
+  })
+
+  return [...textblocks.values()].sort((first, second) => first.pos - second.pos)
+}
diff --git a/packages/extension-find-and-replace/src/utils/getFallbackCurrentIndex.ts b/packages/extension-find-and-replace/src/utils/getFallbackCurrentIndex.ts
new file mode 100644
index 0000000..026276f
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/getFallbackCurrentIndex.ts
@@ -0,0 +1,8 @@
+import type { FindAndReplacePluginState } from '../plugin/plugin-state.js'
+
+export function getFallbackCurrentIndex(
+  previousState: FindAndReplacePluginState,
+  length: number,
+): number {
+  return previousState.currentIndex === null ? 0 : Math.min(previousState.currentIndex, length - 1)
+}
diff --git a/packages/extension-find-and-replace/src/utils/getMappedCurrentIndex.ts b/packages/extension-find-and-replace/src/utils/getMappedCurrentIndex.ts
new file mode 100644
index 0000000..2d83991
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/getMappedCurrentIndex.ts
@@ -0,0 +1,32 @@
+import type { Mapping } from '@tiptap/pm/transform'
+
+import type { FindAndReplacePluginState } from '../plugin/plugin-state.js'
+import type { SearchResult } from '../search/search.js'
+import { findNextIndex } from '../search/search.js'
+
+import { getPreviousCurrentResult } from './getPreviousCurrentResult.js'
+
+export function getMappedCurrentIndex(
+  previousState: FindAndReplacePluginState,
+  results: SearchResult[],
+  docChanged: boolean,
+  mapping: Mapping | undefined,
+): number | null | undefined {
+  if (!docChanged) {
+    return undefined
+  }
+
+  if (!mapping) {
+    return undefined
+  }
+
+  const previousResult = getPreviousCurrentResult(previousState)
+
+  if (!previousResult) {
+    return undefined
+  }
+
+  const mappedFrom = mapping.map(previousResult.from, 1)
+
+  return findNextIndex(results, mappedFrom)
+}
diff --git a/packages/extension-find-and-replace/src/utils/getMetaCurrentIndex.ts b/packages/extension-find-and-replace/src/utils/getMetaCurrentIndex.ts
new file mode 100644
index 0000000..2a076ee
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/getMetaCurrentIndex.ts
@@ -0,0 +1,19 @@
+import type { FindAndReplaceMeta } from '../plugin/plugin-state.js'
+
+import { hasCurrentIndex } from './hasCurrentIndex.js'
+import { normalizeCurrentIndex } from './normalizeCurrentIndex.js'
+
+export function getMetaCurrentIndex(
+  meta: FindAndReplaceMeta | undefined,
+  length: number,
+): number | null | undefined {
+  if (!meta) {
+    return undefined
+  }
+
+  if (!hasCurrentIndex(meta)) {
+    return undefined
+  }
+
+  return normalizeCurrentIndex(meta.currentIndex, length)
+}
diff --git a/packages/extension-find-and-replace/src/utils/getPreviousCurrentResult.ts b/packages/extension-find-and-replace/src/utils/getPreviousCurrentResult.ts
new file mode 100644
index 0000000..f1891e9
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/getPreviousCurrentResult.ts
@@ -0,0 +1,10 @@
+import type { FindAndReplacePluginState } from '../plugin/plugin-state.js'
+import type { SearchResult } from '../search/search.js'
+
+export function getPreviousCurrentResult(
+  previousState: FindAndReplacePluginState,
+): SearchResult | undefined {
+  return previousState.currentIndex === null
+    ? undefined
+    : previousState.results[previousState.currentIndex]
+}
diff --git a/packages/extension-find-and-replace/src/utils/getResultsToRefresh.ts b/packages/extension-find-and-replace/src/utils/getResultsToRefresh.ts
new file mode 100644
index 0000000..655d2a8
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/getResultsToRefresh.ts
@@ -0,0 +1,22 @@
+import type { SearchResult } from '../search/search.js'
+
+import { shouldRefreshResult } from './shouldRefreshResult.js'
+import type { IndexedResult, TextblockRange } from './types.js'
+
+export function getResultsToRefresh(
+  results: SearchResult[],
+  textblocks: readonly TextblockRange[],
+  previousCurrent: SearchResult | null,
+  currentIndex: number | null,
+): IndexedResult[] {
+  const current = currentIndex === null ? null : (results[currentIndex] ?? null)
+  const refreshedResults: IndexedResult[] = []
+
+  results.forEach((result, index) => {
+    if (shouldRefreshResult(result, textblocks, previousCurrent, current)) {
+      refreshedResults.push({ result, index })
+    }
+  })
+
+  return refreshedResults
+}
diff --git a/packages/extension-find-and-replace/src/utils/getSearchCurrentIndex.ts b/packages/extension-find-and-replace/src/utils/getSearchCurrentIndex.ts
new file mode 100644
index 0000000..a84a1ee
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/getSearchCurrentIndex.ts
@@ -0,0 +1,24 @@
+import type { Mapping } from '@tiptap/pm/transform'
+
+import type { FindAndReplaceMeta, FindAndReplacePluginState } from '../plugin/plugin-state.js'
+import type { SearchResult } from '../search/search.js'
+
+import { getFallbackCurrentIndex } from './getFallbackCurrentIndex.js'
+import { getMappedCurrentIndex } from './getMappedCurrentIndex.js'
+import { isNewSearch } from './isNewSearch.js'
+
+export function getSearchCurrentIndex(
+  previousState: FindAndReplacePluginState,
+  results: SearchResult[],
+  meta: FindAndReplaceMeta | undefined,
+  docChanged: boolean,
+  mapping: Mapping | undefined,
+): number {
+  if (isNewSearch(meta)) {
+    return 0
+  }
+
+  const mappedIndex = getMappedCurrentIndex(previousState, results, docChanged, mapping)
+
+  return mappedIndex ?? getFallbackCurrentIndex(previousState, results.length)
+}
diff --git a/packages/extension-find-and-replace/src/utils/getTextNodeResult.ts b/packages/extension-find-and-replace/src/utils/getTextNodeResult.ts
new file mode 100644
index 0000000..64f3201
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/getTextNodeResult.ts
@@ -0,0 +1,21 @@
+import type { EditorState } from '@tiptap/pm/state'
+
+import type { SearchResult } from '../search/search.js'
+
+export interface TextNodeResult {
+  from: number
+  text: string
+}
+
+export function getTextNodeResult(state: EditorState, result: SearchResult): TextNodeResult | null {
+  const $from = state.doc.resolve(result.from)
+  const node = $from.parent.child($from.index())
+
+  if (!node.isText || !node.text) {
+    return null
+  }
+
+  const from = result.from - $from.textOffset
+
+  return result.to <= from + node.nodeSize ? { from, text: node.text } : null
+}
diff --git a/packages/extension-find-and-replace/src/utils/groupResults.ts b/packages/extension-find-and-replace/src/utils/groupResults.ts
new file mode 100644
index 0000000..3bc6099
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/groupResults.ts
@@ -0,0 +1,68 @@
+import type { EditorState } from '@tiptap/pm/state'
+
+import type { SearchResult } from '../search/search.js'
+import type { TextNodeResult } from './getTextNodeResult.js'
+import { getTextNodeResult } from './getTextNodeResult.js'
+
+export interface ResultGroup {
+  from: number
+  text: string | null
+  results: SearchResult[]
+}
+
+function shouldMergeResult(
+  group: ResultGroup | undefined,
+  textNode: TextNodeResult | null,
+): boolean {
+  if (!group || !textNode) {
+    return false
+  }
+
+  return group.from === textNode.from && group.text !== null
+}
+
+function createTextResultGroup(result: SearchResult, textNode: TextNodeResult): ResultGroup {
+  return {
+    from: textNode.from,
+    text: textNode.text,
+    results: [result],
+  }
+}
+
+function createResultGroup(result: SearchResult): ResultGroup {
+  return {
+    from: result.from,
+    text: null,
+    results: [result],
+  }
+}
+
+function appendResult(
+  groups: ResultGroup[],
+  result: SearchResult,
+  textNode: TextNodeResult | null,
+): void {
+  const group = groups.at(-1)
+
+  if (shouldMergeResult(group, textNode)) {
+    group!.results.push(result)
+    return
+  }
+
+  if (textNode) {
+    groups.push(createTextResultGroup(result, textNode))
+    return
+  }
+
+  groups.push(createResultGroup(result))
+}
+
+export function groupResults(state: EditorState, results: SearchResult[]): ResultGroup[] {
+  const groups: ResultGroup[] = []
+
+  for (const result of results) {
+    appendResult(groups, result, getTextNodeResult(state, result))
+  }
+
+  return groups
+}
diff --git a/packages/extension-find-and-replace/src/utils/hasCurrentIndex.ts b/packages/extension-find-and-replace/src/utils/hasCurrentIndex.ts
new file mode 100644
index 0000000..a39c22d
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/hasCurrentIndex.ts
@@ -0,0 +1,5 @@
+import type { FindAndReplaceMeta } from '../plugin/plugin-state.js'
+
+export function hasCurrentIndex(meta: FindAndReplaceMeta | undefined): boolean {
+  return !!meta && 'currentIndex' in meta
+}
diff --git a/packages/extension-find-and-replace/src/utils/index.ts b/packages/extension-find-and-replace/src/utils/index.ts
new file mode 100644
index 0000000..9f55c76
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/index.ts
@@ -0,0 +1,2 @@
+export { createState } from './createState.js'
+export { updateState } from './updateState.js'
diff --git a/packages/extension-find-and-replace/src/utils/isCurrentResult.ts b/packages/extension-find-and-replace/src/utils/isCurrentResult.ts
new file mode 100644
index 0000000..d3b77fb
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/isCurrentResult.ts
@@ -0,0 +1,7 @@
+import type { SearchResult } from '../search/search.js'
+
+import { sameResult } from './sameResult.js'
+
+export function isCurrentResult(result: SearchResult, current: SearchResult | null): boolean {
+  return current !== null && sameResult(result, current)
+}
diff --git a/packages/extension-find-and-replace/src/utils/isNewSearch.ts b/packages/extension-find-and-replace/src/utils/isNewSearch.ts
new file mode 100644
index 0000000..4555517
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/isNewSearch.ts
@@ -0,0 +1,5 @@
+import type { FindAndReplaceMeta } from '../plugin/plugin-state.js'
+
+export function isNewSearch(meta: FindAndReplaceMeta | undefined): boolean {
+  return !!meta && 'searchTerm' in meta
+}
diff --git a/packages/extension-find-and-replace/src/utils/mapResult.ts b/packages/extension-find-and-replace/src/utils/mapResult.ts
new file mode 100644
index 0000000..314b1f6
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/mapResult.ts
@@ -0,0 +1,10 @@
+import type { Mapping } from '@tiptap/pm/transform'
+
+import type { SearchResult } from '../search/search.js'
+
+export function mapResult(result: SearchResult, mapping: Mapping): SearchResult | null {
+  const from = mapping.map(result.from, 1)
+  const to = mapping.map(result.to, -1)
+
+  return from < to ? { from, to } : null
+}
diff --git a/packages/extension-find-and-replace/src/utils/mapResults.ts b/packages/extension-find-and-replace/src/utils/mapResults.ts
new file mode 100644
index 0000000..f794d8e
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/mapResults.ts
@@ -0,0 +1,19 @@
+import type { Mapping } from '@tiptap/pm/transform'
+
+import type { SearchResult } from '../search/search.js'
+
+import { mapResult } from './mapResult.js'
+
+export function mapResults(results: SearchResult[], mapping: Mapping): SearchResult[] {
+  const mappedResults: SearchResult[] = []
+
+  results.forEach(result => {
+    const mapped = mapResult(result, mapping)
+
+    if (mapped) {
+      mappedResults.push(mapped)
+    }
+  })
+
+  return mappedResults
+}
diff --git a/packages/extension-find-and-replace/src/utils/mergeResults.ts b/packages/extension-find-and-replace/src/utils/mergeResults.ts
new file mode 100644
index 0000000..bb89c3b
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/mergeResults.ts
@@ -0,0 +1,18 @@
+import type { SearchResult } from '../search/search.js'
+
+export function mergeResults(first: SearchResult[], second: SearchResult[]): SearchResult[] {
+  const results: SearchResult[] = []
+  let firstIndex = 0
+  let secondIndex = 0
+
+  while (firstIndex < first.length && secondIndex < second.length) {
+    if (first[firstIndex].from < second[secondIndex].from) {
+      results.push(first[firstIndex++])
+      continue
+    }
+
+    results.push(second[secondIndex++])
+  }
+
+  return results.concat(first.slice(firstIndex), second.slice(secondIndex))
+}
diff --git a/packages/extension-find-and-replace/src/utils/normalizeCurrentIndex.ts b/packages/extension-find-and-replace/src/utils/normalizeCurrentIndex.ts
new file mode 100644
index 0000000..97dc76c
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/normalizeCurrentIndex.ts
@@ -0,0 +1,10 @@
+export function normalizeCurrentIndex(
+  currentIndex: number | null | undefined,
+  length: number,
+): number | null {
+  if (currentIndex === undefined || currentIndex === null || length === 0) {
+    return null
+  }
+
+  return Math.max(0, Math.min(currentIndex, length - 1))
+}
diff --git a/packages/extension-find-and-replace/src/utils/refreshCurrentIndexState.ts b/packages/extension-find-and-replace/src/utils/refreshCurrentIndexState.ts
new file mode 100644
index 0000000..7a7f8da
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/refreshCurrentIndexState.ts
@@ -0,0 +1,30 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import type { FindAndReplaceMeta, FindAndReplacePluginState } from '../plugin/plugin-state.js'
+
+import { refreshDecorations } from './refreshDecorations.js'
+import { resolveCurrentIndex } from './resolveCurrentIndex.js'
+
+export function refreshCurrentIndexState(
+  previousState: FindAndReplacePluginState,
+  state: FindAndReplacePluginState,
+  doc: PMNode,
+  meta: FindAndReplaceMeta | undefined,
+): FindAndReplacePluginState {
+  const currentIndex = resolveCurrentIndex(previousState, state.results, meta, false, undefined)
+  const previousCurrent =
+    previousState.currentIndex === null ? null : previousState.results[previousState.currentIndex]
+
+  return {
+    ...state,
+    currentIndex,
+    decorations: refreshDecorations(
+      previousState.decorations,
+      doc,
+      state.results,
+      currentIndex,
+      [],
+      previousCurrent,
+    ),
+  }
+}
diff --git a/packages/extension-find-and-replace/src/utils/refreshDecorations.ts b/packages/extension-find-and-replace/src/utils/refreshDecorations.ts
new file mode 100644
index 0000000..d621736
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/refreshDecorations.ts
@@ -0,0 +1,28 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { DecorationSet } from '@tiptap/pm/view'
+
+import type { SearchResult } from '../search/search.js'
+
+import { createDecoration } from './createDecoration.js'
+import { findDecorations } from './findDecorations.js'
+import { getResultsToRefresh } from './getResultsToRefresh.js'
+import type { TextblockRange } from './types.js'
+
+export function refreshDecorations(
+  decorations: DecorationSet,
+  doc: PMNode,
+  results: SearchResult[],
+  currentIndex: number | null,
+  textblocks: readonly TextblockRange[],
+  previousCurrent: SearchResult | null,
+): DecorationSet {
+  const resultsToRefresh = getResultsToRefresh(results, textblocks, previousCurrent, currentIndex)
+  const refreshedResults = resultsToRefresh.map(({ result }) => result)
+  const staleResults = previousCurrent ? [...refreshedResults, previousCurrent] : refreshedResults
+  const decorationsToRemove = findDecorations(decorations, staleResults, textblocks)
+  const decorationsToAdd = resultsToRefresh.map(({ result, index }) => {
+    return createDecoration(result, currentIndex, index)
+  })
+
+  return decorations.remove(decorationsToRemove).add(doc, decorationsToAdd)
+}
diff --git a/packages/extension-find-and-replace/src/utils/refreshDocumentState.ts b/packages/extension-find-and-replace/src/utils/refreshDocumentState.ts
new file mode 100644
index 0000000..4163d42
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/refreshDocumentState.ts
@@ -0,0 +1,47 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Mapping } from '@tiptap/pm/transform'
+
+import type { FindAndReplaceMeta, FindAndReplacePluginState } from '../plugin/plugin-state.js'
+import { searchTextblocks } from '../search/search.js'
+
+import { getChangedTextblocks } from './getChangedTextblocks.js'
+import { mapResult } from './mapResult.js'
+import { mapResults } from './mapResults.js'
+import { mergeResults } from './mergeResults.js'
+import { refreshDecorations } from './refreshDecorations.js'
+import { resolveCurrentIndex } from './resolveCurrentIndex.js'
+import { resultInTextblocks } from './resultInTextblocks.js'
+
+export function refreshDocumentState(
+  previousState: FindAndReplacePluginState,
+  state: FindAndReplacePluginState,
+  doc: PMNode,
+  meta: FindAndReplaceMeta | undefined,
+  mapping: Mapping,
+): FindAndReplacePluginState {
+  const textblocks = getChangedTextblocks(doc, mapping)
+  const mappedResults = mapResults(previousState.results, mapping)
+  const unaffectedResults = mappedResults.filter(result => !resultInTextblocks(result, textblocks))
+  const changedResults = searchTextblocks(textblocks, state.searchTerm, state)
+  const results = mergeResults(unaffectedResults, changedResults)
+  const currentIndex = resolveCurrentIndex(previousState, results, meta, true, mapping)
+  const previousCurrent =
+    previousState.currentIndex === null
+      ? null
+      : mapResult(previousState.results[previousState.currentIndex], mapping)
+  const decorations = previousState.decorations.map(mapping, doc)
+
+  return {
+    ...state,
+    results,
+    currentIndex,
+    decorations: refreshDecorations(
+      decorations,
+      doc,
+      results,
+      currentIndex,
+      textblocks,
+      previousCurrent,
+    ),
+  }
+}
diff --git a/packages/extension-find-and-replace/src/utils/refreshState.ts b/packages/extension-find-and-replace/src/utils/refreshState.ts
new file mode 100644
index 0000000..ba7ff6a
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/refreshState.ts
@@ -0,0 +1,27 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Mapping } from '@tiptap/pm/transform'
+
+import type { FindAndReplaceMeta, FindAndReplacePluginState } from '../plugin/plugin-state.js'
+import { searchDocument } from '../search/search.js'
+
+import { createDecorations } from './createDecorations.js'
+import { resolveCurrentIndex } from './resolveCurrentIndex.js'
+
+export function refreshState(
+  previousState: FindAndReplacePluginState,
+  state: FindAndReplacePluginState,
+  doc: PMNode,
+  meta: FindAndReplaceMeta | undefined,
+  docChanged: boolean,
+  mapping: Mapping | undefined,
+): FindAndReplacePluginState {
+  const results = searchDocument(doc, state.searchTerm, state)
+  const currentIndex = resolveCurrentIndex(previousState, results, meta, docChanged, mapping)
+
+  return {
+    ...state,
+    results,
+    currentIndex,
+    decorations: createDecorations(doc, results, currentIndex),
+  }
+}
diff --git a/packages/extension-find-and-replace/src/utils/replaceAllResults.ts b/packages/extension-find-and-replace/src/utils/replaceAllResults.ts
new file mode 100644
index 0000000..c5c739f
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/replaceAllResults.ts
@@ -0,0 +1,18 @@
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+
+import type { SearchResult } from '../search/search.js'
+import { groupResults } from './groupResults.js'
+import { replaceGroup } from './replaceGroup.js'
+
+export function replaceAllResults(
+  tr: Transaction,
+  state: EditorState,
+  results: SearchResult[],
+  replaceTerm: string,
+): void {
+  const groups = groupResults(state, results)
+
+  for (const group of groups.reverse()) {
+    replaceGroup(tr, group, replaceTerm)
+  }
+}
diff --git a/packages/extension-find-and-replace/src/utils/replaceGroup.ts b/packages/extension-find-and-replace/src/utils/replaceGroup.ts
new file mode 100644
index 0000000..8b4ab3c
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/replaceGroup.ts
@@ -0,0 +1,54 @@
+import type { Transaction } from '@tiptap/pm/state'
+
+import type { SearchResult } from '../search/search.js'
+import type { ResultGroup } from './groupResults.js'
+
+function replaceSeparateResults(
+  tr: Transaction,
+  results: SearchResult[],
+  replaceTerm: string,
+): void {
+  for (const result of [...results].reverse()) {
+    tr.insertText(replaceTerm, result.from, result.to)
+  }
+}
+
+function createReplacement(
+  group: ResultGroup,
+  text: string,
+  firstResult: SearchResult,
+  replaceTerm: string,
+): string {
+  let offset = firstResult.from - group.from
+  const replacement: string[] = []
+
+  for (const result of group.results) {
+    const from = result.from - group.from
+    const to = result.to - group.from
+
+    replacement.push(text.slice(offset, from), replaceTerm)
+    offset = to
+  }
+
+  return replacement.join('')
+}
+
+export function replaceGroup(tr: Transaction, group: ResultGroup, replaceTerm: string): void {
+  const firstResult = group.results[0]
+  const lastResult = group.results.at(-1)
+
+  if (!lastResult) {
+    return
+  }
+
+  if (group.text === null) {
+    replaceSeparateResults(tr, group.results, replaceTerm)
+    return
+  }
+
+  tr.insertText(
+    createReplacement(group, group.text, firstResult, replaceTerm),
+    firstResult.from,
+    lastResult.to,
+  )
+}
diff --git a/packages/extension-find-and-replace/src/utils/resolveCurrentIndex.ts b/packages/extension-find-and-replace/src/utils/resolveCurrentIndex.ts
new file mode 100644
index 0000000..3a395bf
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/resolveCurrentIndex.ts
@@ -0,0 +1,27 @@
+import type { Mapping } from '@tiptap/pm/transform'
+
+import type { FindAndReplaceMeta, FindAndReplacePluginState } from '../plugin/plugin-state.js'
+import type { SearchResult } from '../search/search.js'
+
+import { getMetaCurrentIndex } from './getMetaCurrentIndex.js'
+import { getSearchCurrentIndex } from './getSearchCurrentIndex.js'
+
+export function resolveCurrentIndex(
+  previousState: FindAndReplacePluginState,
+  results: SearchResult[],
+  meta: FindAndReplaceMeta | undefined,
+  docChanged: boolean,
+  mapping: Mapping | undefined,
+): number | null {
+  if (results.length === 0) {
+    return null
+  }
+
+  const metaIndex = getMetaCurrentIndex(meta, results.length)
+
+  if (metaIndex !== undefined) {
+    return metaIndex
+  }
+
+  return getSearchCurrentIndex(previousState, results, meta, docChanged, mapping)
+}
diff --git a/packages/extension-find-and-replace/src/utils/resultInTextblocks.ts b/packages/extension-find-and-replace/src/utils/resultInTextblocks.ts
new file mode 100644
index 0000000..d55a671
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/resultInTextblocks.ts
@@ -0,0 +1,30 @@
+import type { SearchResult } from '../search/search.js'
+
+import type { TextblockRange } from './types.js'
+
+export function resultInTextblocks(
+  result: SearchResult,
+  textblocks: readonly TextblockRange[],
+): boolean {
+  let start = 0
+  let end = textblocks.length - 1
+
+  while (start <= end) {
+    const index = Math.floor((start + end) / 2)
+    const textblock = textblocks[index]
+
+    if (result.from < textblock.from) {
+      end = index - 1
+      continue
+    }
+
+    if (result.to > textblock.to) {
+      start = index + 1
+      continue
+    }
+
+    return true
+  }
+
+  return false
+}
diff --git a/packages/extension-find-and-replace/src/utils/sameResult.ts b/packages/extension-find-and-replace/src/utils/sameResult.ts
new file mode 100644
index 0000000..0ef4101
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/sameResult.ts
@@ -0,0 +1,5 @@
+import type { SearchResult } from '../search/search.js'
+
+export function sameResult(first: SearchResult, second: SearchResult): boolean {
+  return first.from === second.from && first.to === second.to
+}
diff --git a/packages/extension-find-and-replace/src/utils/shouldRefreshResult.ts b/packages/extension-find-and-replace/src/utils/shouldRefreshResult.ts
new file mode 100644
index 0000000..51a8acf
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/shouldRefreshResult.ts
@@ -0,0 +1,18 @@
+import type { SearchResult } from '../search/search.js'
+
+import { isCurrentResult } from './isCurrentResult.js'
+import { resultInTextblocks } from './resultInTextblocks.js'
+import type { TextblockRange } from './types.js'
+
+export function shouldRefreshResult(
+  result: SearchResult,
+  textblocks: readonly TextblockRange[],
+  previousCurrent: SearchResult | null,
+  current: SearchResult | null,
+): boolean {
+  return (
+    resultInTextblocks(result, textblocks) ||
+    isCurrentResult(result, previousCurrent) ||
+    isCurrentResult(result, current)
+  )
+}
diff --git a/packages/extension-find-and-replace/src/utils/touchesSearch.ts b/packages/extension-find-and-replace/src/utils/touchesSearch.ts
new file mode 100644
index 0000000..7b741c9
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/touchesSearch.ts
@@ -0,0 +1,7 @@
+import type { FindAndReplaceMeta } from '../plugin/plugin-state.js'
+
+const searchKeys = ['searchTerm', 'caseSensitive', 'useRegex', 'wholeWord'] as const
+
+export function touchesSearch(meta: FindAndReplaceMeta | undefined): boolean {
+  return !!meta && searchKeys.some(key => key in meta)
+}
diff --git a/packages/extension-find-and-replace/src/utils/types.ts b/packages/extension-find-and-replace/src/utils/types.ts
new file mode 100644
index 0000000..bac46ef
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/types.ts
@@ -0,0 +1,11 @@
+import type { TextblockSearchTarget } from '../search/search.js'
+
+export interface TextblockRange extends TextblockSearchTarget {
+  from: number
+  to: number
+}
+
+export interface IndexedResult {
+  result: import('../search/search.js').SearchResult
+  index: number
+}
diff --git a/packages/extension-find-and-replace/src/utils/updateState.ts b/packages/extension-find-and-replace/src/utils/updateState.ts
new file mode 100644
index 0000000..c398722
--- /dev/null
+++ b/packages/extension-find-and-replace/src/utils/updateState.ts
@@ -0,0 +1,33 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Mapping } from '@tiptap/pm/transform'
+
+import type { FindAndReplaceMeta, FindAndReplacePluginState } from '../plugin/plugin-state.js'
+
+import { hasCurrentIndex } from './hasCurrentIndex.js'
+import { refreshCurrentIndexState } from './refreshCurrentIndexState.js'
+import { refreshDocumentState } from './refreshDocumentState.js'
+import { refreshState } from './refreshState.js'
+import { touchesSearch } from './touchesSearch.js'
+
+export function updateState(
+  previousState: FindAndReplacePluginState,
+  state: FindAndReplacePluginState,
+  doc: PMNode,
+  meta: FindAndReplaceMeta | undefined,
+  docChanged: boolean,
+  mapping: Mapping,
+): FindAndReplacePluginState {
+  if (touchesSearch(meta)) {
+    return refreshState(previousState, state, doc, meta, docChanged, mapping)
+  }
+
+  if (docChanged) {
+    return refreshDocumentState(previousState, state, doc, meta, mapping)
+  }
+
+  if (hasCurrentIndex(meta)) {
+    return refreshCurrentIndexState(previousState, state, doc, meta)
+  }
+
+  return state
+}
diff --git a/packages/extension-find-and-replace/tests/integration/findAndReplace.test.ts b/packages/extension-find-and-replace/tests/integration/findAndReplace.test.ts
new file mode 100644
index 0000000..1335525
--- /dev/null
+++ b/packages/extension-find-and-replace/tests/integration/findAndReplace.test.ts
@@ -0,0 +1,536 @@
+import { Editor } from '@tiptap/core'
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import FindAndReplace, {
+  createSearchRegex,
+  searchDocument,
+} from '@tiptap/extension-find-and-replace'
+import type { FindAndReplaceOptions } from '@tiptap/extension-find-and-replace'
+import HardBreak from '@tiptap/extension-hard-break'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { normalizeCurrentIndex } from '../../src/utils/normalizeCurrentIndex.js'
+
+describe('FindAndReplace', () => {
+  let editor: Editor
+
+  const createEditor = (
+    content: string,
+    options: Partial<FindAndReplaceOptions> = { searchDebounceMs: 0 },
+  ) => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+
+    return new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, Bold, FindAndReplace.configure(options)],
+      content,
+    })
+  }
+
+  beforeEach(() => {
+    editor = createEditor('<p>Hello hello HELLO</p>')
+  })
+
+  afterEach(() => {
+    editor.destroy()
+    vi.useRealTimers()
+  })
+
+  it('debounces setSearchTerm by default', () => {
+    vi.useFakeTimers()
+
+    editor.destroy()
+    editor = createEditor('<p>Hello hello HELLO</p>', { searchDebounceMs: 250 })
+
+    editor.commands.setSearchTerm('hel')
+    editor.commands.setSearchTerm('hello')
+
+    expect(editor.storage.findAndReplace.searchTerm).toBe('')
+    expect(editor.storage.findAndReplace.results).toEqual([])
+
+    vi.advanceTimersByTime(249)
+
+    expect(editor.storage.findAndReplace.searchTerm).toBe('')
+    expect(editor.storage.findAndReplace.results).toEqual([])
+
+    vi.advanceTimersByTime(1)
+
+    expect(editor.storage.findAndReplace.searchTerm).toBe('hello')
+    expect(editor.storage.findAndReplace.results).toEqual([
+      { from: 1, to: 6 },
+      { from: 7, to: 12 },
+      { from: 13, to: 18 },
+    ])
+  })
+
+  it('flushes pending search before replace', () => {
+    vi.useFakeTimers()
+
+    editor.destroy()
+    editor = createEditor('<p>foo bar foo</p>', { searchDebounceMs: 250 })
+
+    editor.commands.setSearchTerm('foo')
+    editor.commands.setReplaceTerm('baz')
+
+    expect(editor.commands.replace()).toBe(true)
+    expect(editor.getText()).toBe('baz bar foo')
+  })
+
+  it('finds matches case insensitively by default', () => {
+    editor.commands.setSearchTerm('hello')
+
+    expect(editor.storage.findAndReplace.results).toEqual([
+      { from: 1, to: 6 },
+      { from: 7, to: 12 },
+      { from: 13, to: 18 },
+    ])
+    expect(editor.storage.findAndReplace.currentIndex).toBe(0)
+  })
+
+  it('syncs the search term to the storage', () => {
+    editor.commands.setSearchTerm('hello')
+
+    expect(editor.storage.findAndReplace.searchTerm).toBe('hello')
+  })
+
+  it('syncs initial search results to the storage', () => {
+    editor.destroy()
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Bold,
+        FindAndReplace.configure({ searchTerm: 'hello', searchDebounceMs: 0 }),
+      ],
+      content: '<p>Hello hello HELLO</p>',
+    })
+
+    expect(editor.storage.findAndReplace.results).toEqual([
+      { from: 1, to: 6 },
+      { from: 7, to: 12 },
+      { from: 13, to: 18 },
+    ])
+  })
+
+  it('finds only exact matches when case sensitive', () => {
+    editor.commands.setSearchTerm('hello')
+    editor.commands.setCaseSensitive(true)
+
+    expect(editor.storage.findAndReplace.results).toEqual([{ from: 7, to: 12 }])
+  })
+
+  it('supports regular expressions', () => {
+    editor.commands.setUseRegex(true)
+    editor.commands.setSearchTerm('h.llo')
+
+    expect(editor.storage.findAndReplace.results).toHaveLength(3)
+  })
+
+  it('supports Unicode property escapes in regex mode', () => {
+    editor.destroy()
+    editor = createEditor('<p>café 123</p>')
+    editor.commands.setUseRegex(true)
+    editor.commands.setSearchTerm('\\p{L}+')
+
+    expect(editor.storage.findAndReplace.results).toEqual([{ from: 1, to: 5 }])
+  })
+
+  it('matches an emoji as one character in regex mode', () => {
+    editor.destroy()
+    editor = createEditor('<p>😀</p>')
+    editor.commands.setUseRegex(true)
+    editor.commands.setSearchTerm('.')
+
+    expect(editor.storage.findAndReplace.results).toEqual([{ from: 1, to: 3 }])
+  })
+
+  it('returns no results for an invalid regular expression', () => {
+    editor.commands.setUseRegex(true)
+    editor.commands.setSearchTerm('([')
+
+    expect(editor.storage.findAndReplace.results).toEqual([])
+  })
+
+  it('finds matches across marks', () => {
+    editor.destroy()
+    editor = createEditor('<p>he<strong>llo</strong> world</p>')
+    editor.commands.setSearchTerm('hello')
+
+    expect(editor.storage.findAndReplace.results).toEqual([{ from: 1, to: 6 }])
+  })
+
+  it('does not match across hard breaks', () => {
+    editor.destroy()
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        HardBreak,
+        FindAndReplace.configure({ searchDebounceMs: 0 }),
+      ],
+      content: '<p>foo<br>bar</p>',
+    })
+    editor.commands.setSearchTerm('foo\nbar')
+
+    expect(editor.storage.findAndReplace.results).toEqual([])
+  })
+
+  it('finds results in a mark-heavy paragraph', () => {
+    const segmentCount = 10_000
+    const content = Array.from({ length: segmentCount }, (_, index) =>
+      index % 2 === 0 ? '<strong>a</strong>' : 'a',
+    ).join('')
+
+    editor.destroy()
+    editor = createEditor(`<p>${content}</p>`)
+
+    const results = searchDocument(editor.state.doc, 'a', {
+      caseSensitive: false,
+      useRegex: false,
+      wholeWord: false,
+    })
+
+    expect(results).toHaveLength(segmentCount)
+    expect(results[0]).toEqual({ from: 1, to: 2 })
+    expect(results.at(-1)).toEqual({ from: segmentCount, to: segmentCount + 1 })
+  })
+
+  it('renders decorations for all results', () => {
+    editor.commands.setSearchTerm('hello')
+
+    const results = editor.view.dom.querySelectorAll('.find-and-replace-result')
+    const current = editor.view.dom.querySelectorAll('.find-and-replace-result-current')
+
+    expect(results).toHaveLength(3)
+    expect(current).toHaveLength(1)
+  })
+
+  it('updates results when the document changes', () => {
+    editor.commands.setSearchTerm('hello')
+    editor.commands.setContent('<p>hello hello</p>')
+
+    expect(editor.storage.findAndReplace.results).toHaveLength(2)
+  })
+
+  it('updates only the matches in a changed textblock', () => {
+    editor.destroy()
+    editor = createEditor('<p>foo</p><p>foo</p><p>foo</p>')
+    editor.commands.setSearchTerm('foo')
+
+    editor.commands.insertContentAt(2, 'x')
+
+    expect(editor.storage.findAndReplace.results).toEqual([
+      { from: 7, to: 10 },
+      { from: 12, to: 15 },
+    ])
+    expect(editor.view.dom.querySelectorAll('.find-and-replace-result')).toHaveLength(2)
+  })
+
+  it('removes mapped matches from a deleted textblock', () => {
+    editor.destroy()
+    editor = createEditor('<p>foo</p><p>foo</p>')
+    editor.commands.setSearchTerm('foo')
+
+    editor.view.dispatch(editor.state.tr.delete(0, 5))
+
+    expect(editor.storage.findAndReplace.results).toEqual([{ from: 1, to: 4 }])
+    expect(editor.view.dom.querySelectorAll('.find-and-replace-result')).toHaveLength(1)
+  })
+
+  it('updates whole-word matches at a changed textblock boundary', () => {
+    editor.destroy()
+    editor = createEditor('<p>hello</p><p>hello</p>')
+    editor.commands.setSearchTerm('hello')
+    editor.commands.setWholeWord(true)
+
+    editor.commands.insertContentAt(6, 'x')
+
+    expect(editor.storage.findAndReplace.results).toEqual([{ from: 9, to: 14 }])
+  })
+
+  it('selects the first result created by a document change', () => {
+    editor.commands.setSearchTerm('world')
+    editor.commands.setContent('<p>world</p>')
+
+    expect(editor.storage.findAndReplace.currentIndex).toBe(0)
+    expect(editor.view.dom.querySelectorAll('.find-and-replace-result-current')).toHaveLength(1)
+  })
+
+  it('selects the first result when text is inserted after setting the search term', () => {
+    editor.destroy()
+    editor = createEditor('<p></p>')
+    editor.commands.setSearchTerm('hello')
+
+    expect(editor.storage.findAndReplace.currentIndex).toBeNull()
+
+    editor.commands.insertContent('hello')
+
+    expect(editor.storage.findAndReplace.results).toEqual([{ from: 1, to: 6 }])
+    expect(editor.storage.findAndReplace.currentIndex).toBe(0)
+    expect(editor.view.dom.querySelectorAll('.find-and-replace-result-current')).toHaveLength(1)
+  })
+
+  it('clears results and decorations on clearSearch', () => {
+    editor.commands.setSearchTerm('hello')
+    editor.commands.clearSearch()
+
+    expect(editor.storage.findAndReplace.results).toEqual([])
+    expect(editor.view.dom.querySelectorAll('.find-and-replace-result')).toHaveLength(0)
+  })
+
+  it('navigates results with wrap around', () => {
+    editor.destroy()
+    editor = createEditor('<p>one two one two one</p>')
+    editor.commands.setSearchTerm('one')
+
+    const currentResultPositions = () => {
+      return Array.from(editor.view.dom.querySelectorAll('.find-and-replace-result-current')).map(
+        element => editor.view.posAtDOM(element, 0),
+      )
+    }
+
+    expect(editor.storage.findAndReplace.currentIndex).toBe(0)
+    expect(currentResultPositions()).toEqual([1])
+
+    editor.commands.goToNextResult()
+    expect(editor.storage.findAndReplace.currentIndex).toBe(1)
+    expect(editor.state.selection.from).toBe(9)
+    expect(editor.state.selection.to).toBe(12)
+    expect(currentResultPositions()).toEqual([9])
+
+    editor.commands.goToNextResult()
+    expect(currentResultPositions()).toEqual([17])
+
+    editor.commands.goToNextResult()
+    expect(editor.storage.findAndReplace.currentIndex).toBe(0)
+    expect(currentResultPositions()).toEqual([1])
+
+    editor.commands.goToPreviousResult()
+    expect(editor.storage.findAndReplace.currentIndex).toBe(2)
+    expect(currentResultPositions()).toEqual([17])
+  })
+
+  it('replaces the current result and jumps to the next one', () => {
+    editor.destroy()
+    editor = createEditor('<p>foo bar foo</p>')
+    editor.commands.setSearchTerm('foo')
+    editor.commands.setReplaceTerm('baz')
+    editor.commands.replace()
+
+    expect(editor.getText()).toBe('baz bar foo')
+    expect(editor.storage.findAndReplace.results).toEqual([{ from: 9, to: 12 }])
+    expect(editor.storage.findAndReplace.currentIndex).toBe(0)
+    expect(editor.state.selection.from).toBe(9)
+    expect(editor.state.selection.to).toBe(12)
+  })
+
+  it('skips a replacement that still matches the search term', () => {
+    editor.destroy()
+    editor = createEditor('<p>foo bar foo</p>')
+    editor.commands.setSearchTerm('foo')
+    editor.commands.setReplaceTerm('foobar')
+    editor.commands.replace()
+
+    expect(editor.getText()).toBe('foobar bar foo')
+    expect(editor.storage.findAndReplace.currentIndex).toBe(1)
+    expect(editor.state.selection.from).toBe(12)
+    expect(editor.state.selection.to).toBe(15)
+  })
+
+  it('wraps around when replacing the last result', () => {
+    editor.destroy()
+    editor = createEditor('<p>foo bar foo</p>')
+    editor.commands.setSearchTerm('foo')
+    editor.commands.setReplaceTerm('foo')
+    editor.commands.goToNextResult()
+    editor.commands.replace()
+
+    expect(editor.getText()).toBe('foo bar foo')
+    expect(editor.storage.findAndReplace.currentIndex).toBe(0)
+  })
+
+  it('replaces all results at once', () => {
+    editor.commands.setSearchTerm('hello')
+    editor.commands.setReplaceTerm('world')
+    editor.commands.replaceAll()
+
+    expect(editor.getText()).toBe('world world world')
+    expect(editor.storage.findAndReplace.results).toEqual([])
+    expect(editor.storage.findAndReplace.currentIndex).toBeNull()
+  })
+
+  it('replaces results across textblocks without removing trailing text', () => {
+    editor.destroy()
+    editor = createEditor('<p>foo end</p><p>foo end</p>')
+    editor.commands.setSearchTerm('foo')
+    editor.commands.setReplaceTerm('long replacement')
+    editor.commands.replaceAll()
+
+    expect(editor.getHTML()).toBe('<p>long replacement end</p><p>long replacement end</p>')
+  })
+
+  it('replaces results across marks', () => {
+    editor.destroy()
+    editor = createEditor('<p>he<strong>llo</strong> he<strong>llo</strong></p>')
+    editor.commands.setSearchTerm('hello')
+    editor.commands.setReplaceTerm('world')
+    editor.commands.replaceAll()
+
+    expect(editor.getHTML()).toBe('<p>world world</p>')
+  })
+
+  it('replaces many results with one transaction step', () => {
+    const resultCount = 20_000
+    const content = Array.from({ length: resultCount }, () => 'foo').join(' ')
+    const transactions: number[] = []
+
+    editor.destroy()
+    editor = createEditor(`<p>${content}</p>`)
+    editor.commands.setSearchTerm('foo')
+    editor.commands.setReplaceTerm('bar')
+    editor.on('transaction', ({ transaction }) => {
+      transactions.push(transaction.steps.length)
+    })
+    editor.commands.replaceAll()
+
+    expect(editor.getText()).toBe(content.replaceAll('foo', 'bar'))
+    expect(transactions).toEqual([1])
+  }, 10_000)
+
+  it('keeps new results when the replacement still matches', () => {
+    editor.commands.setSearchTerm('hello')
+    editor.commands.setReplaceTerm('hello!')
+    editor.commands.replaceAll()
+
+    expect(editor.getText()).toBe('hello! hello! hello!')
+    expect(editor.storage.findAndReplace.results).toEqual([
+      { from: 1, to: 6 },
+      { from: 8, to: 13 },
+      { from: 15, to: 20 },
+    ])
+  })
+
+  it('does nothing on replace without results', () => {
+    expect(editor.commands.replace()).toBe(false)
+    expect(editor.commands.replaceAll()).toBe(false)
+  })
+
+  it('handles nested quantifiers with the safe regex engine', () => {
+    editor.destroy()
+    editor = createEditor('<p>aaaa</p>')
+    editor.commands.setUseRegex(true)
+    editor.commands.setSearchTerm('(a+)+')
+
+    expect(editor.storage.findAndReplace.results).toEqual([{ from: 1, to: 5 }])
+  })
+
+  it('handles overlapping alternatives without catastrophic backtracking', () => {
+    editor.destroy()
+    editor = createEditor(`<p>${'a'.repeat(40)}!</p>`)
+    editor.commands.setUseRegex(true)
+    editor.commands.setSearchTerm('^(a|aa)+$')
+
+    expect(editor.storage.findAndReplace.results).toEqual([])
+  })
+
+  it('creates a safe matcher for regex mode', () => {
+    const regex = createSearchRegex('^(a|aa)+$', {
+      caseSensitive: true,
+      useRegex: true,
+      wholeWord: false,
+    })
+
+    expect(regex).not.toBeNull()
+    expect(regex).not.toBeInstanceOf(RegExp)
+  })
+
+  it('returns no results for unsupported regex syntax', () => {
+    editor.commands.setUseRegex(true)
+    editor.commands.setSearchTerm('(?=hello)hello')
+
+    expect(editor.storage.findAndReplace.results).toEqual([])
+
+    editor.commands.setSearchTerm('(hello)\\1')
+
+    expect(editor.storage.findAndReplace.results).toEqual([])
+  })
+
+  it('finds only whole words when wholeWord is enabled', () => {
+    editor.destroy()
+    editor = createEditor('<p>hello helloworld worldhello hello</p>')
+    editor.commands.setSearchTerm('hello')
+    editor.commands.setWholeWord(true)
+
+    expect(editor.storage.findAndReplace.results).toEqual([
+      { from: 1, to: 6 },
+      { from: 29, to: 34 },
+    ])
+  })
+
+  it('finds Unicode whole words when wholeWord is enabled', () => {
+    editor.destroy()
+    editor = createEditor('<p>café caféine café</p>')
+    editor.commands.setSearchTerm('café')
+    editor.commands.setWholeWord(true)
+
+    expect(editor.storage.findAndReplace.results).toEqual([
+      { from: 1, to: 5 },
+      { from: 14, to: 18 },
+    ])
+  })
+
+  it('ignores wholeWord when regex mode is enabled', () => {
+    editor.destroy()
+    editor = createEditor('<p>hello helloworld worldhello hello</p>')
+    editor.commands.setUseRegex(true)
+    editor.commands.setSearchTerm('hello')
+    editor.commands.setWholeWord(true)
+
+    expect(editor.storage.findAndReplace.results).toHaveLength(4)
+  })
+
+  it('syncs wholeWord to the storage', () => {
+    editor.commands.setWholeWord(true)
+
+    expect(editor.storage.findAndReplace.wholeWord).toBe(true)
+  })
+
+  it('keeps the active result when a new match is inserted before it', () => {
+    editor.commands.setSearchTerm('hello')
+    editor.commands.goToNextResult()
+
+    expect(editor.storage.findAndReplace.currentIndex).toBe(1)
+
+    editor.commands.insertContentAt(7, 'hello ')
+
+    expect(editor.storage.findAndReplace.results).toHaveLength(4)
+    expect(editor.storage.findAndReplace.currentIndex).toBe(2)
+    expect(editor.storage.findAndReplace.results[2]).toEqual({ from: 13, to: 18 })
+  })
+
+  it('keeps the active result when a new match is inserted after it', () => {
+    editor.commands.setSearchTerm('hello')
+    editor.commands.goToNextResult()
+
+    expect(editor.storage.findAndReplace.currentIndex).toBe(1)
+
+    editor.commands.insertContentAt(12, 'hello ')
+
+    expect(editor.storage.findAndReplace.results).toHaveLength(4)
+    expect(editor.storage.findAndReplace.currentIndex).toBe(1)
+    expect(editor.storage.findAndReplace.results[1]).toEqual({ from: 7, to: 12 })
+  })
+
+  it('normalizes search result indices', () => {
+    expect(normalizeCurrentIndex(undefined, 1)).toBeNull()
+    expect(normalizeCurrentIndex(null, 1)).toBeNull()
+    expect(normalizeCurrentIndex(0, 0)).toBeNull()
+    expect(normalizeCurrentIndex(-1, 2)).toBe(0)
+    expect(normalizeCurrentIndex(2, 2)).toBe(1)
+  })
+})
diff --git a/packages/extension-find-and-replace/vite.config.ts b/packages/extension-find-and-replace/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-find-and-replace/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-floating-menu/CHANGELOG.md b/packages/extension-floating-menu/CHANGELOG.md
new file mode 100644
index 0000000..f2ba87c
--- /dev/null
+++ b/packages/extension-floating-menu/CHANGELOG.md
@@ -0,0 +1,2013 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- 94ecb30: Added a safeguard to avoid `TypeError: Cannot read properties of null (reading 'domFromPos')` being thrown when the editor was being destroyed
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- 22b1527: Add new transaction meta handlers to programmatically show & hide the floating & bubble menus via `transaction.setMeta('menuKey', 'show')` and `transaction.setMeta('menuKey', 'hide')`
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- 253ca1c: Fix `BubbleMenu`/`FloatingMenu` to use `pluginKey` as the transaction meta key so that multiple instances can be updated independently without affecting each other
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- 3e446fb: Fix BubbleMenu and FloatingMenu props not updating after initialization
+  - @tiptap/core@3.18.0
+  - @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- 725d182: Fixed bubble and floating menus to properly handle hide middleware data, hiding menus when reference element is scrolled out of view
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Minor Changes
+
+- 9516ee0: Add updateEvent support for FloatingMenu to allow programmatic position updates via `setMeta('floatingMenu', 'updatePosition')`
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- 9ef26a6: Fixed a problem where the position of a menu is not updated on creation when shouldShow is true
+  - @tiptap/core@3.6.6
+  - @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- 48846f2: You can now pass a callback to the `appendTo` option in the floating and bubble menu
+  extensions. The callback must return an element synchronously,
+  so menus can be appended to elements that are created dynamically.
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- f80c848: Add `appendTo` support to `FloatingMenu` and pass it through in React/Vue 2/Vue 3 for both `BubbleMenu` and `FloatingMenu` to allow fixing clipping/z-index issues.
+  - @tiptap/core@3.5.1
+  - @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- 6b42853: Fix: Fix a problem with the inline option and virtual elements missing getClientRects
+  - @tiptap/core@3.0.7
+  - @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- f8a4e3e: Refactor: Make shouldShow optional on bubbleMenu and floatingMenu options
+  - @tiptap/core@3.0.5
+  - @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- 601b1f6: Improvement: Added better JSDocs for the options object
+  - @tiptap/core@3.0.2
+  - @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 1d4d928: Added `tab-index="0"` to menu wrappers
+- 8c69002: Synced beta with stable features
+- 0f14cc5: Added missing `onShow`, `onUpdate`, `onHide` and `onDestroy` options
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- 1d4d928: Added `tab-index="0"` to menu wrappers
+  - @tiptap/core@3.0.0-beta.22
+  - @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- 0f14cc5: Added missing `onShow`, `onUpdate`, `onHide` and `onDestroy` options
+  - @tiptap/core@3.0.0-beta.11
+  - @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+### Patch Changes
+
+- d9b6ef5: Fixed an issue that cause the floating menu empty-node check to not respect leaf nodes that didn't count into a nodes text content
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Major Changes
+
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/pm@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/pm@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/pm@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/pm@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/pm@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/pm@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/pm@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/pm@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/pm@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/pm@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+### Bug Fixes
+
+- **bubble-menu:** change lodash to lodash-es for esbuild ([2d7661c](https://github.com/ueberdosis/tiptap/commit/2d7661c910a76f1d362728a48a3c3a09236a2b00))
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+### Bug Fixes
+
+- remove blur event listener from tippy element ([#3365](https://github.com/ueberdosis/tiptap/issues/3365)) ([#3366](https://github.com/ueberdosis/tiptap/issues/3366)) ([aca6c88](https://github.com/ueberdosis/tiptap/commit/aca6c88f2de7d33d9b12a39fa82f59762d355603))
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+### Bug Fixes
+
+- **extension/bubble-menu:** :bug: fix bubble menu and floating menu being available when editor not editable ([#3195](https://github.com/ueberdosis/tiptap/issues/3195)) ([fa96749](https://github.com/ueberdosis/tiptap/commit/fa96749ce22ec67125da491cfeeb38623b9f0d6e))
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.56](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.55...@tiptap/extension-floating-menu@2.0.0-beta.56) (2022-06-27)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.55](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.54...@tiptap/extension-floating-menu@2.0.0-beta.55) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.54](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.52...@tiptap/extension-floating-menu@2.0.0-beta.54) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.52](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.52...@tiptap/extension-floating-menu@2.0.0-beta.52) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.51](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.50...@tiptap/extension-floating-menu@2.0.0-beta.51) (2022-04-27)
+
+### Bug Fixes
+
+- Mark the bubble/floating menu extensions as side effect free ([172513c](https://github.com/ueberdosis/tiptap/commit/172513cb445fa295dd9f7d7ec553ed22baa9d435))
+
+# [2.0.0-beta.50](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.49...@tiptap/extension-floating-menu@2.0.0-beta.50) (2022-01-25)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.49](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.48...@tiptap/extension-floating-menu@2.0.0-beta.49) (2022-01-04)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.48](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.47...@tiptap/extension-floating-menu@2.0.0-beta.48) (2021-12-22)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.47](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.46...@tiptap/extension-floating-menu@2.0.0-beta.47) (2021-12-15)
+
+### Bug Fixes
+
+- maybe hide tippy on blur, fix [#1433](https://github.com/ueberdosis/tiptap/issues/1433) ([063ced2](https://github.com/ueberdosis/tiptap/commit/063ced27ca55f331960b01ee6aea5623eee0ba49))
+- show FloatingMenu by default only if focused ([#2275](https://github.com/ueberdosis/tiptap/issues/2275)) ([809af3b](https://github.com/ueberdosis/tiptap/commit/809af3b6c6dd2b82cfd4da032181c1f4e93d01cd))
+
+# [2.0.0-beta.46](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.45...@tiptap/extension-floating-menu@2.0.0-beta.46) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.45](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.44...@tiptap/extension-floating-menu@2.0.0-beta.45) (2021-11-17)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.44](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.43...@tiptap/extension-floating-menu@2.0.0-beta.44) (2021-11-10)
+
+### Bug Fixes
+
+- remove composition check for floating menu ([#2137](https://github.com/ueberdosis/tiptap/issues/2137)) ([d0d0696](https://github.com/ueberdosis/tiptap/commit/d0d069626626d173f9fd038d1b231d15a17a43bb))
+
+# [2.0.0-beta.43](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.42...@tiptap/extension-floating-menu@2.0.0-beta.43) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.42](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.41...@tiptap/extension-floating-menu@2.0.0-beta.42) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.41](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.40...@tiptap/extension-floating-menu@2.0.0-beta.41) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.40](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.39...@tiptap/extension-floating-menu@2.0.0-beta.40) (2021-11-08)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.39](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.38...@tiptap/extension-floating-menu@2.0.0-beta.39) (2021-11-05)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.38](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.37...@tiptap/extension-floating-menu@2.0.0-beta.38) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.36...@tiptap/extension-floating-menu@2.0.0-beta.37) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.35...@tiptap/extension-floating-menu@2.0.0-beta.36) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.34...@tiptap/extension-floating-menu@2.0.0-beta.35) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.33...@tiptap/extension-floating-menu@2.0.0-beta.34) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.32...@tiptap/extension-floating-menu@2.0.0-beta.33) (2021-10-02)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.31...@tiptap/extension-floating-menu@2.0.0-beta.32) (2021-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.30...@tiptap/extension-floating-menu@2.0.0-beta.31) (2021-09-28)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.29...@tiptap/extension-floating-menu@2.0.0-beta.30) (2021-09-27)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.28...@tiptap/extension-floating-menu@2.0.0-beta.29) (2021-09-22)
+
+### Bug Fixes
+
+- Fix "destory" method in view plugins. ([#1882](https://github.com/ueberdosis/tiptap/issues/1882)) ([33420f4](https://github.com/ueberdosis/tiptap/commit/33420f4ae06d0d7eec16201a2e650be83cbb9de9))
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.27...@tiptap/extension-floating-menu@2.0.0-beta.28) (2021-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.26...@tiptap/extension-floating-menu@2.0.0-beta.27) (2021-09-07)
+
+### Bug Fixes
+
+- don’t initialize tippy on requestAnimationFrame to avoid race conditions ([#1820](https://github.com/ueberdosis/tiptap/issues/1820)) ([ca3763d](https://github.com/ueberdosis/tiptap/commit/ca3763d3c29cc0715727fe12a0e907ad86d99806))
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.25...@tiptap/extension-floating-menu@2.0.0-beta.26) (2021-09-06)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.24...@tiptap/extension-floating-menu@2.0.0-beta.25) (2021-08-23)
+
+### Bug Fixes
+
+- make shouldShow and pluginKey option for menus, fix [#1779](https://github.com/ueberdosis/tiptap/issues/1779) ([70a328b](https://github.com/ueberdosis/tiptap/commit/70a328bd3dea174170ad8e92db4c4f7f9368fd1b))
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.23...@tiptap/extension-floating-menu@2.0.0-beta.24) (2021-08-20)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.22...@tiptap/extension-floating-menu@2.0.0-beta.23) (2021-08-13)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.21...@tiptap/extension-floating-menu@2.0.0-beta.22) (2021-08-13)
+
+### Bug Fixes
+
+- rename key to pluginKey for menus ([89d26f7](https://github.com/ueberdosis/tiptap/commit/89d26f7cba2a115aa342f0ee621f0b65c840dfb8))
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.20...@tiptap/extension-floating-menu@2.0.0-beta.21) (2021-08-12)
+
+### Bug Fixes
+
+- fix some react focus issues ([#1724](https://github.com/ueberdosis/tiptap/issues/1724)), fix [#1716](https://github.com/ueberdosis/tiptap/issues/1716), fix [#1608](https://github.com/ueberdosis/tiptap/issues/1608), fix [#1520](https://github.com/ueberdosis/tiptap/issues/1520) ([956566e](https://github.com/ueberdosis/tiptap/commit/956566eaad0a522d6bc27d44594aa36d6c33f8b3))
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.19...@tiptap/extension-floating-menu@2.0.0-beta.20) (2021-08-11)
+
+### Features
+
+- add key option and shouldShow option to menus (fix [#1480](https://github.com/ueberdosis/tiptap/issues/1480), fix [#1043](https://github.com/ueberdosis/tiptap/issues/1043), fix [#1268](https://github.com/ueberdosis/tiptap/issues/1268), fix [#1503](https://github.com/ueberdosis/tiptap/issues/1503)) ([9ba61c1](https://github.com/ueberdosis/tiptap/commit/9ba61c1582cee838f2214d00285773ace2fb229e))
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.18...@tiptap/extension-floating-menu@2.0.0-beta.19) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.17...@tiptap/extension-floating-menu@2.0.0-beta.18) (2021-06-23)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.16...@tiptap/extension-floating-menu@2.0.0-beta.17) (2021-06-09)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.15...@tiptap/extension-floating-menu@2.0.0-beta.16) (2021-05-27)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.14...@tiptap/extension-floating-menu@2.0.0-beta.15) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.13...@tiptap/extension-floating-menu@2.0.0-beta.14) (2021-05-17)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.12...@tiptap/extension-floating-menu@2.0.0-beta.13) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.11...@tiptap/extension-floating-menu@2.0.0-beta.12) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.10...@tiptap/extension-floating-menu@2.0.0-beta.11) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.9...@tiptap/extension-floating-menu@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.8...@tiptap/extension-floating-menu@2.0.0-beta.9) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.7...@tiptap/extension-floating-menu@2.0.0-beta.8) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.6...@tiptap/extension-floating-menu@2.0.0-beta.7) (2021-05-04)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.5...@tiptap/extension-floating-menu@2.0.0-beta.6) (2021-04-23)
+
+### Bug Fixes
+
+- improve isActive check for floating menu when using custom doc content, fix [#1205](https://github.com/ueberdosis/tiptap/issues/1205) ([b84a56a](https://github.com/ueberdosis/tiptap/commit/b84a56a84a60a62ed0a39f8f852595acc08c35f7))
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.4...@tiptap/extension-floating-menu@2.0.0-beta.5) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.3...@tiptap/extension-floating-menu@2.0.0-beta.4) (2021-04-16)
+
+### Bug Fixes
+
+- fix tippy for react ([398fc7f](https://github.com/ueberdosis/tiptap/commit/398fc7f210b9d5449cbb00543ddf4af768552b9c))
+
+### Features
+
+- add tippyOptions prop ([9a56f66](https://github.com/ueberdosis/tiptap/commit/9a56f666a118ca7c59a6f1f67f40e6490e20d3b8))
+- use tippy for floating menu ([54df2ce](https://github.com/ueberdosis/tiptap/commit/54df2ce077a4bac09c3f1d1eab8c68a09d8f8fa9))
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.2...@tiptap/extension-floating-menu@2.0.0-beta.3) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-floating-menu@2.0.0-beta.1...@tiptap/extension-floating-menu@2.0.0-beta.2) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
+
+# 2.0.0-beta.1 (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/extension-floating-menu
diff --git a/packages/extension-floating-menu/README.md b/packages/extension-floating-menu/README.md
new file mode 100644
index 0000000..02225d1
--- /dev/null
+++ b/packages/extension-floating-menu/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-floating-menu
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-floating-menu.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-floating-menu)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-floating-menu.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-floating-menu.svg)](https://www.npmjs.com/package/@tiptap/extension-floating-menu)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-floating-menu/package.json b/packages/extension-floating-menu/package.json
new file mode 100644
index 0000000..d9063df
--- /dev/null
+++ b/packages/extension-floating-menu/package.json
@@ -0,0 +1,55 @@
+{
+  "name": "@tiptap/extension-floating-menu",
+  "version": "3.30.3",
+  "description": "floating-menu extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-floating-menu"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@floating-ui/dom": "^1.6.12",
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@floating-ui/dom": "^1.0.0",
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-floating-menu/src/floating-menu-plugin.test.ts b/packages/extension-floating-menu/src/floating-menu-plugin.test.ts
new file mode 100644
index 0000000..306492b
--- /dev/null
+++ b/packages/extension-floating-menu/src/floating-menu-plugin.test.ts
@@ -0,0 +1,250 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { PluginKey } from '@tiptap/pm/state'
+import { describe, expect, it, vi } from 'vite-plus/test'
+
+import { FloatingMenu } from './floating-menu.js'
+import { FloatingMenuView } from './floating-menu-plugin.js'
+
+function createEditor(content = '<p>Hello world</p>') {
+  return new Editor({
+    extensions: [Document, Paragraph, Text],
+    content,
+  })
+}
+
+function createFloatingMenuView(
+  editor: Editor,
+  overrides: Partial<ConstructorParameters<typeof FloatingMenuView>[0]> = {},
+) {
+  return new FloatingMenuView({
+    editor,
+    element: document.createElement('div'),
+    view: editor.view,
+    shouldShow: () => false,
+    ...overrides,
+  })
+}
+
+describe('FloatingMenuView cross-contamination', () => {
+  it('should only process updateOptions for its own pluginKey (string)', () => {
+    const editor = createEditor()
+
+    const view1 = createFloatingMenuView(editor, { pluginKey: 'floatingMenu1' })
+    const view2 = createFloatingMenuView(editor, { pluginKey: 'floatingMenu2' })
+
+    const spy1 = vi.spyOn(view1, 'updateOptions')
+    const spy2 = vi.spyOn(view2, 'updateOptions')
+
+    const newOptions = { updateDelay: 999 }
+
+    editor.view.dispatch(
+      editor.state.tr.setMeta('floatingMenu1', {
+        type: 'updateOptions',
+        options: newOptions,
+      }),
+    )
+
+    expect(spy1).toHaveBeenCalledTimes(1)
+    expect(spy1).toHaveBeenCalledWith(newOptions)
+    expect(spy2).not.toHaveBeenCalled()
+
+    view1.destroy()
+    view2.destroy()
+    editor.destroy()
+  })
+  it('should only process updateOptions for its own pluginKey (PluginKey instance)', () => {
+    const editor = createEditor()
+
+    const key1 = new PluginKey('customFloatingA')
+    const key2 = new PluginKey('customFloatingB')
+
+    const view1 = createFloatingMenuView(editor, { pluginKey: key1 })
+    const view2 = createFloatingMenuView(editor, { pluginKey: key2 })
+
+    const spy1 = vi.spyOn(view1, 'updateOptions')
+    const spy2 = vi.spyOn(view2, 'updateOptions')
+
+    const newOptions = { updateDelay: 500 }
+
+    editor.view.dispatch(
+      editor.state.tr.setMeta('customFloatingA$', {
+        type: 'updateOptions',
+        options: newOptions,
+      }),
+    )
+
+    expect(spy1).toHaveBeenCalledTimes(1)
+    expect(spy1).toHaveBeenCalledWith(newOptions)
+    expect(spy2).not.toHaveBeenCalled()
+
+    view1.destroy()
+    view2.destroy()
+    editor.destroy()
+  })
+  it('should only process updatePosition for its own pluginKey', () => {
+    const editor = createEditor()
+
+    const view1 = createFloatingMenuView(editor, { pluginKey: 'floatingMenu1' })
+    const view2 = createFloatingMenuView(editor, { pluginKey: 'floatingMenu2' })
+
+    const spy1 = vi.spyOn(view1, 'updatePosition')
+    const spy2 = vi.spyOn(view2, 'updatePosition')
+
+    editor.view.dispatch(editor.state.tr.setMeta('floatingMenu1', 'updatePosition'))
+
+    expect(spy1).toHaveBeenCalledTimes(1)
+    expect(spy2).not.toHaveBeenCalled()
+
+    view1.destroy()
+    view2.destroy()
+    editor.destroy()
+  })
+  it('should not cross-contaminate options between two instances', () => {
+    const editor = createEditor()
+
+    const view1 = createFloatingMenuView(editor, {
+      pluginKey: 'floatingMenu1',
+      updateDelay: 100,
+    })
+    const view2 = createFloatingMenuView(editor, {
+      pluginKey: 'floatingMenu2',
+      updateDelay: 200,
+    })
+
+    editor.view.dispatch(
+      editor.state.tr.setMeta('floatingMenu1', {
+        type: 'updateOptions',
+        options: { updateDelay: 999 },
+      }),
+    )
+
+    expect(view1.updateDelay).toBe(999)
+    expect(view2.updateDelay).toBe(200)
+
+    editor.view.dispatch(
+      editor.state.tr.setMeta('floatingMenu2', {
+        type: 'updateOptions',
+        options: { updateDelay: 777 },
+      }),
+    )
+
+    expect(view1.updateDelay).toBe(999)
+    expect(view2.updateDelay).toBe(777)
+
+    view1.destroy()
+    view2.destroy()
+    editor.destroy()
+  })
+  it('should use pluginKey in updateFloatingMenuPosition command', () => {
+    const customPluginKey = 'myFloatingMenu'
+    const menuElement = document.createElement('div')
+
+    const editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        FloatingMenu.configure({
+          element: menuElement,
+          pluginKey: customPluginKey,
+          shouldShow: () => false,
+        }),
+      ],
+      content: '<p>Hello world</p>',
+    })
+
+    const dispatchSpy = vi.spyOn(editor.view, 'dispatch')
+
+    editor.commands.updateFloatingMenuPosition()
+
+    const dispatchedTr = dispatchSpy.mock.calls[0][0]
+
+    expect(dispatchedTr.getMeta(customPluginKey)).toBe('updatePosition')
+    expect(dispatchedTr.getMeta('floatingMenu')).toBeUndefined()
+
+    editor.destroy()
+  })
+  it('should maintain backward compatibility with default "floatingMenu" pluginKey', () => {
+    const editor = createEditor()
+
+    const view = createFloatingMenuView(editor)
+
+    const spy = vi.spyOn(view, 'updateOptions')
+    const newOptions = { updateDelay: 500 }
+
+    editor.view.dispatch(
+      editor.state.tr.setMeta('floatingMenu', {
+        type: 'updateOptions',
+        options: newOptions,
+      }),
+    )
+
+    expect(spy).toHaveBeenCalledTimes(1)
+    expect(spy).toHaveBeenCalledWith(newOptions)
+
+    view.destroy()
+    editor.destroy()
+  })
+  it('should only process show for its own pluginKey', () => {
+    const editor = createEditor()
+
+    const view1 = createFloatingMenuView(editor, { pluginKey: 'floatingMenu1' })
+    const view2 = createFloatingMenuView(editor, { pluginKey: 'floatingMenu2' })
+
+    const spy1 = vi.spyOn(view1, 'show')
+    const spy2 = vi.spyOn(view2, 'show')
+
+    editor.view.dispatch(editor.state.tr.setMeta('floatingMenu1', 'show'))
+
+    expect(spy1).toHaveBeenCalledTimes(1)
+    expect(spy2).not.toHaveBeenCalled()
+
+    view1.destroy()
+    view2.destroy()
+    editor.destroy()
+  })
+  it('should only process hide for its own pluginKey', () => {
+    const editor = createEditor()
+
+    const view1 = createFloatingMenuView(editor, { pluginKey: 'floatingMenu1' })
+    const view2 = createFloatingMenuView(editor, { pluginKey: 'floatingMenu2' })
+
+    const spy1 = vi.spyOn(view1, 'hide')
+    const spy2 = vi.spyOn(view2, 'hide')
+
+    editor.view.dispatch(editor.state.tr.setMeta('floatingMenu1', 'hide'))
+
+    expect(spy1).toHaveBeenCalledTimes(1)
+    expect(spy2).not.toHaveBeenCalled()
+
+    view1.destroy()
+    view2.destroy()
+    editor.destroy()
+  })
+})
+
+describe('FloatingMenuView destroy safety', () => {
+  it('updatePosition should not call coordsAtPos when the editor view is detached from the DOM', () => {
+    const editor = createEditor()
+    const view = createFloatingMenuView(editor)
+    const coordsSpy = vi.spyOn(editor.view, 'coordsAtPos')
+
+    try {
+      // Simulate the real-world teardown race: the editor is destroyed while a
+      // pending updatePosition call (debounced resize/scroll) is still in flight.
+      // ProseMirror's destroy removes view.dom from its parent and nulls docView;
+      // without a guard, posToDOMRect -> coordsAtPos throws on the null docView.
+      editor.destroy()
+
+      expect(() => view.updatePosition()).not.toThrow(
+        /Cannot read properties of null \(reading 'domFromPos'\)/,
+      )
+      expect(coordsSpy).not.toHaveBeenCalled()
+    } finally {
+      view.destroy()
+    }
+  })
+})
diff --git a/packages/extension-floating-menu/src/floating-menu-plugin.ts b/packages/extension-floating-menu/src/floating-menu-plugin.ts
new file mode 100644
index 0000000..adcdec9
--- /dev/null
+++ b/packages/extension-floating-menu/src/floating-menu-plugin.ts
@@ -0,0 +1,580 @@
+import {
+  type Middleware,
+  arrow,
+  autoPlacement,
+  computePosition,
+  flip,
+  hide,
+  inline,
+  offset,
+  shift,
+  size,
+} from '@floating-ui/dom'
+import type { Editor } from '@tiptap/core'
+import { getText, getTextSerializersFromSchema, posToDOMRect } from '@tiptap/core'
+import type { Node as ProsemirrorNode } from '@tiptap/pm/model'
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import type { EditorView } from '@tiptap/pm/view'
+
+export interface FloatingMenuPluginProps {
+  /**
+   * The plugin key for the floating menu.
+   * @default 'floatingMenu'
+   */
+  pluginKey: PluginKey | string
+
+  /**
+   * The editor instance.
+   * @default null
+   */
+  editor: Editor
+
+  /**
+   * The DOM element that contains your menu.
+   * @default null
+   */
+  element: HTMLElement
+
+  /**
+   * The delay in milliseconds before the menu should be updated.
+   * This can be useful to prevent performance issues.
+   * @type {number}
+   * @default 250
+   */
+  updateDelay?: number
+
+  /**
+   * The delay in milliseconds before the menu position should be updated on window resize.
+   * This can be useful to prevent performance issues.
+   * @type {number}
+   * @default 60
+   */
+  resizeDelay?: number
+
+  /**
+   * The DOM element to append your menu to. Default is the editor's parent element.
+   *
+   * Sometimes the menu needs to be appended to a different DOM context due to accessibility, clipping, or z-index issues.
+   *
+   * @type {HTMLElement}
+   * @default null
+   */
+  appendTo?: HTMLElement | (() => HTMLElement)
+
+  /**
+   * A function that determines whether the menu should be shown or not.
+   * If this function returns `false`, the menu will be hidden, otherwise it will be shown.
+   */
+  shouldShow?:
+    | ((props: {
+        editor: Editor
+        view: EditorView
+        state: EditorState
+        oldState?: EditorState
+        from: number
+        to: number
+      }) => boolean)
+    | null
+
+  /**
+   * The options for the floating menu. Those are passed to Floating UI and include options for the placement, offset, flip, shift, arrow, size, autoPlacement,
+   * hide, and inline middlewares.
+   * @default {}
+   * @see https://floating-ui.com/docs/computePosition#options
+   */
+  options?: {
+    strategy?: 'absolute' | 'fixed'
+    placement?:
+      | 'top'
+      | 'right'
+      | 'bottom'
+      | 'left'
+      | 'top-start'
+      | 'top-end'
+      | 'right-start'
+      | 'right-end'
+      | 'bottom-start'
+      | 'bottom-end'
+      | 'left-start'
+      | 'left-end'
+    offset?: Parameters<typeof offset>[0] | boolean
+    flip?: Parameters<typeof flip>[0] | boolean
+    shift?: Parameters<typeof shift>[0] | boolean
+    arrow?: Parameters<typeof arrow>[0] | false
+    size?: Parameters<typeof size>[0] | boolean
+    autoPlacement?: Parameters<typeof autoPlacement>[0] | boolean
+    hide?: Parameters<typeof hide>[0] | boolean
+    inline?: Parameters<typeof inline>[0] | boolean
+
+    onShow?: () => void
+    onHide?: () => void
+    onUpdate?: () => void
+    onDestroy?: () => void
+
+    /**
+     * The scrollable element that should be listened to when updating the position of the floating menu.
+     * If not provided, the window will be used.
+     * @type {HTMLElement | Window}
+     */
+    scrollTarget?: HTMLElement | Window
+  }
+}
+
+export type FloatingMenuViewProps = FloatingMenuPluginProps & {
+  /**
+   * The editor view.
+   */
+  view: EditorView
+}
+
+export class FloatingMenuView {
+  public editor: Editor
+
+  public element: HTMLElement
+
+  public view: EditorView
+
+  public preventHide = false
+
+  public pluginKey: PluginKey | string
+
+  /**
+   * The delay in milliseconds before the menu should be updated.
+   * @default 250
+   */
+  public updateDelay: number
+
+  /**
+   * The delay in milliseconds before the menu position should be updated on window resize.
+   * @default 60
+   */
+  public resizeDelay: number
+
+  public appendTo: HTMLElement | (() => HTMLElement) | undefined
+
+  private updateDebounceTimer: number | undefined
+
+  private resizeDebounceTimer: number | undefined
+
+  private isVisible = false
+
+  private scrollTarget: HTMLElement | Window = window
+
+  private getTextContent(node: ProsemirrorNode) {
+    return getText(node, { textSerializers: getTextSerializersFromSchema(this.editor.schema) })
+  }
+
+  public shouldShow: Exclude<FloatingMenuPluginProps['shouldShow'], null> = ({ view, state }) => {
+    const { selection } = state
+    const { $anchor, empty } = selection
+    const isRootDepth = $anchor.depth === 1
+
+    const isEmptyTextBlock =
+      $anchor.parent.isTextblock &&
+      !$anchor.parent.type.spec.code &&
+      !$anchor.parent.textContent &&
+      $anchor.parent.childCount === 0 &&
+      !this.getTextContent($anchor.parent)
+
+    if (
+      !view.hasFocus() ||
+      !empty ||
+      !isRootDepth ||
+      !isEmptyTextBlock ||
+      !this.editor.isEditable
+    ) {
+      return false
+    }
+
+    return true
+  }
+
+  private floatingUIOptions: NonNullable<FloatingMenuPluginProps['options']> = {
+    strategy: 'absolute',
+    placement: 'right',
+    offset: 8,
+    flip: {},
+    shift: {},
+    arrow: false,
+    size: false,
+    autoPlacement: false,
+    hide: false,
+    inline: false,
+  }
+
+  get middlewares() {
+    const middlewares: Middleware[] = []
+
+    if (this.floatingUIOptions.flip) {
+      middlewares.push(
+        flip(
+          typeof this.floatingUIOptions.flip !== 'boolean'
+            ? this.floatingUIOptions.flip
+            : undefined,
+        ),
+      )
+    }
+
+    if (this.floatingUIOptions.shift) {
+      middlewares.push(
+        shift(
+          typeof this.floatingUIOptions.shift !== 'boolean'
+            ? this.floatingUIOptions.shift
+            : undefined,
+        ),
+      )
+    }
+
+    if (this.floatingUIOptions.offset) {
+      middlewares.push(
+        offset(
+          typeof this.floatingUIOptions.offset !== 'boolean'
+            ? this.floatingUIOptions.offset
+            : undefined,
+        ),
+      )
+    }
+
+    if (this.floatingUIOptions.arrow) {
+      middlewares.push(arrow(this.floatingUIOptions.arrow))
+    }
+
+    if (this.floatingUIOptions.size) {
+      middlewares.push(
+        size(
+          typeof this.floatingUIOptions.size !== 'boolean'
+            ? this.floatingUIOptions.size
+            : undefined,
+        ),
+      )
+    }
+
+    if (this.floatingUIOptions.autoPlacement) {
+      middlewares.push(
+        autoPlacement(
+          typeof this.floatingUIOptions.autoPlacement !== 'boolean'
+            ? this.floatingUIOptions.autoPlacement
+            : undefined,
+        ),
+      )
+    }
+
+    if (this.floatingUIOptions.hide) {
+      middlewares.push(
+        hide(
+          typeof this.floatingUIOptions.hide !== 'boolean'
+            ? this.floatingUIOptions.hide
+            : undefined,
+        ),
+      )
+    }
+
+    if (this.floatingUIOptions.inline) {
+      middlewares.push(
+        inline(
+          typeof this.floatingUIOptions.inline !== 'boolean'
+            ? this.floatingUIOptions.inline
+            : undefined,
+        ),
+      )
+    }
+
+    return middlewares
+  }
+
+  constructor({
+    editor,
+    element,
+    view,
+    pluginKey = 'floatingMenu',
+    updateDelay = 250,
+    resizeDelay = 60,
+    options,
+    appendTo,
+    shouldShow,
+  }: FloatingMenuViewProps) {
+    this.editor = editor
+    this.element = element
+    this.view = view
+    this.pluginKey = pluginKey
+    this.updateDelay = updateDelay
+    this.resizeDelay = resizeDelay
+    this.appendTo = appendTo
+    this.scrollTarget = options?.scrollTarget ?? window
+
+    this.floatingUIOptions = {
+      ...this.floatingUIOptions,
+      ...options,
+    }
+
+    this.element.tabIndex = 0
+
+    if (shouldShow) {
+      this.shouldShow = shouldShow
+    }
+
+    this.element.addEventListener('mousedown', this.mousedownHandler, { capture: true })
+    this.editor.on('focus', this.focusHandler)
+    this.editor.on('blur', this.blurHandler)
+    this.editor.on('transaction', this.transactionHandler)
+    window.addEventListener('resize', this.resizeHandler)
+    this.scrollTarget.addEventListener('scroll', this.resizeHandler)
+
+    this.update(view, view.state)
+
+    if (this.getShouldShow()) {
+      this.show()
+      this.updatePosition()
+    }
+  }
+
+  getShouldShow(oldState?: EditorState) {
+    const { state } = this.view
+    const { selection } = state
+
+    const { ranges } = selection
+    const from = Math.min(...ranges.map(range => range.$from.pos))
+    const to = Math.max(...ranges.map(range => range.$to.pos))
+
+    const shouldShow = this.shouldShow?.({
+      editor: this.editor,
+      view: this.view,
+      state,
+      oldState,
+      from,
+      to,
+    })
+
+    return shouldShow
+  }
+
+  updateHandler = (
+    view: EditorView,
+    selectionChanged: boolean,
+    docChanged: boolean,
+    oldState?: EditorState,
+  ) => {
+    const { composing } = view
+
+    const isSame = !selectionChanged && !docChanged
+
+    if (composing || isSame) {
+      return
+    }
+
+    const shouldShow = this.getShouldShow(oldState)
+
+    if (!shouldShow) {
+      this.hide()
+
+      return
+    }
+
+    this.updatePosition()
+    this.show()
+  }
+
+  mousedownHandler = () => {
+    this.preventHide = true
+  }
+
+  focusHandler = () => {
+    // we use `setTimeout` to make sure `selection` is already updated
+    setTimeout(() => this.update(this.editor.view))
+  }
+
+  blurHandler = ({ event }: { event: FocusEvent }) => {
+    if (this.preventHide) {
+      this.preventHide = false
+
+      return
+    }
+
+    if (event?.relatedTarget && this.element.parentNode?.contains(event.relatedTarget as Node)) {
+      return
+    }
+
+    if (event?.relatedTarget === this.editor.view.dom) {
+      return
+    }
+
+    this.hide()
+  }
+
+  /**
+   * Handles the transaction event to update the position of the floating menu.
+   * This allows external code to trigger a position update via:
+   * `editor.view.dispatch(editor.state.tr.setMeta(pluginKey, 'updatePosition'))`
+   * The `pluginKey` defaults to `floatingMenu`
+   */
+  transactionHandler = ({ transaction: tr }: { transaction: Transaction }) => {
+    const meta = tr.getMeta(this.pluginKey)
+    if (meta === 'updatePosition') {
+      this.updatePosition()
+    } else if (meta && typeof meta === 'object' && meta.type === 'updateOptions') {
+      this.updateOptions(meta.options)
+    } else if (meta === 'hide') {
+      this.hide()
+    } else if (meta === 'show') {
+      this.updatePosition()
+      this.show()
+    }
+  }
+
+  updateOptions(
+    newProps: Partial<Omit<FloatingMenuPluginProps, 'editor' | 'element' | 'pluginKey'>>,
+  ) {
+    if (newProps.updateDelay !== undefined) {
+      this.updateDelay = newProps.updateDelay
+    }
+
+    if (newProps.resizeDelay !== undefined) {
+      this.resizeDelay = newProps.resizeDelay
+    }
+
+    if (newProps.appendTo !== undefined) {
+      this.appendTo = newProps.appendTo
+    }
+
+    if (newProps.shouldShow !== undefined) {
+      if (newProps.shouldShow) {
+        this.shouldShow = newProps.shouldShow
+      }
+    }
+
+    if (newProps.options !== undefined) {
+      // Handle scrollTarget change - need to remove old listener and add new one
+      // Use nullish coalescing to default to window when scrollTarget is undefined/null
+      const newScrollTarget = newProps.options.scrollTarget ?? window
+
+      if (newScrollTarget !== this.scrollTarget) {
+        this.scrollTarget.removeEventListener('scroll', this.resizeHandler)
+        this.scrollTarget = newScrollTarget
+        this.scrollTarget.addEventListener('scroll', this.resizeHandler)
+      }
+
+      this.floatingUIOptions = {
+        ...this.floatingUIOptions,
+        ...newProps.options,
+      }
+    }
+  }
+
+  /**
+   * Handles the window resize event to update the position of the floating menu.
+   * It uses a debounce mechanism to prevent excessive updates.
+   * The delay is defined by the `resizeDelay` property.
+   */
+  resizeHandler = () => {
+    if (this.resizeDebounceTimer) {
+      clearTimeout(this.resizeDebounceTimer)
+    }
+
+    this.resizeDebounceTimer = window.setTimeout(() => {
+      this.updatePosition()
+    }, this.resizeDelay)
+  }
+
+  updatePosition() {
+    if (!this.view?.dom?.parentNode) {
+      return
+    }
+
+    const { selection } = this.editor.state
+
+    const domRect = posToDOMRect(this.view, selection.from, selection.to)
+
+    const virtualElement = {
+      getBoundingClientRect: () => domRect,
+      getClientRects: () => [domRect],
+    }
+
+    computePosition(virtualElement, this.element, {
+      placement: this.floatingUIOptions.placement,
+      strategy: this.floatingUIOptions.strategy,
+      middleware: this.middlewares,
+    }).then(({ x, y, strategy, middlewareData }) => {
+      // Handle hide middleware - hide element if reference is hidden or element has escaped
+      if (middlewareData.hide?.referenceHidden || middlewareData.hide?.escaped) {
+        this.element.style.visibility = 'hidden'
+        return
+      }
+
+      this.element.style.visibility = 'visible'
+      this.element.style.width = 'max-content'
+      this.element.style.position = strategy
+      this.element.style.left = `${x}px`
+      this.element.style.top = `${y}px`
+
+      if (this.isVisible && this.floatingUIOptions.onUpdate) {
+        this.floatingUIOptions.onUpdate()
+      }
+    })
+  }
+
+  update(view: EditorView, oldState?: EditorState) {
+    const selectionChanged = !oldState?.selection.eq(view.state.selection)
+    const docChanged = !oldState?.doc.eq(view.state.doc)
+
+    this.updateHandler(view, selectionChanged, docChanged, oldState)
+  }
+
+  show() {
+    if (this.isVisible) {
+      return
+    }
+
+    this.element.style.visibility = 'visible'
+    this.element.style.opacity = '1'
+
+    // attach to appendTo or editor's parent element
+    const appendToElement = typeof this.appendTo === 'function' ? this.appendTo() : this.appendTo
+    ;(appendToElement ?? this.view.dom.parentElement)?.appendChild(this.element)
+
+    if (this.floatingUIOptions.onShow) {
+      this.floatingUIOptions.onShow()
+    }
+
+    this.isVisible = true
+  }
+
+  hide() {
+    if (!this.isVisible) {
+      return
+    }
+
+    this.element.style.visibility = 'hidden'
+    this.element.style.opacity = '0'
+    // remove from the parent element
+    this.element.remove()
+
+    if (this.floatingUIOptions.onHide) {
+      this.floatingUIOptions.onHide()
+    }
+
+    this.isVisible = false
+  }
+
+  destroy() {
+    this.hide()
+    this.element.removeEventListener('mousedown', this.mousedownHandler, { capture: true })
+    window.removeEventListener('resize', this.resizeHandler)
+    this.scrollTarget.removeEventListener('scroll', this.resizeHandler)
+    this.editor.off('focus', this.focusHandler)
+    this.editor.off('blur', this.blurHandler)
+    this.editor.off('transaction', this.transactionHandler)
+
+    if (this.floatingUIOptions.onDestroy) {
+      this.floatingUIOptions.onDestroy()
+    }
+  }
+}
+
+export const FloatingMenuPlugin = (options: FloatingMenuPluginProps) => {
+  return new Plugin({
+    key:
+      typeof options.pluginKey === 'string' ? new PluginKey(options.pluginKey) : options.pluginKey,
+    view: view => new FloatingMenuView({ view, ...options }),
+  })
+}
diff --git a/packages/extension-floating-menu/src/floating-menu.ts b/packages/extension-floating-menu/src/floating-menu.ts
new file mode 100644
index 0000000..a95581b
--- /dev/null
+++ b/packages/extension-floating-menu/src/floating-menu.ts
@@ -0,0 +1,77 @@
+import { Extension } from '@tiptap/core'
+
+import type { FloatingMenuPluginProps } from './floating-menu-plugin.js'
+import { FloatingMenuPlugin } from './floating-menu-plugin.js'
+
+export type FloatingMenuOptions = Omit<FloatingMenuPluginProps, 'editor' | 'element'> & {
+  /**
+   * The DOM element that contains your menu.
+   * @type {HTMLElement}
+   * @default null
+   */
+  element: HTMLElement | null
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    floatingMenu: {
+      /**
+       * Update the position of the floating menu.
+       * @example editor.commands.updateFloatingMenuPosition()
+       */
+      updateFloatingMenuPosition: () => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension allows you to create a floating menu.
+ * @see https://tiptap.dev/api/extensions/floating-menu
+ */
+export const FloatingMenu = Extension.create<FloatingMenuOptions>({
+  name: 'floatingMenu',
+
+  addOptions() {
+    return {
+      element: null,
+      options: {},
+      pluginKey: 'floatingMenu',
+      updateDelay: undefined,
+      resizeDelay: undefined,
+      appendTo: undefined,
+      shouldShow: null,
+    }
+  },
+
+  addCommands() {
+    return {
+      updateFloatingMenuPosition:
+        () =>
+        ({ tr, dispatch }) => {
+          if (dispatch) {
+            tr.setMeta(this.options.pluginKey, 'updatePosition')
+          }
+          return true
+        },
+    }
+  },
+
+  addProseMirrorPlugins() {
+    if (!this.options.element) {
+      return []
+    }
+
+    return [
+      FloatingMenuPlugin({
+        pluginKey: this.options.pluginKey,
+        editor: this.editor,
+        element: this.options.element,
+        updateDelay: this.options.updateDelay,
+        resizeDelay: this.options.resizeDelay,
+        options: this.options.options,
+        appendTo: this.options.appendTo,
+        shouldShow: this.options.shouldShow,
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-floating-menu/src/index.ts b/packages/extension-floating-menu/src/index.ts
new file mode 100644
index 0000000..a87776b
--- /dev/null
+++ b/packages/extension-floating-menu/src/index.ts
@@ -0,0 +1,6 @@
+import { FloatingMenu } from './floating-menu.js'
+
+export * from './floating-menu.js'
+export * from './floating-menu-plugin.js'
+
+export default FloatingMenu
diff --git a/packages/extension-floating-menu/vite.config.ts b/packages/extension-floating-menu/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-floating-menu/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-font-family/CHANGELOG.md b/packages/extension-font-family/CHANGELOG.md
new file mode 100644
index 0000000..567ac62
--- /dev/null
+++ b/packages/extension-font-family/CHANGELOG.md
@@ -0,0 +1,1536 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [4ae6ea0]
+  - @tiptap/extension-text-style@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/extension-text-style@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+  - @tiptap/extension-text-style@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- Updated dependencies [04a0f34]
+  - @tiptap/extension-text-style@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- Updated dependencies [46fa8b8]
+  - @tiptap/extension-text-style@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [f77cbac]
+- Updated dependencies [0bad53e]
+- Updated dependencies [0b4981c]
+- Updated dependencies [3b4e06c]
+- Updated dependencies [8c69002]
+  - @tiptap/extension-text-style@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/extension-text-style@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- @tiptap/extension-text-style@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/extension-text-style@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/extension-text-style@3.0.0-next.1
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/extension-text-style@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/extension-text-style@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/extension-text-style@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+  - @tiptap/extension-text-style@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/extension-text-style@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/extension-text-style@2.5.4
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/extension-text-style@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/extension-text-style@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/extension-text-style@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/extension-text-style@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/extension-text-style@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/extension-text-style@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/extension-text-style@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/extension-text-style@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/extension-text-style@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/extension-text-style@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/extension-text-style@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/extension-text-style@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/extension-text-style@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/extension-text-style@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.22...@tiptap/extension-font-family@2.0.0-beta.24) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.22...@tiptap/extension-font-family@2.0.0-beta.22) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.20...@tiptap/extension-font-family@2.0.0-beta.21) (2022-01-04)
+
+### Bug Fixes
+
+- Export type FontFamilyOptions ([#2345](https://github.com/ueberdosis/tiptap/issues/2345)) ([909d444](https://github.com/ueberdosis/tiptap/commit/909d44459ce3751f10fcd332fee677da2708c115))
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.19...@tiptap/extension-font-family@2.0.0-beta.20) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.18...@tiptap/extension-font-family@2.0.0-beta.19) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.17...@tiptap/extension-font-family@2.0.0-beta.18) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.16...@tiptap/extension-font-family@2.0.0-beta.17) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.15...@tiptap/extension-font-family@2.0.0-beta.16) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.14...@tiptap/extension-font-family@2.0.0-beta.15) (2021-09-08)
+
+### Features
+
+- parseHTML for attributes should return the value instead of an object now, fix [#1863](https://github.com/ueberdosis/tiptap/issues/1863) ([8a3b47a](https://github.com/ueberdosis/tiptap/commit/8a3b47a529d28b28b50d634c6ff69b8e5aad3080))
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.13...@tiptap/extension-font-family@2.0.0-beta.14) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.12...@tiptap/extension-font-family@2.0.0-beta.13) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.11...@tiptap/extension-font-family@2.0.0-beta.12) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.10...@tiptap/extension-font-family@2.0.0-beta.11) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.9...@tiptap/extension-font-family@2.0.0-beta.10) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.8...@tiptap/extension-font-family@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.7...@tiptap/extension-font-family@2.0.0-beta.8) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.6...@tiptap/extension-font-family@2.0.0-beta.7) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.5...@tiptap/extension-font-family@2.0.0-beta.6) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.4...@tiptap/extension-font-family@2.0.0-beta.5) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.3...@tiptap/extension-font-family@2.0.0-beta.4) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.2...@tiptap/extension-font-family@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-beta.1...@tiptap/extension-font-family@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-alpha.11...@tiptap/extension-font-family@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-alpha.10...@tiptap/extension-font-family@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-alpha.9...@tiptap/extension-font-family@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-alpha.8...@tiptap/extension-font-family@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-alpha.7...@tiptap/extension-font-family@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-alpha.6...@tiptap/extension-font-family@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-alpha.5...@tiptap/extension-font-family@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-alpha.4...@tiptap/extension-font-family@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-alpha.3...@tiptap/extension-font-family@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-alpha.2...@tiptap/extension-font-family@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@2.0.0-alpha.1...@tiptap/extension-font-family@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@1.0.0-alpha.2...@tiptap/extension-font-family@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-font-family@1.0.0-alpha.1...@tiptap/extension-font-family@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-font-family
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-font-family/README.md b/packages/extension-font-family/README.md
new file mode 100644
index 0000000..91b423e
--- /dev/null
+++ b/packages/extension-font-family/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-font-family
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-font-family.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-font-family)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-font-family.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-font-family.svg)](https://www.npmjs.com/package/@tiptap/extension-font-family)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-font-family/package.json b/packages/extension-font-family/package.json
new file mode 100644
index 0000000..1fa5471
--- /dev/null
+++ b/packages/extension-font-family/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-font-family",
+  "version": "3.30.3",
+  "description": "font family extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-font-family"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/extension-text-style": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/extension-text-style": "workspace:*"
+  }
+}
diff --git a/packages/extension-font-family/src/index.ts b/packages/extension-font-family/src/index.ts
new file mode 100644
index 0000000..89558e7
--- /dev/null
+++ b/packages/extension-font-family/src/index.ts
@@ -0,0 +1,6 @@
+import { FontFamily } from '@tiptap/extension-text-style'
+
+export type { FontFamilyOptions } from '@tiptap/extension-text-style'
+export { FontFamily } from '@tiptap/extension-text-style'
+
+export default FontFamily
diff --git a/packages/extension-font-family/vite.config.ts b/packages/extension-font-family/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-font-family/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-hard-break/CHANGELOG.md b/packages/extension-hard-break/CHANGELOG.md
new file mode 100644
index 0000000..8b03f6d
--- /dev/null
+++ b/packages/extension-hard-break/CHANGELOG.md
@@ -0,0 +1,1685 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- c999bd6: Fixed a bug where inserted hard breaks would not scroll the view on insertion via commands.
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- 6e734a3: Ensure that markdown hard breaks (two spaces followed by a newline) are parsed so they render as line breaks (`<br>`) in the editor when using `contentType: 'markdown'`.
+
+  Fixes #7107
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.31...@tiptap/extension-hard-break@2.0.0-beta.33) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.31...@tiptap/extension-hard-break@2.0.0-beta.31) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.29...@tiptap/extension-hard-break@2.0.0-beta.30) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.28...@tiptap/extension-hard-break@2.0.0-beta.29) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.27...@tiptap/extension-hard-break@2.0.0-beta.28) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.26...@tiptap/extension-hard-break@2.0.0-beta.27) (2021-11-05)
+
+### Bug Fixes
+
+- prevent adding hard breaks in isolated nodes ([9247fcb](https://github.com/ueberdosis/tiptap/commit/9247fcb6cf20493d021664ddce95ad1c23c5a152))
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.25...@tiptap/extension-hard-break@2.0.0-beta.26) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.24...@tiptap/extension-hard-break@2.0.0-beta.25) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.23...@tiptap/extension-hard-break@2.0.0-beta.24) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.22...@tiptap/extension-hard-break@2.0.0-beta.23) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.21...@tiptap/extension-hard-break@2.0.0-beta.22) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.20...@tiptap/extension-hard-break@2.0.0-beta.21) (2021-10-02)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.19...@tiptap/extension-hard-break@2.0.0-beta.20) (2021-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.18...@tiptap/extension-hard-break@2.0.0-beta.19) (2021-09-28)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.17...@tiptap/extension-hard-break@2.0.0-beta.18) (2021-09-27)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.16...@tiptap/extension-hard-break@2.0.0-beta.17) (2021-09-23)
+
+### Features
+
+- setHardBreak now keeps splittable marks by default, fix [#1934](https://github.com/ueberdosis/tiptap/issues/1934) ([377bbb1](https://github.com/ueberdosis/tiptap/commit/377bbb177d30923a0aa2a80654cc5cf87384dcf3))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.15...@tiptap/extension-hard-break@2.0.0-beta.16) (2021-09-06)
+
+### Bug Fixes
+
+- render line break in text/plain format for hard breaks, fix [#1842](https://github.com/ueberdosis/tiptap/issues/1842) ([787d784](https://github.com/ueberdosis/tiptap/commit/787d7848cdca3f198e727a4a35d83793e8ff9e11))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.14...@tiptap/extension-hard-break@2.0.0-beta.15) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.13...@tiptap/extension-hard-break@2.0.0-beta.14) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.12...@tiptap/extension-hard-break@2.0.0-beta.13) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.11...@tiptap/extension-hard-break@2.0.0-beta.12) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.10...@tiptap/extension-hard-break@2.0.0-beta.11) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.9...@tiptap/extension-hard-break@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.8...@tiptap/extension-hard-break@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.7...@tiptap/extension-hard-break@2.0.0-beta.8) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.6...@tiptap/extension-hard-break@2.0.0-beta.7) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.5...@tiptap/extension-hard-break@2.0.0-beta.6) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.4...@tiptap/extension-hard-break@2.0.0-beta.5) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.3...@tiptap/extension-hard-break@2.0.0-beta.4) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.2...@tiptap/extension-hard-break@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-beta.1...@tiptap/extension-hard-break@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-alpha.11...@tiptap/extension-hard-break@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-alpha.10...@tiptap/extension-hard-break@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-alpha.9...@tiptap/extension-hard-break@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-alpha.8...@tiptap/extension-hard-break@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-alpha.7...@tiptap/extension-hard-break@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-alpha.6...@tiptap/extension-hard-break@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-alpha.5...@tiptap/extension-hard-break@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-alpha.4...@tiptap/extension-hard-break@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-alpha.3...@tiptap/extension-hard-break@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-alpha.2...@tiptap/extension-hard-break@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@2.0.0-alpha.1...@tiptap/extension-hard-break@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@1.0.0-alpha.2...@tiptap/extension-hard-break@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-hard-break@1.0.0-alpha.1...@tiptap/extension-hard-break@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-hard-break
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-hard-break/README.md b/packages/extension-hard-break/README.md
new file mode 100644
index 0000000..d7cc737
--- /dev/null
+++ b/packages/extension-hard-break/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-hard-break
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-hard-break.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-hard-break)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-hard-break.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-hard-break.svg)](https://www.npmjs.com/package/@tiptap/extension-hard-break)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-hard-break/package.json b/packages/extension-hard-break/package.json
new file mode 100644
index 0000000..72226de
--- /dev/null
+++ b/packages/extension-hard-break/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-hard-break",
+  "version": "3.30.3",
+  "description": "hard break extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-hard-break"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-hard-break/src/hard-break.test.ts b/packages/extension-hard-break/src/hard-break.test.ts
new file mode 100644
index 0000000..edb640b
--- /dev/null
+++ b/packages/extension-hard-break/src/hard-break.test.ts
@@ -0,0 +1,78 @@
+import { Editor } from '@tiptap/core'
+import { Document } from '@tiptap/extension-document'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+import type { Transaction } from '@tiptap/pm/state'
+
+import { HardBreak } from './hard-break.js'
+
+describe('HardBreak', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('scrolls the selection into view when adding a hard break', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, HardBreak],
+      content: '<p>hello</p>',
+    })
+
+    editor.commands.setTextSelection(6)
+
+    let lastTr: Transaction
+    const origDispatch = editor.view.dispatch.bind(editor.view)
+
+    editor.view.dispatch = (tr: Transaction) => {
+      lastTr = tr
+      return origDispatch(tr)
+    }
+
+    editor.commands.setHardBreak()
+
+    expect(lastTr!).toBeDefined()
+    expect(lastTr!.scrolledIntoView).toBe(true)
+  })
+
+  it('scrolls the selection into view when pressing Shift+Enter', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, HardBreak],
+      content: '<p>hello</p>',
+    })
+
+    editor.commands.setTextSelection(6)
+
+    let lastTr: Transaction
+    const origDispatch = editor.view.dispatch.bind(editor.view)
+
+    editor.view.dispatch = (tr: Transaction) => {
+      lastTr = tr
+      return origDispatch(tr)
+    }
+
+    const event = new KeyboardEvent('keydown', {
+      key: 'Enter',
+      code: 'Enter',
+      shiftKey: true,
+    })
+    editor.view.dispatchEvent(event)
+
+    expect(lastTr!).toBeDefined()
+    expect(lastTr!.scrolledIntoView).toBe(true)
+    expect(editor.getHTML()).toBe('<p>hello<br></p>')
+  })
+
+  it('inserts a hardbreak into a document', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, HardBreak],
+      content: '<p>hello</p>',
+    })
+
+    editor.commands.setTextSelection(6)
+    editor.commands.setHardBreak()
+
+    expect(editor.getHTML()).toBe('<p>hello<br></p>')
+  })
+})
diff --git a/packages/extension-hard-break/src/hard-break.ts b/packages/extension-hard-break/src/hard-break.ts
new file mode 100644
index 0000000..508dad4
--- /dev/null
+++ b/packages/extension-hard-break/src/hard-break.ts
@@ -0,0 +1,121 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+
+export interface HardBreakOptions {
+  /**
+   * Controls if marks should be kept after being split by a hard break.
+   * @default true
+   * @example false
+   */
+  keepMarks: boolean
+
+  /**
+   * HTML attributes to add to the hard break element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    hardBreak: {
+      /**
+       * Add a hard break
+       * @example editor.commands.setHardBreak()
+       */
+      setHardBreak: () => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension allows you to insert hard breaks.
+ * @see https://www.tiptap.dev/api/nodes/hard-break
+ */
+export const HardBreak = Node.create<HardBreakOptions>({
+  name: 'hardBreak',
+
+  markdownTokenName: 'br',
+
+  addOptions() {
+    return {
+      keepMarks: true,
+      HTMLAttributes: {},
+    }
+  },
+
+  inline: true,
+
+  group: 'inline',
+
+  selectable: false,
+
+  linebreakReplacement: true,
+
+  parseHTML() {
+    return [{ tag: 'br' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['br', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)]
+  },
+
+  renderText() {
+    return '\n'
+  },
+
+  renderMarkdown: () => `  \n`,
+
+  parseMarkdown: () => {
+    return {
+      type: 'hardBreak',
+    }
+  },
+
+  addCommands() {
+    return {
+      setHardBreak:
+        () =>
+        ({ commands, chain, state, editor }) => {
+          return commands.first([
+            () => commands.exitCode(),
+            () =>
+              commands.command(() => {
+                const { selection, storedMarks } = state
+
+                if (selection.$from.parent.type.spec.isolating) {
+                  return false
+                }
+
+                const { keepMarks } = this.options
+                const { splittableMarks } = editor.extensionManager
+                const marks = storedMarks || (selection.$to.parentOffset && selection.$from.marks())
+
+                return chain()
+                  .insertContent({ type: this.name })
+                  .command(({ tr, dispatch }) => {
+                    if (dispatch && marks && keepMarks) {
+                      const filteredMarks = marks.filter(mark =>
+                        splittableMarks.includes(mark.type.name),
+                      )
+
+                      tr.ensureMarks(filteredMarks)
+                    }
+
+                    return true
+                  })
+                  .scrollIntoView()
+                  .run()
+              }),
+          ])
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-Enter': () => this.editor.commands.setHardBreak(),
+      'Shift-Enter': () => this.editor.commands.setHardBreak(),
+    }
+  },
+})
diff --git a/packages/extension-hard-break/src/index.ts b/packages/extension-hard-break/src/index.ts
new file mode 100644
index 0000000..75d1155
--- /dev/null
+++ b/packages/extension-hard-break/src/index.ts
@@ -0,0 +1,5 @@
+import { HardBreak } from './hard-break.js'
+
+export * from './hard-break.js'
+
+export default HardBreak
diff --git a/packages/extension-hard-break/vite.config.ts b/packages/extension-hard-break/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-hard-break/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-heading/CHANGELOG.md b/packages/extension-heading/CHANGELOG.md
new file mode 100644
index 0000000..b38993e
--- /dev/null
+++ b/packages/extension-heading/CHANGELOG.md
@@ -0,0 +1,1668 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+### Patch Changes
+
+- 01547d5: Fixed a bug causing the levels rule to be ignored if a level of 1 was **not allowed**
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.27...@tiptap/extension-heading@2.0.0-beta.29) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.27...@tiptap/extension-heading@2.0.0-beta.27) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.25...@tiptap/extension-heading@2.0.0-beta.26) (2022-01-20)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.24...@tiptap/extension-heading@2.0.0-beta.25) (2022-01-05)
+
+### Bug Fixes
+
+- export type `Level` for external use ([#2354](https://github.com/ueberdosis/tiptap/issues/2354)) ([77095c4](https://github.com/ueberdosis/tiptap/commit/77095c4d52604b5c9d1d6cf748bb1110ea8cdd33))
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.23...@tiptap/extension-heading@2.0.0-beta.24) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.22...@tiptap/extension-heading@2.0.0-beta.23) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.21...@tiptap/extension-heading@2.0.0-beta.22) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.20...@tiptap/extension-heading@2.0.0-beta.21) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.19...@tiptap/extension-heading@2.0.0-beta.20) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.18...@tiptap/extension-heading@2.0.0-beta.19) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.17...@tiptap/extension-heading@2.0.0-beta.18) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.16...@tiptap/extension-heading@2.0.0-beta.17) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.15...@tiptap/extension-heading@2.0.0-beta.16) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.14...@tiptap/extension-heading@2.0.0-beta.15) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.13...@tiptap/extension-heading@2.0.0-beta.14) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.12...@tiptap/extension-heading@2.0.0-beta.13) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.11...@tiptap/extension-heading@2.0.0-beta.12) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.10...@tiptap/extension-heading@2.0.0-beta.11) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.9...@tiptap/extension-heading@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.8...@tiptap/extension-heading@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.7...@tiptap/extension-heading@2.0.0-beta.8) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.6...@tiptap/extension-heading@2.0.0-beta.7) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.5...@tiptap/extension-heading@2.0.0-beta.6) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.4...@tiptap/extension-heading@2.0.0-beta.5) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.3...@tiptap/extension-heading@2.0.0-beta.4) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.2...@tiptap/extension-heading@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-beta.1...@tiptap/extension-heading@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-alpha.11...@tiptap/extension-heading@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-alpha.10...@tiptap/extension-heading@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-alpha.9...@tiptap/extension-heading@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-alpha.8...@tiptap/extension-heading@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-alpha.7...@tiptap/extension-heading@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-alpha.6...@tiptap/extension-heading@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-alpha.5...@tiptap/extension-heading@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-alpha.4...@tiptap/extension-heading@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-alpha.3...@tiptap/extension-heading@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-alpha.2...@tiptap/extension-heading@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@2.0.0-alpha.1...@tiptap/extension-heading@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@1.0.0-alpha.2...@tiptap/extension-heading@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-heading@1.0.0-alpha.1...@tiptap/extension-heading@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-heading
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-heading/README.md b/packages/extension-heading/README.md
new file mode 100644
index 0000000..1b9c7fd
--- /dev/null
+++ b/packages/extension-heading/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-heading
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-heading.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-heading)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-heading.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-heading.svg)](https://www.npmjs.com/package/@tiptap/extension-heading)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-heading/package.json b/packages/extension-heading/package.json
new file mode 100644
index 0000000..d7e8216
--- /dev/null
+++ b/packages/extension-heading/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-heading",
+  "version": "3.30.3",
+  "description": "heading extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-heading"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-heading/src/heading.ts b/packages/extension-heading/src/heading.ts
new file mode 100644
index 0000000..49ccc03
--- /dev/null
+++ b/packages/extension-heading/src/heading.ts
@@ -0,0 +1,152 @@
+import { mergeAttributes, Node, textblockTypeInputRule } from '@tiptap/core'
+
+/**
+ * The heading level options.
+ */
+export type Level = 1 | 2 | 3 | 4 | 5 | 6
+
+export interface HeadingOptions {
+  /**
+   * The available heading levels.
+   * @default [1, 2, 3, 4, 5, 6]
+   * @example [1, 2, 3]
+   */
+  levels: Level[]
+
+  /**
+   * The HTML attributes for a heading node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    heading: {
+      /**
+       * Set a heading node
+       * @param attributes The heading attributes
+       * @example editor.commands.setHeading({ level: 1 })
+       */
+      setHeading: (attributes: { level: Level }) => ReturnType
+      /**
+       * Toggle a heading node
+       * @param attributes The heading attributes
+       * @example editor.commands.toggleHeading({ level: 1 })
+       */
+      toggleHeading: (attributes: { level: Level }) => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension allows you to create headings.
+ * @see https://www.tiptap.dev/api/nodes/heading
+ */
+export const Heading = Node.create<HeadingOptions>({
+  name: 'heading',
+
+  addOptions() {
+    return {
+      levels: [1, 2, 3, 4, 5, 6],
+      HTMLAttributes: {},
+    }
+  },
+
+  content: 'inline*',
+
+  group: 'block',
+
+  defining: true,
+
+  addAttributes() {
+    return {
+      level: {
+        default: 1,
+        rendered: false,
+      },
+    }
+  },
+
+  parseHTML() {
+    return this.options.levels.map((level: Level) => ({
+      tag: `h${level}`,
+      attrs: { level },
+    }))
+  },
+
+  renderHTML({ node, HTMLAttributes }) {
+    const hasLevel = this.options.levels.includes(node.attrs.level)
+    const level = hasLevel ? node.attrs.level : this.options.levels[0]
+
+    return [`h${level}`, mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  parseMarkdown: (token, helpers) => {
+    // Convert 'heading' token to heading node
+    // marked provides 'depth' property (1-6) for heading level
+    return helpers.createNode(
+      'heading',
+      { level: token.depth || 1 },
+      helpers.parseInline(token.tokens || []),
+    )
+  },
+
+  renderMarkdown: (node, h) => {
+    const level = node.attrs?.level ? parseInt(node.attrs.level as string, 10) : 1
+    const headingChars = '#'.repeat(level)
+
+    if (!node.content) {
+      return ''
+    }
+
+    // Use current context for proper joining/spacing
+    return `${headingChars} ${h.renderChildren(node.content)}`
+  },
+
+  addCommands() {
+    return {
+      setHeading:
+        attributes =>
+        ({ commands }) => {
+          if (!this.options.levels.includes(attributes.level)) {
+            return false
+          }
+
+          return commands.setNode(this.name, attributes)
+        },
+      toggleHeading:
+        attributes =>
+        ({ commands }) => {
+          if (!this.options.levels.includes(attributes.level)) {
+            return false
+          }
+
+          return commands.toggleNode(this.name, 'paragraph', attributes)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return this.options.levels.reduce(
+      (items, level) => ({
+        ...items,
+        [`Mod-Alt-${level}`]: () => this.editor.commands.toggleHeading({ level }),
+      }),
+      {},
+    )
+  },
+
+  addInputRules() {
+    return this.options.levels.map(level => {
+      return textblockTypeInputRule({
+        find: new RegExp(`^(#{${Math.min(...this.options.levels)},${level}})\\s$`),
+        type: this.type,
+        getAttributes: {
+          level,
+        },
+      })
+    })
+  },
+})
diff --git a/packages/extension-heading/src/index.ts b/packages/extension-heading/src/index.ts
new file mode 100644
index 0000000..7c36f05
--- /dev/null
+++ b/packages/extension-heading/src/index.ts
@@ -0,0 +1,5 @@
+import { Heading } from './heading.js'
+
+export * from './heading.js'
+
+export default Heading
diff --git a/packages/extension-heading/vite.config.ts b/packages/extension-heading/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-heading/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-highlight/CHANGELOG.md b/packages/extension-highlight/CHANGELOG.md
new file mode 100644
index 0000000..b90aa07
--- /dev/null
+++ b/packages/extension-highlight/CHANGELOG.md
@@ -0,0 +1,1693 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- f98eaaf: Fix `&quot;` HTML entity encoding in `getHTML()` output for inline style attributes. Adds a `getStyleProperty` utility to `@tiptap/core` and migrates `Color`, `BackgroundColor`, `FontFamily`, `FontSize`, `LineHeight`, and `Highlight` extensions to use it (#7016)
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+### Bug Fixes
+
+- Disallow only whitespace between markdown shortcuts delimiters ([#4866](https://github.com/ueberdosis/tiptap/issues/4866)) ([aa029fe](https://github.com/ueberdosis/tiptap/commit/aa029fe2242aeadc38555b2832df6ae1614c7d1d))
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.33...@tiptap/extension-highlight@2.0.0-beta.35) (2022-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.32...@tiptap/extension-highlight@2.0.0-beta.33) (2022-01-20)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.31...@tiptap/extension-highlight@2.0.0-beta.32) (2022-01-07)
+
+### Bug Fixes
+
+- fix a bug in the highlight regex, fix [#2355](https://github.com/ueberdosis/tiptap/issues/2355) ([b8a42fc](https://github.com/ueberdosis/tiptap/commit/b8a42fcaef7d75c1a30dbecfe403d7f0c3ec4e7d))
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.30...@tiptap/extension-highlight@2.0.0-beta.31) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.29...@tiptap/extension-highlight@2.0.0-beta.30) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.28...@tiptap/extension-highlight@2.0.0-beta.29) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.27...@tiptap/extension-highlight@2.0.0-beta.28) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.26...@tiptap/extension-highlight@2.0.0-beta.27) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.25...@tiptap/extension-highlight@2.0.0-beta.26) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.24...@tiptap/extension-highlight@2.0.0-beta.25) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.23...@tiptap/extension-highlight@2.0.0-beta.24) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.22...@tiptap/extension-highlight@2.0.0-beta.23) (2021-10-10)
+
+### Bug Fixes
+
+- fix regex modifier for input rules and paste rules, fix [#2003](https://github.com/ueberdosis/tiptap/issues/2003) ([65eddf0](https://github.com/ueberdosis/tiptap/commit/65eddf0e789c620a53d9bec9509b515211fb9b3f))
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.21...@tiptap/extension-highlight@2.0.0-beta.22) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.20...@tiptap/extension-highlight@2.0.0-beta.21) (2021-10-02)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.19...@tiptap/extension-highlight@2.0.0-beta.20) (2021-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.18...@tiptap/extension-highlight@2.0.0-beta.19) (2021-09-28)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.17...@tiptap/extension-highlight@2.0.0-beta.18) (2021-09-27)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.16...@tiptap/extension-highlight@2.0.0-beta.17) (2021-09-21)
+
+### Bug Fixes
+
+- Use pasteRegex in addPasteRules ([#1922](https://github.com/ueberdosis/tiptap/issues/1922)) ([047ef8c](https://github.com/ueberdosis/tiptap/commit/047ef8c8c9d9a88a763a8a09424844b1c0912562))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.15...@tiptap/extension-highlight@2.0.0-beta.16) (2021-09-08)
+
+### Features
+
+- parseHTML for attributes should return the value instead of an object now, fix [#1863](https://github.com/ueberdosis/tiptap/issues/1863) ([8a3b47a](https://github.com/ueberdosis/tiptap/commit/8a3b47a529d28b28b50d634c6ff69b8e5aad3080))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.14...@tiptap/extension-highlight@2.0.0-beta.15) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.13...@tiptap/extension-highlight@2.0.0-beta.14) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.12...@tiptap/extension-highlight@2.0.0-beta.13) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.11...@tiptap/extension-highlight@2.0.0-beta.12) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.10...@tiptap/extension-highlight@2.0.0-beta.11) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.9...@tiptap/extension-highlight@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.8...@tiptap/extension-highlight@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.7...@tiptap/extension-highlight@2.0.0-beta.8) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.6...@tiptap/extension-highlight@2.0.0-beta.7) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.5...@tiptap/extension-highlight@2.0.0-beta.6) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.4...@tiptap/extension-highlight@2.0.0-beta.5) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.3...@tiptap/extension-highlight@2.0.0-beta.4) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.2...@tiptap/extension-highlight@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-beta.1...@tiptap/extension-highlight@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-alpha.11...@tiptap/extension-highlight@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-alpha.10...@tiptap/extension-highlight@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-alpha.9...@tiptap/extension-highlight@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-alpha.8...@tiptap/extension-highlight@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-alpha.7...@tiptap/extension-highlight@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-alpha.6...@tiptap/extension-highlight@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-alpha.5...@tiptap/extension-highlight@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-alpha.4...@tiptap/extension-highlight@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-alpha.3...@tiptap/extension-highlight@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-alpha.2...@tiptap/extension-highlight@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@2.0.0-alpha.1...@tiptap/extension-highlight@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@1.0.0-alpha.2...@tiptap/extension-highlight@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-highlight@1.0.0-alpha.1...@tiptap/extension-highlight@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-highlight
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-highlight/README.md b/packages/extension-highlight/README.md
new file mode 100644
index 0000000..1877907
--- /dev/null
+++ b/packages/extension-highlight/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-highlight
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-highlight.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-highlight)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-highlight.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-highlight.svg)](https://www.npmjs.com/package/@tiptap/extension-highlight)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-highlight/package.json b/packages/extension-highlight/package.json
new file mode 100644
index 0000000..5afec3f
--- /dev/null
+++ b/packages/extension-highlight/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-highlight",
+  "version": "3.30.3",
+  "description": "highlight extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-highlight"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-highlight/src/highlight.ts b/packages/extension-highlight/src/highlight.ts
new file mode 100644
index 0000000..f8a28ef
--- /dev/null
+++ b/packages/extension-highlight/src/highlight.ts
@@ -0,0 +1,183 @@
+import { getStyleProperty, Mark, markInputRule, markPasteRule, mergeAttributes } from '@tiptap/core'
+
+export interface HighlightOptions {
+  /**
+   * Allow multiple highlight colors
+   * @default false
+   * @example true
+   */
+  multicolor: boolean
+
+  /**
+   * HTML attributes to add to the highlight element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    highlight: {
+      /**
+       * Set a highlight mark
+       * @param attributes The highlight attributes
+       * @example editor.commands.setHighlight({ color: 'red' })
+       */
+      setHighlight: (attributes?: { color: string }) => ReturnType
+      /**
+       * Toggle a highlight mark
+       * @param attributes The highlight attributes
+       * @example editor.commands.toggleHighlight({ color: 'red' })
+       */
+      toggleHighlight: (attributes?: { color: string }) => ReturnType
+      /**
+       * Unset a highlight mark
+       * @example editor.commands.unsetHighlight()
+       */
+      unsetHighlight: () => ReturnType
+    }
+  }
+}
+
+/**
+ * Matches a highlight to a ==highlight== on input.
+ */
+export const inputRegex = /(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))$/
+
+/**
+ * Matches a highlight to a ==highlight== on paste.
+ */
+export const pasteRegex = /(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))/g
+
+/**
+ * This extension allows you to highlight text.
+ * @see https://www.tiptap.dev/api/marks/highlight
+ */
+export const Highlight = Mark.create<HighlightOptions>({
+  name: 'highlight',
+
+  addOptions() {
+    return {
+      multicolor: false,
+      HTMLAttributes: {},
+    }
+  },
+
+  addAttributes() {
+    if (!this.options.multicolor) {
+      return {}
+    }
+
+    return {
+      color: {
+        default: null,
+        // Prefer `data-color` (set by our own `renderHTML`) for lossless
+        // round-trips. Otherwise parse the raw inline `style` attribute so
+        // the original color format (e.g. `#rrggbb`) is preserved instead of
+        // the canonicalized `rgb(...)` value from `element.style.backgroundColor`.
+        parseHTML: element =>
+          element.getAttribute('data-color') ||
+          getStyleProperty(element, 'background-color') ||
+          element.style.backgroundColor,
+        renderHTML: attributes => {
+          if (!attributes.color) {
+            return {}
+          }
+
+          return {
+            'data-color': attributes.color,
+            style: `background-color: ${attributes.color}; color: inherit`,
+          }
+        },
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'mark',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['mark', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  renderMarkdown: (node, h) => {
+    return `==${h.renderChildren(node)}==`
+  },
+
+  parseMarkdown: (token, h) => {
+    return h.applyMark('highlight', h.parseInline(token.tokens || []))
+  },
+
+  markdownTokenizer: {
+    name: 'highlight',
+    level: 'inline',
+    start: (src: string) => src.indexOf('=='),
+    tokenize(src, _, h) {
+      const rule = /^(==)([^=]+)(==)/ // ==highlighted text==
+      const match = rule.exec(src)
+
+      if (match) {
+        const innerContent = match[2].trim()
+
+        const children = h.inlineTokens(innerContent)
+
+        return {
+          type: 'highlight',
+          raw: match[0],
+          text: innerContent,
+          tokens: children,
+        }
+      }
+    },
+  },
+
+  addCommands() {
+    return {
+      setHighlight:
+        attributes =>
+        ({ commands }) => {
+          return commands.setMark(this.name, attributes)
+        },
+      toggleHighlight:
+        attributes =>
+        ({ commands }) => {
+          return commands.toggleMark(this.name, attributes)
+        },
+      unsetHighlight:
+        () =>
+        ({ commands }) => {
+          return commands.unsetMark(this.name)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-Shift-h': () => this.editor.commands.toggleHighlight(),
+    }
+  },
+
+  addInputRules() {
+    return [
+      markInputRule({
+        find: inputRegex,
+        type: this.type,
+      }),
+    ]
+  },
+
+  addPasteRules() {
+    return [
+      markPasteRule({
+        find: pasteRegex,
+        type: this.type,
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-highlight/src/index.ts b/packages/extension-highlight/src/index.ts
new file mode 100644
index 0000000..1d5f920
--- /dev/null
+++ b/packages/extension-highlight/src/index.ts
@@ -0,0 +1,5 @@
+import { Highlight } from './highlight.js'
+
+export * from './highlight.js'
+
+export default Highlight
diff --git a/packages/extension-highlight/vite.config.ts b/packages/extension-highlight/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-highlight/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-horizontal-rule/CHANGELOG.md b/packages/extension-horizontal-rule/CHANGELOG.md
new file mode 100644
index 0000000..9032961
--- /dev/null
+++ b/packages/extension-horizontal-rule/CHANGELOG.md
@@ -0,0 +1,1868 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- e6451b8: Added nextNodeType option to horizontal-rule extension, allowing users to specify which node type should be inserted after a horizontal rule
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 087d114: Fixed a bug that caused the horizontal rule's `setHorizontalRule` command to always return true when checked via `can()`
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- 087d114: Fixed a bug that caused the horizontal rule's `setHorizontalRule` command to always return true when checked via `can()`
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/pm@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/pm@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/pm@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/pm@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/pm@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/pm@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/pm@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/pm@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/pm@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/pm@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+### Bug Fixes
+
+- **horizontal-rule:** fix insertion being broken on empty docs ([#4375](https://github.com/ueberdosis/tiptap/issues/4375)) ([2a83166](https://github.com/ueberdosis/tiptap/commit/2a83166a46f97a9fc42ae23ce5367bb58bcdab74))
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+### Bug Fixes
+
+- replace the whole node in nodeInputRule ([#4341](https://github.com/ueberdosis/tiptap/issues/4341)) ([ffeefe2](https://github.com/ueberdosis/tiptap/commit/ffeefe21ff3c1f951a5a4f9ae9697317ddd1c5ad))
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.35...@tiptap/extension-horizontal-rule@2.0.0-beta.36) (2022-06-27)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.34...@tiptap/extension-horizontal-rule@2.0.0-beta.35) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.32...@tiptap/extension-horizontal-rule@2.0.0-beta.34) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.32...@tiptap/extension-horizontal-rule@2.0.0-beta.32) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.30...@tiptap/extension-horizontal-rule@2.0.0-beta.31) (2022-01-24)
+
+### Bug Fixes
+
+- set cursor position in setHorizontalRule correctly, fix [#2429](https://github.com/ueberdosis/tiptap/issues/2429) ([34d8011](https://github.com/ueberdosis/tiptap/commit/34d80114704679118e9bb6058e0d6c7aa03fd4b5))
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.29...@tiptap/extension-horizontal-rule@2.0.0-beta.30) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.28...@tiptap/extension-horizontal-rule@2.0.0-beta.29) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.27...@tiptap/extension-horizontal-rule@2.0.0-beta.28) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.26...@tiptap/extension-horizontal-rule@2.0.0-beta.27) (2021-11-08)
+
+### Bug Fixes
+
+- Improve behavior when using insertContent ([#2147](https://github.com/ueberdosis/tiptap/issues/2147)) ([8fc915c](https://github.com/ueberdosis/tiptap/commit/8fc915cade394bff2015be1e1e2d7c008e8c908e))
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.25...@tiptap/extension-horizontal-rule@2.0.0-beta.26) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.24...@tiptap/extension-horizontal-rule@2.0.0-beta.25) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.23...@tiptap/extension-horizontal-rule@2.0.0-beta.24) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.22...@tiptap/extension-horizontal-rule@2.0.0-beta.23) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.21...@tiptap/extension-horizontal-rule@2.0.0-beta.22) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.20...@tiptap/extension-horizontal-rule@2.0.0-beta.21) (2021-10-02)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.19...@tiptap/extension-horizontal-rule@2.0.0-beta.20) (2021-09-29)
+
+### Bug Fixes
+
+- remove node before hr if it’s an empty text block, fix [#1665](https://github.com/ueberdosis/tiptap/issues/1665) ([4151e2f](https://github.com/ueberdosis/tiptap/commit/4151e2fd81ae6c007d32b72ac41feac3c81e438b))
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.18...@tiptap/extension-horizontal-rule@2.0.0-beta.19) (2021-08-12)
+
+### Bug Fixes
+
+- remove node before hr if it’s an empty text block (fix [#1665](https://github.com/ueberdosis/tiptap/issues/1665)) ([6e76bb8](https://github.com/ueberdosis/tiptap/commit/6e76bb84fc65eb95157f900c35adfdd28e88a8e3))
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.17...@tiptap/extension-horizontal-rule@2.0.0-beta.18) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.16...@tiptap/extension-horizontal-rule@2.0.0-beta.17) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.15...@tiptap/extension-horizontal-rule@2.0.0-beta.16) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.14...@tiptap/extension-horizontal-rule@2.0.0-beta.15) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.13...@tiptap/extension-horizontal-rule@2.0.0-beta.14) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.12...@tiptap/extension-horizontal-rule@2.0.0-beta.13) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.11...@tiptap/extension-horizontal-rule@2.0.0-beta.12) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.10...@tiptap/extension-horizontal-rule@2.0.0-beta.11) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.9...@tiptap/extension-horizontal-rule@2.0.0-beta.10) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.8...@tiptap/extension-horizontal-rule@2.0.0-beta.9) (2021-05-05)
+
+### Bug Fixes
+
+- fix lint error ([d5dd568](https://github.com/ueberdosis/tiptap/commit/d5dd568d862fee60c975ec7314615032f0558872))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.7...@tiptap/extension-horizontal-rule@2.0.0-beta.8) (2021-05-04)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.6...@tiptap/extension-horizontal-rule@2.0.0-beta.7) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.5...@tiptap/extension-horizontal-rule@2.0.0-beta.6) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.4...@tiptap/extension-horizontal-rule@2.0.0-beta.5) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.3...@tiptap/extension-horizontal-rule@2.0.0-beta.4) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.2...@tiptap/extension-horizontal-rule@2.0.0-beta.3) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-beta.1...@tiptap/extension-horizontal-rule@2.0.0-beta.2) (2021-04-07)
+
+### Bug Fixes
+
+- improve handling of horizontal rule at document end, fix [#248](https://github.com/ueberdosis/tiptap/issues/248) ([af17f2c](https://github.com/ueberdosis/tiptap/commit/af17f2c65794767e4b7ddfd1c1277a567acd898d))
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-alpha.11...@tiptap/extension-horizontal-rule@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-alpha.10...@tiptap/extension-horizontal-rule@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-alpha.9...@tiptap/extension-horizontal-rule@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-alpha.8...@tiptap/extension-horizontal-rule@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-alpha.7...@tiptap/extension-horizontal-rule@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-alpha.6...@tiptap/extension-horizontal-rule@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-alpha.5...@tiptap/extension-horizontal-rule@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-alpha.4...@tiptap/extension-horizontal-rule@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-alpha.3...@tiptap/extension-horizontal-rule@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-alpha.2...@tiptap/extension-horizontal-rule@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@2.0.0-alpha.1...@tiptap/extension-horizontal-rule@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@1.0.0-alpha.2...@tiptap/extension-horizontal-rule@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-horizontal-rule@1.0.0-alpha.1...@tiptap/extension-horizontal-rule@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-horizontal-rule
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-horizontal-rule/README.md b/packages/extension-horizontal-rule/README.md
new file mode 100644
index 0000000..6289126
--- /dev/null
+++ b/packages/extension-horizontal-rule/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-horizontal-rule
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-horizontal-rule.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-horizontal-rule)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-horizontal-rule.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-horizontal-rule.svg)](https://www.npmjs.com/package/@tiptap/extension-horizontal-rule)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-horizontal-rule/package.json b/packages/extension-horizontal-rule/package.json
new file mode 100644
index 0000000..d302c83
--- /dev/null
+++ b/packages/extension-horizontal-rule/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "@tiptap/extension-horizontal-rule",
+  "version": "3.30.3",
+  "description": "horizontal rule extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-horizontal-rule"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-horizontal-rule/src/horizontal-rule.test.ts b/packages/extension-horizontal-rule/src/horizontal-rule.test.ts
new file mode 100644
index 0000000..2e618e9
--- /dev/null
+++ b/packages/extension-horizontal-rule/src/horizontal-rule.test.ts
@@ -0,0 +1,58 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import { HorizontalRule } from './horizontal-rule.js'
+import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('extension-horizontal-rule', () => {
+  const editorElClass = 'tiptap'
+  let editor: Editor | null = null
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+
+    return editorEl
+  }
+
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  it('should be inserted after block leaf nodes correctly', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, HorizontalRule, Image],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'image',
+            attrs: {
+              src: 'https://source.unsplash.com/8xznAGy4HcY/800x400',
+            },
+          },
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'Example Text',
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    editor.commands.setTextSelection(2)
+    editor.commands.setHorizontalRule()
+
+    expect(editor.getHTML()).toMatch(/<img(.*?)><hr><p>Example Text<\/p>/)
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+})
diff --git a/packages/extension-horizontal-rule/src/horizontal-rule.ts b/packages/extension-horizontal-rule/src/horizontal-rule.ts
new file mode 100644
index 0000000..7dc1bd7
--- /dev/null
+++ b/packages/extension-horizontal-rule/src/horizontal-rule.ts
@@ -0,0 +1,136 @@
+import { canInsertNode, isNodeSelection, mergeAttributes, Node, nodeInputRule } from '@tiptap/core'
+import { NodeSelection, TextSelection } from '@tiptap/pm/state'
+
+export interface HorizontalRuleOptions {
+  /**
+   * The HTML attributes for a horizontal rule node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+  /**
+   * The default type to insert after the horizontal rule.
+   * @default "paragraph"
+   * @example "heading"
+   */
+  nextNodeType: string
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    horizontalRule: {
+      /**
+       * Add a horizontal rule
+       * @example editor.commands.setHorizontalRule()
+       */
+      setHorizontalRule: () => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension allows you to insert horizontal rules.
+ * @see https://www.tiptap.dev/api/nodes/horizontal-rule
+ */
+export const HorizontalRule = Node.create<HorizontalRuleOptions>({
+  name: 'horizontalRule',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+      nextNodeType: 'paragraph',
+    }
+  },
+
+  group: 'block',
+
+  parseHTML() {
+    return [{ tag: 'hr' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['hr', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)]
+  },
+
+  markdownTokenName: 'hr',
+
+  parseMarkdown: (token, helpers) => {
+    return helpers.createNode('horizontalRule')
+  },
+
+  renderMarkdown: () => {
+    return '---'
+  },
+
+  addCommands() {
+    return {
+      setHorizontalRule:
+        () =>
+        ({ chain, state }) => {
+          // Check if we can insert the node at the current selection
+          if (!canInsertNode(state, state.schema.nodes[this.name])) {
+            return false
+          }
+
+          const { selection } = state
+          const { $to: $originTo } = selection
+
+          const currentChain = chain()
+
+          if (isNodeSelection(selection)) {
+            currentChain.insertContentAt($originTo.pos, {
+              type: this.name,
+            })
+          } else {
+            currentChain.insertContent({ type: this.name })
+          }
+
+          return (
+            currentChain
+              // set cursor after horizontal rule
+              .command(({ state: chainState, tr, dispatch }) => {
+                if (dispatch) {
+                  const { $to } = tr.selection
+                  const posAfter = $to.end()
+
+                  if ($to.nodeAfter) {
+                    if ($to.nodeAfter.isTextblock) {
+                      tr.setSelection(TextSelection.create(tr.doc, $to.pos + 1))
+                    } else if ($to.nodeAfter.isBlock) {
+                      tr.setSelection(NodeSelection.create(tr.doc, $to.pos))
+                    } else {
+                      tr.setSelection(TextSelection.create(tr.doc, $to.pos))
+                    }
+                  } else {
+                    // add node after horizontal rule if it’s the end of the document
+                    const nodeType =
+                      chainState.schema.nodes[this.options.nextNodeType] ||
+                      $to.parent.type.contentMatch.defaultType
+                    const node = nodeType?.create()
+
+                    if (node) {
+                      tr.insert(posAfter, node)
+                      tr.setSelection(TextSelection.create(tr.doc, posAfter + 1))
+                    }
+                  }
+
+                  tr.scrollIntoView()
+                }
+
+                return true
+              })
+              .run()
+          )
+        },
+    }
+  },
+
+  addInputRules() {
+    return [
+      nodeInputRule({
+        find: /^(?:---|—-|___\s|\*\*\*\s)$/,
+        type: this.type,
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-horizontal-rule/src/index.ts b/packages/extension-horizontal-rule/src/index.ts
new file mode 100644
index 0000000..4d90163
--- /dev/null
+++ b/packages/extension-horizontal-rule/src/index.ts
@@ -0,0 +1,5 @@
+import { HorizontalRule } from './horizontal-rule.js'
+
+export * from './horizontal-rule.js'
+
+export default HorizontalRule
diff --git a/packages/extension-horizontal-rule/vite.config.ts b/packages/extension-horizontal-rule/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-horizontal-rule/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-image/CHANGELOG.md b/packages/extension-image/CHANGELOG.md
new file mode 100644
index 0000000..eb97b16
--- /dev/null
+++ b/packages/extension-image/CHANGELOG.md
@@ -0,0 +1,1695 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- 546b655: Fix resizable images staying hidden when the image is cached or fails to load.
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- a7c42fe: Fix resizable images not synchronizing rendered attributes after updates
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- ec291dd: Fix: dragging an inline/resizable image within the editor no longer creates a duplicate
+
+  When the `Image` extension was configured with `inline: true` or `resize` enabled, dragging an image within the editor could insert a duplicate at the drop position instead of moving it. This happened because the browser's native image drag behavior could populate `dataTransfer.files`, causing the FileHandler extension to intercept the drop before ProseMirror's internal move logic could run.
+
+- b63835b: Fix `HTMLAttributes` not being applied to the editor DOM when `resize` is enabled. The `addNodeView` path was using only the resolved node attributes and skipping the user-configured `HTMLAttributes` option. Now it merges them consistently with how `renderHTML` already works.
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Minor Changes
+
+- e3b4f68: 1. **Added** an optional `createCustomHandle` callback to `ResizableNodeView`, allowing developers to fully customize resize handles. When provided, it replaces the default handle creation and bypasses the built-in `positionHandle` logic, giving complete control over markup, styling, and positioning while preserving backward compatibility. 2. **Removed** predefined inline styles from the `wrapper` element to better support dynamic alignment. This eliminates the need for `!important` overrides in user styles. 3. **Added** an editor `update` event listener to dynamically attach or remove resize handles based on the editor’s editable state. The implementation tracks the previous editable state to avoid unnecessary re-renders.
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Minor Changes
+
+- 4aa9f57: Added a new `resize` option that allows images to be resized. The option adds resize handlers to images allowing users to manually resize images via drag and drop or touch
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Minor Changes
+
+- d230f7e: Add width and height attributes to Image node
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+### Minor Changes
+
+- d230f7e: Add width and height attributes to Image node
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.28...@tiptap/extension-image@2.0.0-beta.30) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.28...@tiptap/extension-image@2.0.0-beta.28) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.26...@tiptap/extension-image@2.0.0-beta.27) (2022-02-11)
+
+### Bug Fixes
+
+- don’t trigger image input rule on paste, fix [#2518](https://github.com/ueberdosis/tiptap/issues/2518) ([ecf270c](https://github.com/ueberdosis/tiptap/commit/ecf270c9e7b5848767e5380a37db622f9d8ab85e))
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.25...@tiptap/extension-image@2.0.0-beta.26) (2022-02-09)
+
+### Features
+
+- add allowBase64 option to image extension ([a97a46f](https://github.com/ueberdosis/tiptap/commit/a97a46fc51c5a4b2f46be21fa6701b977eb415f7))
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.24...@tiptap/extension-image@2.0.0-beta.25) (2022-01-28)
+
+### Bug Fixes
+
+- don’t allow base64 images at all, fix [#2455](https://github.com/ueberdosis/tiptap/issues/2455) ([999dbbe](https://github.com/ueberdosis/tiptap/commit/999dbbec1261d9b67fd3ab9ddba790d7d372d3ae))
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.23...@tiptap/extension-image@2.0.0-beta.24) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.22...@tiptap/extension-image@2.0.0-beta.23) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.21...@tiptap/extension-image@2.0.0-beta.22) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.20...@tiptap/extension-image@2.0.0-beta.21) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.19...@tiptap/extension-image@2.0.0-beta.20) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.18...@tiptap/extension-image@2.0.0-beta.19) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.17...@tiptap/extension-image@2.0.0-beta.18) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.16...@tiptap/extension-image@2.0.0-beta.17) (2021-10-11)
+
+### Bug Fixes
+
+- Fix [#2016](https://github.com/ueberdosis/tiptap/issues/2016) Image input rule ([#2020](https://github.com/ueberdosis/tiptap/issues/2020)) ([503a3f2](https://github.com/ueberdosis/tiptap/commit/503a3f2cf508271cc303fb918568dc8c9b900055)), closes [#1574](https://github.com/ueberdosis/tiptap/issues/1574)
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.15...@tiptap/extension-image@2.0.0-beta.16) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.14...@tiptap/extension-image@2.0.0-beta.15) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.13...@tiptap/extension-image@2.0.0-beta.14) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.12...@tiptap/extension-image@2.0.0-beta.13) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.11...@tiptap/extension-image@2.0.0-beta.12) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.10...@tiptap/extension-image@2.0.0-beta.11) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.9...@tiptap/extension-image@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.8...@tiptap/extension-image@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.7...@tiptap/extension-image@2.0.0-beta.8) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.6...@tiptap/extension-image@2.0.0-beta.7) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.5...@tiptap/extension-image@2.0.0-beta.6) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.4...@tiptap/extension-image@2.0.0-beta.5) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.3...@tiptap/extension-image@2.0.0-beta.4) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.2...@tiptap/extension-image@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-beta.1...@tiptap/extension-image@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-alpha.11...@tiptap/extension-image@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-alpha.10...@tiptap/extension-image@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-alpha.9...@tiptap/extension-image@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-alpha.8...@tiptap/extension-image@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-alpha.7...@tiptap/extension-image@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-alpha.6...@tiptap/extension-image@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-alpha.5...@tiptap/extension-image@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-alpha.4...@tiptap/extension-image@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-alpha.3...@tiptap/extension-image@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-alpha.2...@tiptap/extension-image@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@2.0.0-alpha.1...@tiptap/extension-image@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@1.0.0-alpha.2...@tiptap/extension-image@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-image@1.0.0-alpha.1...@tiptap/extension-image@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-image
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-image/README.md b/packages/extension-image/README.md
new file mode 100644
index 0000000..bfe9654
--- /dev/null
+++ b/packages/extension-image/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-image
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-image.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-image)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-image.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-image.svg)](https://www.npmjs.com/package/@tiptap/extension-image)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-image/package.json b/packages/extension-image/package.json
new file mode 100644
index 0000000..981a76f
--- /dev/null
+++ b/packages/extension-image/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-image",
+  "version": "3.30.3",
+  "description": "image extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-image"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-image/src/image.test.ts b/packages/extension-image/src/image.test.ts
new file mode 100644
index 0000000..435dd78
--- /dev/null
+++ b/packages/extension-image/src/image.test.ts
@@ -0,0 +1,556 @@
+import { Editor, Extension } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Markdown } from '@tiptap/markdown'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { Image } from './image.js'
+
+describe('extension-image', () => {
+  const editorElClass = 'tiptap'
+  let editor: Editor | null = null
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+    return editorEl
+  }
+
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  const destroyEditor = () => {
+    editor?.destroy()
+    editor = null
+    getEditorEl()?.remove()
+  }
+
+  afterEach(() => {
+    destroyEditor()
+  })
+
+  const imgSrc = 'https://example.com/image.jpg'
+
+  it('should apply HTMLAttributes via renderHTML when resize is disabled', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Image.configure({
+          HTMLAttributes: {
+            class: 'my-classname',
+          },
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'image',
+            attrs: { src: imgSrc, alt: 'test-alt' },
+          },
+        ],
+      },
+    })
+
+    expect(editor.getHTML()).toContain('class="my-classname"')
+  })
+
+  it('should apply HTMLAttributes in the editor DOM when resize is disabled', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Image.configure({
+          HTMLAttributes: {
+            class: 'my-classname',
+          },
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'image',
+            attrs: { src: imgSrc, alt: 'test-alt' },
+          },
+        ],
+      },
+    })
+
+    const img = editor.view.dom.querySelector('img')
+    expect(img).not.toBeNull()
+    // ProseMirror may add additional classes like 'ProseMirror-selectednode'
+    expect(img?.getAttribute('class')).toContain('my-classname')
+  })
+
+  it('should apply HTMLAttributes via renderHTML when resize is enabled', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Image.configure({
+          HTMLAttributes: {
+            class: 'my-classname',
+          },
+          resize: {
+            enabled: true,
+          },
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'image',
+            attrs: { src: imgSrc, alt: 'test-alt' },
+          },
+        ],
+      },
+    })
+
+    // getHTML() goes through renderHTML which already correctly merges HTMLAttributes
+    expect(editor.getHTML()).toContain('class="my-classname"')
+  })
+
+  it('should apply HTMLAttributes in the editor DOM when resize is enabled', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Image.configure({
+          HTMLAttributes: {
+            class: 'my-classname',
+            'data-test': 'value',
+          },
+          resize: {
+            enabled: true,
+          },
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'image',
+            attrs: { src: imgSrc, alt: 'test-alt' },
+          },
+        ],
+      },
+    })
+
+    const img = editor.view.dom.querySelector('img')
+    expect(img).not.toBeNull()
+    expect(img?.getAttribute('class')).toBe('my-classname')
+    expect(img?.getAttribute('data-test')).toBe('value')
+    expect(img?.getAttribute('src')).toBe(imgSrc)
+  })
+
+  it('should apply HTMLAttributes in the editor DOM when resize is enabled and content is markdown', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Markdown,
+        Image.configure({
+          HTMLAttributes: {
+            class: 'my-classname',
+          },
+          resize: {
+            enabled: true,
+          },
+        }),
+      ],
+      content: '![Image](https://example.com/image.jpg)',
+      contentType: 'markdown',
+    })
+
+    const img = editor.view.dom.querySelector('img')
+    expect(img).not.toBeNull()
+    expect(img?.getAttribute('class')).toBe('my-classname')
+    expect(img?.getAttribute('src')).toBe('https://example.com/image.jpg')
+  })
+
+  it('should apply HTMLAttributes via renderHTML when resize is enabled and content is markdown', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Markdown,
+        Image.configure({
+          HTMLAttributes: {
+            class: 'my-classname',
+          },
+          resize: {
+            enabled: true,
+          },
+        }),
+      ],
+      content: '![Image](https://example.com/image.jpg)',
+      contentType: 'markdown',
+    })
+
+    // getHTML() goes through renderHTML which already correctly merges HTMLAttributes
+    expect(editor.getHTML()).toContain('class="my-classname"')
+  })
+
+  /**
+   * Minimal extension that adds a global `customId` attribute (rendered as `data-custom-id`)
+   * to specified node types. This simulates what UniqueID does but without the complex
+   * plugin machinery, making it reliable in test environments.
+   */
+  const CustomIdAttribute = Extension.create({
+    name: 'customIdAttribute',
+
+    addGlobalAttributes() {
+      return [
+        {
+          types: ['image'],
+          attributes: {
+            customId: {
+              default: null,
+              parseHTML: (element: HTMLElement) => element.getAttribute('data-custom-id'),
+              renderHTML: (attributes: Record<string, any>) => {
+                if (!attributes.customId) {
+                  return {}
+                }
+
+                return { 'data-custom-id': attributes.customId }
+              },
+            },
+          },
+        },
+      ]
+    },
+  })
+
+  describe('resizable image attribute updates', () => {
+    it('should render global attributes on the resizable image element', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          Image.configure({
+            resize: { enabled: true },
+          }),
+          CustomIdAttribute,
+        ],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'image',
+              attrs: {
+                src: 'https://tiptap.dev/placeholder.png',
+                customId: 'my-id-123',
+              },
+            },
+          ],
+        },
+      })
+
+      const container = editor.view.dom.querySelector('[data-resize-container]')
+
+      expect(container).not.toBeNull()
+
+      const img = container?.querySelector('img')
+
+      expect(img).not.toBeNull()
+      expect(img?.getAttribute('src')).toBe('https://tiptap.dev/placeholder.png')
+      expect(img?.getAttribute('data-custom-id')).toBe('my-id-123')
+    })
+
+    it('should update global attributes on the img element when node attributes change', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          Image.configure({
+            resize: { enabled: true },
+          }),
+          CustomIdAttribute,
+        ],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'image',
+              attrs: {
+                src: 'https://tiptap.dev/placeholder.png',
+                customId: 'original-id',
+              },
+            },
+          ],
+        },
+      })
+
+      const container = editor.view.dom.querySelector('[data-resize-container]')
+      const img = container?.querySelector('img')
+
+      expect(img?.getAttribute('data-custom-id')).toBe('original-id')
+
+      // Update the customId so the img element reflects the new value.
+      editor.commands.updateAttributes('image', { customId: 'updated-id' })
+
+      expect(img?.getAttribute('data-custom-id')).toBe('updated-id')
+    })
+
+    it('should preserve global attributes when other attributes change', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          Image.configure({
+            resize: { enabled: true },
+          }),
+          CustomIdAttribute,
+        ],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'image',
+              attrs: {
+                src: 'https://tiptap.dev/placeholder.png',
+                customId: 'persistent-id',
+              },
+            },
+          ],
+        },
+      })
+
+      const container = editor.view.dom.querySelector('[data-resize-container]')
+      const img = container?.querySelector('img')
+
+      expect(img?.getAttribute('data-custom-id')).toBe('persistent-id')
+
+      // Update alt text while retaining data-custom-id.
+      editor.commands.updateAttributes('image', { alt: 'Updated alt text' })
+
+      expect(img?.getAttribute('alt')).toBe('Updated alt text')
+      expect(img?.getAttribute('data-custom-id')).toBe('persistent-id')
+    })
+
+    it('should update src on the resizable image when src attribute changes', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          Image.configure({
+            resize: { enabled: true },
+          }),
+        ],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'image',
+              attrs: {
+                src: 'https://tiptap.dev/placeholder.png',
+              },
+            },
+          ],
+        },
+      })
+
+      const container = editor.view.dom.querySelector('[data-resize-container]')
+      const img = container?.querySelector('img')
+
+      expect(img?.getAttribute('src')).toBe('https://tiptap.dev/placeholder.png')
+
+      editor.commands.updateAttributes('image', { src: 'https://tiptap.dev/new-image.png' })
+
+      expect(img?.getAttribute('src')).toBe('https://tiptap.dev/new-image.png')
+    })
+
+    it('should clear src on the resizable image when src is set to null', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          Image.configure({
+            resize: { enabled: true },
+          }),
+        ],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'image',
+              attrs: {
+                src: 'https://tiptap.dev/placeholder.png',
+              },
+            },
+          ],
+        },
+      })
+
+      const container = editor.view.dom.querySelector('[data-resize-container]')
+      const img = container?.querySelector('img')
+
+      expect(img?.getAttribute('src')).toBe('https://tiptap.dev/placeholder.png')
+
+      editor.commands.updateAttributes('image', { src: null })
+
+      expect(img?.hasAttribute('src')).toBe(false)
+      expect(img?.getAttribute('src')).toBeNull()
+      expect(img?.src).toBe('')
+    })
+
+    it('should clear src on the resizable image when src is set to an empty string', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          Image.configure({
+            resize: { enabled: true },
+          }),
+        ],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'image',
+              attrs: {
+                src: 'https://tiptap.dev/placeholder.png',
+              },
+            },
+          ],
+        },
+      })
+
+      const container = editor.view.dom.querySelector('[data-resize-container]')
+      const img = container?.querySelector('img')
+
+      expect(img?.getAttribute('src')).toBe('https://tiptap.dev/placeholder.png')
+
+      editor.commands.updateAttributes('image', { src: '' })
+
+      expect(img?.hasAttribute('src')).toBe(false)
+      expect(img?.getAttribute('src')).toBeNull()
+      expect(img?.src).toBe('')
+    })
+
+    it('should remove attributes from the resizable image when set to null', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          Image.configure({
+            resize: { enabled: true },
+          }),
+          CustomIdAttribute,
+        ],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'image',
+              attrs: {
+                src: 'https://tiptap.dev/placeholder.png',
+                alt: 'Some alt text',
+                title: 'Some title',
+                customId: 'to-be-removed',
+              },
+            },
+          ],
+        },
+      })
+
+      const container = editor.view.dom.querySelector('[data-resize-container]')
+      const img = container?.querySelector('img')
+
+      expect(img?.getAttribute('alt')).toBe('Some alt text')
+      expect(img?.getAttribute('title')).toBe('Some title')
+      expect(img?.getAttribute('data-custom-id')).toBe('to-be-removed')
+
+      editor.commands.updateAttributes('image', { alt: null, title: null, customId: null })
+
+      expect(img?.hasAttribute('alt')).toBe(false)
+      expect(img?.hasAttribute('title')).toBe(false)
+      expect(img?.hasAttribute('data-custom-id')).toBe(false)
+    })
+  })
+
+  describe('resizable image visibility', () => {
+    const setImageLoaded = (loaded: boolean) => {
+      vi.spyOn(HTMLImageElement.prototype, 'complete', 'get').mockReturnValue(loaded)
+      vi.spyOn(HTMLImageElement.prototype, 'naturalWidth', 'get').mockReturnValue(loaded ? 100 : 0)
+    }
+
+    const mountResizableImage = () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Paragraph, Text, Image.configure({ resize: { enabled: true } })],
+        content: {
+          type: 'doc',
+          content: [{ type: 'image', attrs: { src: imgSrc } }],
+        },
+      })
+
+      return editor.view.dom.querySelector('[data-resize-container]') as HTMLElement
+    }
+
+    afterEach(() => {
+      vi.restoreAllMocks()
+    })
+
+    it('should show the node view when the image is already loaded on mount', () => {
+      // A cached image is already complete before the node view mounts, so
+      // `load` never fires again and the image would stay hidden forever.
+      setImageLoaded(true)
+
+      expect(mountResizableImage().style.visibility).toBe('')
+    })
+
+    it('should hide the node view until a not-yet-loaded image fires load', () => {
+      setImageLoaded(false)
+
+      const container = mountResizableImage()
+
+      expect(container.style.visibility).toBe('hidden')
+
+      container.querySelector('img')?.dispatchEvent(new Event('load'))
+
+      expect(container.style.visibility).toBe('')
+    })
+
+    it('should show the node view when the image fails to load', () => {
+      setImageLoaded(false)
+
+      const container = mountResizableImage()
+
+      container.querySelector('img')?.dispatchEvent(new Event('error'))
+
+      expect(container.style.visibility).toBe('')
+    })
+  })
+})
diff --git a/packages/extension-image/src/image.ts b/packages/extension-image/src/image.ts
new file mode 100644
index 0000000..3894d3c
--- /dev/null
+++ b/packages/extension-image/src/image.ts
@@ -0,0 +1,330 @@
+import type { ResizableNodeViewDirection, ResizableNodeViewOptions } from '@tiptap/core'
+import {
+  getRenderedAttributes,
+  mergeAttributes,
+  Node,
+  nodeInputRule,
+  ResizableNodeView,
+} from '@tiptap/core'
+
+export interface ImageOptions {
+  /**
+   * Controls if the image node should be inline or not.
+   * @default false
+   * @example true
+   */
+  inline: boolean
+
+  /**
+   * Controls if base64 images are allowed. Enable this if you want to allow
+   * base64 image urls in the `src` attribute.
+   * @default false
+   * @example true
+   */
+  allowBase64: boolean
+
+  /**
+   * HTML attributes to add to the image element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+
+  /**
+   * Controls if the image should be resizable and how the resize is configured.
+   * @default false
+   * @example { directions: { top: true, right: true, bottom: true, left: true, topLeft: true, topRight: true, bottomLeft: true, bottomRight: true }, minWidth: 100, minHeight: 100 }
+   */
+  resize:
+    | {
+        enabled: boolean
+        directions?: ResizableNodeViewDirection[]
+        minWidth?: number
+        minHeight?: number
+        alwaysPreserveAspectRatio?: boolean
+      }
+    | false
+}
+
+export interface SetImageOptions {
+  src: string
+  alt?: string
+  title?: string
+  width?: number
+  height?: number
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    image: {
+      /**
+       * Add an image
+       * @param options The image attributes
+       * @example
+       * editor
+       *   .commands
+       *   .setImage({ src: 'https://tiptap.dev/logo.png', alt: 'tiptap', title: 'tiptap logo' })
+       */
+      setImage: (options: SetImageOptions) => ReturnType
+    }
+  }
+}
+
+/**
+ * Matches an image to a ![image](src "title") on input.
+ */
+export const inputRegex = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/
+
+/**
+ * This extension allows you to insert images.
+ * @see https://www.tiptap.dev/api/nodes/image
+ */
+export const Image = Node.create<ImageOptions>({
+  name: 'image',
+
+  addOptions() {
+    return {
+      inline: false,
+      allowBase64: false,
+      HTMLAttributes: {},
+      resize: false,
+    }
+  },
+
+  inline() {
+    return this.options.inline
+  },
+
+  group() {
+    return this.options.inline ? 'inline' : 'block'
+  },
+
+  draggable: true,
+
+  addAttributes() {
+    return {
+      src: {
+        default: null,
+      },
+      alt: {
+        default: null,
+      },
+      title: {
+        default: null,
+      },
+      width: {
+        default: null,
+      },
+      height: {
+        default: null,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: this.options.allowBase64 ? 'img[src]' : 'img[src]:not([src^="data:"])',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['img', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)]
+  },
+
+  parseMarkdown: (token, helpers) => {
+    return helpers.createNode('image', {
+      src: token.href,
+      title: token.title,
+      alt: token.text,
+    })
+  },
+
+  renderMarkdown: node => {
+    const src = node.attrs?.src ?? ''
+    const alt = node.attrs?.alt ?? ''
+    const title = node.attrs?.title ?? ''
+
+    return title ? `![${alt}](${src} "${title}")` : `![${alt}](${src})`
+  },
+
+  addNodeView() {
+    if (!this.options.resize || !this.options.resize.enabled || typeof document === 'undefined') {
+      return null
+    }
+
+    const { directions, minWidth, minHeight, alwaysPreserveAspectRatio } = this.options.resize
+    const resizeManagedAttributes = new Set(['src', 'width', 'height'])
+
+    return ({ node, getPos, HTMLAttributes, editor }) => {
+      const el = document.createElement('img')
+      el.draggable = false
+
+      const mergedAttributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)
+
+      Object.entries(mergedAttributes).forEach(([key, value]) => {
+        if (value != null) {
+          switch (key) {
+            case 'src':
+            case 'width':
+            case 'height':
+              break
+            default:
+              el.setAttribute(key, value)
+              break
+          }
+        }
+      })
+
+      if (mergedAttributes.src !== null) {
+        el.src = mergedAttributes.src
+      }
+
+      let previousHTMLAttributes = { ...HTMLAttributes }
+      const syncImageSource = (src: unknown) => {
+        if (typeof src === 'string' && src !== '') {
+          if (el.getAttribute('src') !== src) {
+            el.src = src
+          }
+
+          return
+        }
+
+        if (el.hasAttribute('src')) {
+          el.removeAttribute('src')
+        }
+
+        if (el.src !== '') {
+          el.src = ''
+        }
+      }
+
+      syncImageSource(HTMLAttributes.src)
+
+      const onUpdate: ResizableNodeViewOptions['onUpdate'] = (
+        updatedNode: Parameters<typeof getRenderedAttributes>[0],
+      ) => {
+        if (updatedNode.type !== node.type) {
+          return false
+        }
+
+        const extensionAttributes = editor.extensionManager.attributes.filter(
+          attribute => attribute.type === updatedNode.type.name,
+        )
+        const newHTMLAttributes = getRenderedAttributes(updatedNode, extensionAttributes)
+
+        // Remove attributes that were previously rendered but are no longer present
+        Object.keys(previousHTMLAttributes).forEach(key => {
+          if (!resizeManagedAttributes.has(key) && !(key in newHTMLAttributes)) {
+            el.removeAttribute(key)
+          }
+        })
+
+        Object.entries(newHTMLAttributes).forEach(([key, value]) => {
+          if (resizeManagedAttributes.has(key)) {
+            return
+          }
+
+          if (value != null) {
+            el.setAttribute(key, value)
+          } else {
+            el.removeAttribute(key)
+          }
+        })
+
+        syncImageSource(newHTMLAttributes.src)
+
+        previousHTMLAttributes = newHTMLAttributes
+
+        return true
+      }
+
+      const nodeView = new ResizableNodeView({
+        element: el,
+        editor,
+        node,
+        getPos,
+        onResize: (width, height) => {
+          el.style.width = `${width}px`
+          el.style.height = `${height}px`
+        },
+        onCommit: (width, height) => {
+          const pos = getPos()
+          if (pos === undefined) {
+            return
+          }
+
+          this.editor
+            .chain()
+            .setNodeSelection(pos)
+            .updateAttributes(this.name, {
+              width,
+              height,
+            })
+            .run()
+        },
+        onUpdate,
+        options: {
+          directions,
+          min: {
+            width: minWidth,
+            height: minHeight,
+          },
+          preserveAspectRatio: alwaysPreserveAspectRatio === true,
+        },
+      })
+
+      const dom = nodeView.dom as HTMLElement
+
+      // when image is loaded, show the node view to get the correct dimensions
+      const showNodeView = () => {
+        dom.style.visibility = ''
+        dom.style.pointerEvents = ''
+      }
+
+      dom.style.visibility = 'hidden'
+      dom.style.pointerEvents = 'none'
+
+      if (el.complete && el.naturalWidth > 0) {
+        // A cached image is already complete before this node view mounts, so
+        // `load` never fires again and the image would stay hidden forever.
+        showNodeView()
+      } else {
+        el.onload = showNodeView
+        // Reveal on error too, so a broken src renders as an inspectable broken
+        // image instead of an invisible node.
+        el.onerror = showNodeView
+      }
+
+      return nodeView
+    }
+  },
+
+  addCommands() {
+    return {
+      setImage:
+        options =>
+        ({ commands }) => {
+          return commands.insertContent({
+            type: this.name,
+            attrs: options,
+          })
+        },
+    }
+  },
+
+  addInputRules() {
+    return [
+      nodeInputRule({
+        find: inputRegex,
+        type: this.type,
+        getAttributes: match => {
+          const [, , alt, src, title] = match
+
+          return { src, alt, title }
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-image/src/index.ts b/packages/extension-image/src/index.ts
new file mode 100644
index 0000000..b0198e4
--- /dev/null
+++ b/packages/extension-image/src/index.ts
@@ -0,0 +1,5 @@
+import { Image } from './image.js'
+
+export * from './image.js'
+
+export default Image
diff --git a/packages/extension-image/vite.config.ts b/packages/extension-image/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-image/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-invisible-characters/CHANGELOG.md b/packages/extension-invisible-characters/CHANGELOG.md
new file mode 100644
index 0000000..94f0677
--- /dev/null
+++ b/packages/extension-invisible-characters/CHANGELOG.md
@@ -0,0 +1,1185 @@
+# @tiptap/extension-invisible-characters
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [4ae6ea0]
+- Updated dependencies [965a880]
+  - @tiptap/extension-text-style@3.30.3
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/extension-text-style@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/extension-text-style@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+  - @tiptap/extension-text-style@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/extension-text-style@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/extension-text-style@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+  - @tiptap/extension-text-style@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/extension-text-style@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/extension-text-style@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/extension-text-style@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+  - @tiptap/extension-text-style@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/extension-text-style@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/extension-text-style@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/extension-text-style@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/extension-text-style@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+  - @tiptap/extension-text-style@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+  - @tiptap/extension-text-style@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/extension-text-style@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/extension-text-style@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/extension-text-style@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/extension-text-style@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/extension-text-style@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/extension-text-style@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/extension-text-style@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/extension-text-style@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/extension-text-style@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/extension-text-style@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/extension-text-style@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/extension-text-style@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/extension-text-style@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/extension-text-style@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/extension-text-style@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/extension-text-style@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/extension-text-style@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/extension-text-style@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/extension-text-style@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/extension-text-style@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- 27d98ac: Added missing storage typings
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/extension-text-style@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/extension-text-style@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/extension-text-style@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/extension-text-style@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/extension-text-style@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/extension-text-style@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/extension-text-style@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/extension-text-style@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/extension-text-style@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/extension-text-style@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/extension-text-style@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/extension-text-style@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/extension-text-style@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/extension-text-style@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/extension-text-style@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/extension-text-style@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/extension-text-style@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/extension-text-style@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/extension-text-style@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/extension-text-style@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/extension-text-style@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/extension-text-style@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/extension-text-style@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/extension-text-style@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/extension-text-style@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/extension-text-style@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/extension-text-style@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/extension-text-style@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/extension-text-style@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/extension-text-style@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/extension-text-style@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/extension-text-style@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/extension-text-style@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/extension-text-style@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/extension-text-style@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/extension-text-style@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/extension-text-style@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/extension-text-style@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/extension-text-style@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- Updated dependencies [04a0f34]
+  - @tiptap/extension-text-style@3.5.3
+  - @tiptap/core@3.5.3
+  - @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/extension-text-style@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/extension-text-style@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/extension-text-style@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/extension-text-style@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/extension-text-style@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/extension-text-style@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/extension-text-style@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/extension-text-style@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- Updated dependencies [46fa8b8]
+  - @tiptap/extension-text-style@3.4.1
+  - @tiptap/core@3.4.1
+  - @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/extension-text-style@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/extension-text-style@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/extension-text-style@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/extension-text-style@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/extension-text-style@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/extension-text-style@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/extension-text-style@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/extension-text-style@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/extension-text-style@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/extension-text-style@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/extension-text-style@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/extension-text-style@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/extension-text-style@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/extension-text-style@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/extension-text-style@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- 4a421bf: Updated the default class names of the invisible and mathematics plugins
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [f77cbac]
+- Updated dependencies [0bad53e]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [0b4981c]
+- Updated dependencies [704f462]
+- Updated dependencies [3b4e06c]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/extension-text-style@3.0.1
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/extension-text-style@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/extension-text-style@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/extension-text-style@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/extension-text-style@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/extension-text-style@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/extension-text-style@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/extension-text-style@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/extension-text-style@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/extension-text-style@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/extension-text-style@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/extension-text-style@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/extension-text-style@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Major Changes
+
+- 4a421bf: Updated the default class names of the invisible and mathematics plugins
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/extension-text-style@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/extension-text-style@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/extension-text-style@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/extension-text-style@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/extension-text-style@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/extension-text-style@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/extension-text-style@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/extension-text-style@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/extension-text-style@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
diff --git a/packages/extension-invisible-characters/README.md b/packages/extension-invisible-characters/README.md
new file mode 100644
index 0000000..a4fac29
--- /dev/null
+++ b/packages/extension-invisible-characters/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-invisible-characters
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-invisible-characters.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-invisible-characters)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-invisible-characters.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-invisible-characters.svg)](https://www.npmjs.com/package/@tiptap/extension-invisible-characters)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-invisible-characters/package.json b/packages/extension-invisible-characters/package.json
new file mode 100644
index 0000000..474018f
--- /dev/null
+++ b/packages/extension-invisible-characters/package.json
@@ -0,0 +1,54 @@
+{
+  "name": "@tiptap/extension-invisible-characters",
+  "version": "3.30.3",
+  "description": "invisible characters extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev/docs/editor/extensions/functionality/invisiblecharacters",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-invisible-characters"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/extension-text-style": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/extension-text-style": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-invisible-characters/src/index.ts b/packages/extension-invisible-characters/src/index.ts
new file mode 100644
index 0000000..9cf7b4f
--- /dev/null
+++ b/packages/extension-invisible-characters/src/index.ts
@@ -0,0 +1,11 @@
+import { InvisibleCharacters } from './invisible-characters.js'
+
+export * from './invisible-characters.js'
+export * from './plugin/invisible-characters/hardBreak.js'
+export * from './plugin/invisible-characters/paragraph.js'
+export * from './plugin/invisible-characters/space.js'
+export * from './plugin/InvisibleCharacter.js'
+export * from './plugin/InvisibleNode.js'
+export * from './types.js'
+
+export default InvisibleCharacters
diff --git a/packages/extension-invisible-characters/src/invisible-characters.ts b/packages/extension-invisible-characters/src/invisible-characters.ts
new file mode 100644
index 0000000..4ee735a
--- /dev/null
+++ b/packages/extension-invisible-characters/src/invisible-characters.ts
@@ -0,0 +1,95 @@
+import { Extension } from '@tiptap/core'
+
+import { InvisibleCharactersPlugin, InvisibleCharactersPluginKey } from './plugin/index.js'
+import { HardBreakNode } from './plugin/invisible-characters/hardBreak.js'
+import { ParagraphNode } from './plugin/invisible-characters/paragraph.js'
+import { SpaceCharacter } from './plugin/invisible-characters/space.js'
+import type { InvisibleCharactersOptions } from './types.js'
+
+export { HardBreakNode, ParagraphNode, SpaceCharacter }
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    invisibleCharacters: {
+      /**
+       * Show invisible characters
+       */
+      showInvisibleCharacters: (show?: boolean) => ReturnType
+
+      /**
+       * Hide invisible characters
+       */
+      hideInvisibleCharacters: () => ReturnType
+
+      /**
+       * Toggle invisible characters
+       */
+      toggleInvisibleCharacters: () => ReturnType
+    }
+  }
+}
+
+export const InvisibleCharacters = Extension.create<InvisibleCharactersOptions>({
+  name: 'invisibleCharacters',
+
+  addOptions() {
+    return {
+      visible: true,
+      builders: [new SpaceCharacter(), new ParagraphNode(), new HardBreakNode()],
+      injectCSS: true,
+      injectNonce: undefined,
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [InvisibleCharactersPlugin(this.editor.state, this.options)]
+  },
+
+  addStorage() {
+    return {
+      visibility: () => this.options.visible,
+    }
+  },
+
+  onBeforeCreate() {
+    this.storage.visibility = () => {
+      return InvisibleCharactersPluginKey.getState(this.editor.state)?.visible
+    }
+  },
+
+  addCommands() {
+    return {
+      showInvisibleCharacters:
+        (visibility = true) =>
+        ({ dispatch, tr }) => {
+          if (dispatch) {
+            tr.setMeta('setInvisibleCharactersVisible', visibility)
+          }
+
+          return true
+        },
+      hideInvisibleCharacters:
+        () =>
+        ({ dispatch, tr }) => {
+          if (dispatch) {
+            tr.setMeta('setInvisibleCharactersVisible', false)
+          }
+
+          return true
+        },
+      toggleInvisibleCharacters:
+        () =>
+        ({ dispatch, tr, state }) => {
+          const visibility = !InvisibleCharactersPluginKey.getState(state)?.visible
+
+          if (dispatch) {
+            tr.setMeta('setInvisibleCharactersVisible', visibility)
+          }
+
+          return true
+        },
+    }
+  },
+})
+
+export default InvisibleCharacters
diff --git a/packages/extension-invisible-characters/src/plugin/InvisibleCharacter.ts b/packages/extension-invisible-characters/src/plugin/InvisibleCharacter.ts
new file mode 100644
index 0000000..a0992f5
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/InvisibleCharacter.ts
@@ -0,0 +1,49 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { DecorationSet } from '@tiptap/pm/view'
+
+import { createDecorationWidget } from './utils/create-decoration-widget.js'
+import { textBetween } from './utils/text-between.js'
+
+export interface InvisibleCharacterOptions {
+  type: string
+  predicate: (value: string) => boolean
+  priority?: number
+  content?: string
+}
+
+export class InvisibleCharacter {
+  predicate: (value: string) => boolean
+
+  content?: string
+
+  type: string
+
+  priority: number
+
+  constructor(options: InvisibleCharacterOptions) {
+    this.predicate = options.predicate
+    this.type = options.type
+    this.content = options.content
+    this.priority = options.priority || 100
+  }
+
+  createDecoration(from: number, to: number, doc: PMNode, decorations: DecorationSet) {
+    const textContent = textBetween(from, to, doc)
+
+    return textContent.reduce((oldDecorations, currentPosition) => {
+      return currentPosition.text.split('').reduce((innerDecorations, char, i) => {
+        return this.test(char)
+          ? innerDecorations.add(doc, [
+              createDecorationWidget(currentPosition.pos + i, this.type, this.content),
+            ])
+          : innerDecorations
+      }, oldDecorations)
+    }, decorations)
+  }
+
+  test(value: string) {
+    return this.predicate(value)
+  }
+}
+
+export default InvisibleCharacter
diff --git a/packages/extension-invisible-characters/src/plugin/InvisibleCharactersPlugin.ts b/packages/extension-invisible-characters/src/plugin/InvisibleCharactersPlugin.ts
new file mode 100644
index 0000000..b163532
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/InvisibleCharactersPlugin.ts
@@ -0,0 +1,93 @@
+import type { EditorState } from '@tiptap/pm/state'
+import { AllSelection, Plugin, PluginKey } from '@tiptap/pm/state'
+import { DecorationSet } from '@tiptap/pm/view'
+
+import type { InvisibleCharactersOptions, PluginState } from '../types.js'
+import { stateReducer } from './reducers.js'
+import { style } from './style.js'
+import { createStyleTag } from './utils/create-style-tag.js'
+import { getUpdatedRanges } from './utils/get-updated-ranges.js'
+
+export const InvisibleCharactersPluginKey = new PluginKey<PluginState>('invisibleCharacters')
+
+export const InvisibleCharactersPlugin = (
+  state: EditorState,
+  options: InvisibleCharactersOptions,
+) => {
+  const key = InvisibleCharactersPluginKey
+  const emptyDecorationSet = DecorationSet.create(state.doc, [])
+
+  const addDecorationsBetweenPositions = (
+    from: number,
+    to: number,
+    editorState: EditorState,
+    decorations: DecorationSet,
+  ) => {
+    return options.builders
+      .sort((builderA, builderB) => {
+        if (builderA.priority > builderB.priority) {
+          return 1
+        }
+
+        return -1
+      })
+      .reduce((newDecos, builder) => {
+        return builder.createDecoration(from, to, editorState.doc, newDecos)
+      }, decorations)
+  }
+
+  return new Plugin({
+    key,
+
+    state: {
+      init: () => {
+        const { $from, $to } = new AllSelection(state.doc)
+
+        if (options.injectCSS && document) {
+          createStyleTag(style, options.injectNonce)
+        }
+
+        return {
+          visible: options.visible,
+          decorations: addDecorationsBetweenPositions(
+            $from.pos,
+            $to.pos,
+            state,
+            DecorationSet.empty,
+          ),
+        }
+      },
+      apply: (tr, pluginState, _, currentState) => {
+        const newPluginState = stateReducer(
+          pluginState,
+          tr.getMeta('setInvisibleCharactersVisible'),
+        )
+
+        const decorations = getUpdatedRanges(tr).reduce(
+          (nextDecorations, [from, to]) => {
+            return addDecorationsBetweenPositions(from, to, currentState, nextDecorations)
+          },
+          newPluginState.decorations.map(tr.mapping, tr.doc),
+        )
+
+        return {
+          ...newPluginState,
+          decorations,
+        }
+      },
+    },
+
+    props: {
+      decorations(editorState) {
+        const pluginState = this.getState(editorState)
+
+        const visible = pluginState?.visible
+        const decorations = pluginState?.decorations
+
+        return visible ? decorations : emptyDecorationSet
+      },
+    },
+  })
+}
+
+export default InvisibleCharactersPlugin
diff --git a/packages/extension-invisible-characters/src/plugin/InvisibleNode.ts b/packages/extension-invisible-characters/src/plugin/InvisibleNode.ts
new file mode 100644
index 0000000..52bfec5
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/InvisibleNode.ts
@@ -0,0 +1,61 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { DecorationSet } from '@tiptap/pm/view'
+
+import { createDecorationWidget } from './utils/create-decoration-widget.js'
+
+export interface InvisibleNodeOptions {
+  content?: string
+  position?: (node: PMNode, pos: number) => number
+  predicate: (value: PMNode) => boolean
+  priority?: number
+  type: string
+}
+
+/** Default position for nodes is always at the end of the node */
+const defaultPosition = (node: PMNode, pos: number) => pos + node.nodeSize - 1
+
+export class InvisibleNode {
+  predicate: (value: PMNode) => boolean
+
+  position: (node: PMNode, pos: number) => number
+
+  content?: string
+
+  type: string
+
+  priority: number
+
+  constructor(options: InvisibleNodeOptions) {
+    this.predicate = options.predicate
+    this.type = options.type
+    this.position = options.position || defaultPosition
+    this.content = options.content
+    this.priority = options.priority || 100
+  }
+
+  createDecoration(from: number, to: number, doc: PMNode, decorations: DecorationSet) {
+    let newDecorations = decorations
+
+    doc.nodesBetween(from, to, (node, pos) => {
+      if (this.test(node)) {
+        const decorationPosition = this.position(node, pos)
+        const oldDecorations = newDecorations.find(
+          decorationPosition,
+          decorationPosition,
+          spec => spec.key === this.type,
+        )
+
+        newDecorations = newDecorations
+          .remove(oldDecorations)
+          .add(doc, [createDecorationWidget(decorationPosition, this.type, this.content)])
+      }
+    })
+    return newDecorations
+  }
+
+  test(value: PMNode) {
+    return this.predicate(value)
+  }
+}
+
+export default InvisibleNode
diff --git a/packages/extension-invisible-characters/src/plugin/index.ts b/packages/extension-invisible-characters/src/plugin/index.ts
new file mode 100644
index 0000000..ef8f147
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/index.ts
@@ -0,0 +1 @@
+export * from './InvisibleCharactersPlugin.js'
diff --git a/packages/extension-invisible-characters/src/plugin/invisible-characters/hardBreak.ts b/packages/extension-invisible-characters/src/plugin/invisible-characters/hardBreak.ts
new file mode 100644
index 0000000..5a8c91e
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/invisible-characters/hardBreak.ts
@@ -0,0 +1,12 @@
+import { InvisibleNode } from '../InvisibleNode.js'
+
+export class HardBreakNode extends InvisibleNode {
+  constructor() {
+    super({
+      type: 'break',
+      predicate: node => node.type === node.type.schema.nodes.hardBreak,
+    })
+  }
+}
+
+export default HardBreakNode
diff --git a/packages/extension-invisible-characters/src/plugin/invisible-characters/paragraph.ts b/packages/extension-invisible-characters/src/plugin/invisible-characters/paragraph.ts
new file mode 100644
index 0000000..d506e42
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/invisible-characters/paragraph.ts
@@ -0,0 +1,12 @@
+import { InvisibleNode } from '../InvisibleNode.js'
+
+export class ParagraphNode extends InvisibleNode {
+  constructor() {
+    super({
+      type: 'paragraph',
+      predicate: node => node.type === node.type.schema.nodes.paragraph,
+    })
+  }
+}
+
+export default ParagraphNode
diff --git a/packages/extension-invisible-characters/src/plugin/invisible-characters/space.ts b/packages/extension-invisible-characters/src/plugin/invisible-characters/space.ts
new file mode 100644
index 0000000..70d7c9a
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/invisible-characters/space.ts
@@ -0,0 +1,12 @@
+import { InvisibleCharacter } from '../InvisibleCharacter.js'
+
+export class SpaceCharacter extends InvisibleCharacter {
+  constructor() {
+    super({
+      type: 'space',
+      predicate: (char: string) => char === ' ',
+    })
+  }
+}
+
+export default SpaceCharacter
diff --git a/packages/extension-invisible-characters/src/plugin/reducers.ts b/packages/extension-invisible-characters/src/plugin/reducers.ts
new file mode 100644
index 0000000..539f423
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/reducers.ts
@@ -0,0 +1,11 @@
+import type { PluginState } from '../types.js'
+
+export const stateReducer = (state: PluginState, visible: boolean): PluginState => {
+  if (visible === undefined) {
+    return state
+  }
+
+  return { ...state, visible }
+}
+
+export default stateReducer
diff --git a/packages/extension-invisible-characters/src/plugin/style.ts b/packages/extension-invisible-characters/src/plugin/style.ts
new file mode 100644
index 0000000..4990261
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/style.ts
@@ -0,0 +1,43 @@
+export const style = `.tiptap-invisible-character {
+  height: 0;
+  padding: 0;
+  pointer-events: none;
+  user-select: none;
+  width: 0;
+}
+
+.tiptap-invisible-character::before {
+  caret-color: inherit;
+  color: #aaa;
+  display: inline-block;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1em;
+  width: 0;
+}
+
+.tiptap-invisible-character--space::before {
+  content: '·'
+}
+
+.tiptap-invisible-character--break::before {
+  content: '¬'
+}
+
+.tiptap-invisible-character--paragraph::before {
+  content: '¶'
+}
+
+.tiptap-invisible-character + img.ProseMirror-separator {
+  height: 0 !important;
+  pointer-events: none;
+  user-select: none;
+  width: 0 !important;
+}
+
+.is-empty[data-placeholder].has-focus > .tiptap-invisible-character {
+  display: none;
+}
+`
+
+export default style
diff --git a/packages/extension-invisible-characters/src/plugin/utils/create-decoration-widget.ts b/packages/extension-invisible-characters/src/plugin/utils/create-decoration-widget.ts
new file mode 100644
index 0000000..4b3fe5a
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/utils/create-decoration-widget.ts
@@ -0,0 +1,24 @@
+import { Decoration } from '@tiptap/pm/view'
+
+export const createDecorationWidget = (pos: number, type: string, content?: string) => {
+  const createElement = () => {
+    const newElement = document.createElement('span')
+
+    newElement.classList.add('tiptap-invisible-character')
+    newElement.classList.add(`tiptap-invisible-character--${type}`)
+
+    if (content) {
+      newElement.textContent = content
+    }
+
+    return newElement
+  }
+
+  return Decoration.widget(pos, createElement, {
+    key: type,
+    marks: [],
+    side: 1000,
+  })
+}
+
+export default createDecorationWidget
diff --git a/packages/extension-invisible-characters/src/plugin/utils/create-style-tag.ts b/packages/extension-invisible-characters/src/plugin/utils/create-style-tag.ts
new file mode 100644
index 0000000..f3d40f6
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/utils/create-style-tag.ts
@@ -0,0 +1,23 @@
+export const createStyleTag = (style: string, nonce?: string): HTMLStyleElement => {
+  const tiptapStyleTag = <HTMLStyleElement>(
+    document.querySelector('style[data-tiptap-extension-invisible-characters-style]')
+  )
+
+  if (tiptapStyleTag !== null) {
+    return tiptapStyleTag
+  }
+
+  const styleNode = document.createElement('style')
+
+  if (nonce) {
+    styleNode.setAttribute('nonce', nonce)
+  }
+
+  styleNode.setAttribute('data-tiptap-extension-invisible-characters-style', '')
+  styleNode.innerHTML = style
+  document.getElementsByTagName('head')[0].appendChild(styleNode)
+
+  return styleNode
+}
+
+export default createStyleTag
diff --git a/packages/extension-invisible-characters/src/plugin/utils/get-updated-ranges.ts b/packages/extension-invisible-characters/src/plugin/utils/get-updated-ranges.ts
new file mode 100644
index 0000000..86d1212
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/utils/get-updated-ranges.ts
@@ -0,0 +1,17 @@
+import type { Transaction } from '@tiptap/pm/state'
+
+type StepRange = [from: number, to: number]
+
+export const getUpdatedRanges = ({ mapping }: Transaction): StepRange[] => {
+  const ranges: StepRange[] = []
+
+  mapping.maps.forEach((stepMap, i) => {
+    stepMap.forEach((_oldStart, _oldEnd, newStart, newEnd) => {
+      ranges.push([mapping.slice(i + 1).map(newStart), mapping.slice(i + 1).map(newEnd)])
+    })
+  })
+
+  return ranges
+}
+
+export default getUpdatedRanges
diff --git a/packages/extension-invisible-characters/src/plugin/utils/text-between.ts b/packages/extension-invisible-characters/src/plugin/utils/text-between.ts
new file mode 100644
index 0000000..07e548d
--- /dev/null
+++ b/packages/extension-invisible-characters/src/plugin/utils/text-between.ts
@@ -0,0 +1,22 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import type { Position } from '../../types.js'
+
+export const textBetween = (from: number, to: number, doc: PMNode) => {
+  const positions: Position[] = []
+
+  doc.nodesBetween(from, to, (node, pos) => {
+    if (node.isText) {
+      const offset = Math.max(from, pos) - pos
+
+      positions.push({
+        pos: pos + offset,
+        text: node.text?.slice(offset, to - pos) || '',
+      })
+    }
+  })
+
+  return positions
+}
+
+export default textBetween
diff --git a/packages/extension-invisible-characters/src/types.ts b/packages/extension-invisible-characters/src/types.ts
new file mode 100644
index 0000000..b1c2285
--- /dev/null
+++ b/packages/extension-invisible-characters/src/types.ts
@@ -0,0 +1,34 @@
+import type { DecorationSet } from '@tiptap/pm/view'
+
+import type { InvisibleCharacter } from './plugin/InvisibleCharacter.js'
+import type { InvisibleNode } from './plugin/InvisibleNode.js'
+
+export interface InvisibleCharactersOptions {
+  visible: boolean
+  builders: Array<InvisibleCharacter | InvisibleNode>
+  injectCSS: boolean
+  injectNonce: string | undefined
+}
+
+export interface Position {
+  pos: number
+  text: string
+}
+
+export interface PluginState {
+  visible: boolean
+  decorations: DecorationSet
+}
+
+export interface InvisibleCharactersStorage {
+  /**
+   * Get whether the invisible characters are shown or not
+   */
+  visibility: () => boolean
+}
+
+declare module '@tiptap/core' {
+  interface Storage {
+    invisibleCharacters: InvisibleCharactersStorage
+  }
+}
diff --git a/packages/extension-invisible-characters/tests/integration/invisibleCharacters.test.ts b/packages/extension-invisible-characters/tests/integration/invisibleCharacters.test.ts
new file mode 100644
index 0000000..acdd6dc
--- /dev/null
+++ b/packages/extension-invisible-characters/tests/integration/invisibleCharacters.test.ts
@@ -0,0 +1,33 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
+import Heading from '@tiptap/extension-heading'
+import InvisibleCharacters from '@tiptap/extension-invisible-characters'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+describe('InvisibleCharacters', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Heading, Text, InvisibleCharacters, HardBreak],
+      content:
+        '<h1>This is a heading.</h1><p>This<br>is<br>a<br>paragraph.</p><p>Another paragraph.</p>',
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('renders invisible character decorations when shown', () => {
+    editor.commands.showInvisibleCharacters()
+    const decorations = editor.view.dom.querySelectorAll('[class*="tiptap-invisible-character"]')
+    expect(decorations.length).toBeGreaterThan(0)
+  })
+})
diff --git a/packages/extension-invisible-characters/vite.config.ts b/packages/extension-invisible-characters/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-invisible-characters/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-italic/CHANGELOG.md b/packages/extension-italic/CHANGELOG.md
new file mode 100644
index 0000000..d135059
--- /dev/null
+++ b/packages/extension-italic/CHANGELOG.md
@@ -0,0 +1,1661 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- 6b9ea92: Fixed overlapping bold and italic markdown serialization and round-tripping.
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+### Bug Fixes
+
+- Disallow only whitespace between markdown shortcuts delimiters ([#4866](https://github.com/ueberdosis/tiptap/issues/4866)) ([aa029fe](https://github.com/ueberdosis/tiptap/commit/aa029fe2242aeadc38555b2832df6ae1614c7d1d))
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.26...@tiptap/extension-italic@2.0.0-beta.28) (2022-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.25...@tiptap/extension-italic@2.0.0-beta.26) (2022-02-03)
+
+### Features
+
+- Add key bindings for uppercase letters for bold, italic and underline ([#2478](https://github.com/ueberdosis/tiptap/issues/2478)) ([b9bd469](https://github.com/ueberdosis/tiptap/commit/b9bd46964534c488dca21585786374b2f06ff03c)), closes [ProseMirror/prosemirror#895](https://github.com/ProseMirror/prosemirror/issues/895) [#2426](https://github.com/ueberdosis/tiptap/issues/2426)
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.24...@tiptap/extension-italic@2.0.0-beta.25) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.23...@tiptap/extension-italic@2.0.0-beta.24) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.22...@tiptap/extension-italic@2.0.0-beta.23) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.21...@tiptap/extension-italic@2.0.0-beta.22) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.20...@tiptap/extension-italic@2.0.0-beta.21) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.19...@tiptap/extension-italic@2.0.0-beta.20) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.18...@tiptap/extension-italic@2.0.0-beta.19) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.17...@tiptap/extension-italic@2.0.0-beta.18) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.16...@tiptap/extension-italic@2.0.0-beta.17) (2021-10-10)
+
+### Bug Fixes
+
+- fix regex modifier for input rules and paste rules, fix [#2003](https://github.com/ueberdosis/tiptap/issues/2003) ([65eddf0](https://github.com/ueberdosis/tiptap/commit/65eddf0e789c620a53d9bec9509b515211fb9b3f))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.15...@tiptap/extension-italic@2.0.0-beta.16) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.14...@tiptap/extension-italic@2.0.0-beta.15) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.13...@tiptap/extension-italic@2.0.0-beta.14) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.12...@tiptap/extension-italic@2.0.0-beta.13) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.11...@tiptap/extension-italic@2.0.0-beta.12) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.10...@tiptap/extension-italic@2.0.0-beta.11) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.9...@tiptap/extension-italic@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.8...@tiptap/extension-italic@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.7...@tiptap/extension-italic@2.0.0-beta.8) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.6...@tiptap/extension-italic@2.0.0-beta.7) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.5...@tiptap/extension-italic@2.0.0-beta.6) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.4...@tiptap/extension-italic@2.0.0-beta.5) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.3...@tiptap/extension-italic@2.0.0-beta.4) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.2...@tiptap/extension-italic@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-beta.1...@tiptap/extension-italic@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-alpha.11...@tiptap/extension-italic@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-alpha.10...@tiptap/extension-italic@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-alpha.9...@tiptap/extension-italic@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-alpha.8...@tiptap/extension-italic@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-alpha.7...@tiptap/extension-italic@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-alpha.6...@tiptap/extension-italic@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-alpha.5...@tiptap/extension-italic@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-alpha.4...@tiptap/extension-italic@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-alpha.3...@tiptap/extension-italic@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-alpha.2...@tiptap/extension-italic@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@2.0.0-alpha.1...@tiptap/extension-italic@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@1.0.0-alpha.2...@tiptap/extension-italic@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-italic@1.0.0-alpha.1...@tiptap/extension-italic@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-italic
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-italic/README.md b/packages/extension-italic/README.md
new file mode 100644
index 0000000..0445967
--- /dev/null
+++ b/packages/extension-italic/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-italic
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-italic.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-italic)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-italic.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-italic.svg)](https://www.npmjs.com/package/@tiptap/extension-italic)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-italic/package.json b/packages/extension-italic/package.json
new file mode 100644
index 0000000..f5ab47b
--- /dev/null
+++ b/packages/extension-italic/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-italic",
+  "version": "3.30.3",
+  "description": "italic extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-italic"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-italic/src/index.ts b/packages/extension-italic/src/index.ts
new file mode 100644
index 0000000..c76a706
--- /dev/null
+++ b/packages/extension-italic/src/index.ts
@@ -0,0 +1,5 @@
+import { Italic } from './italic.js'
+
+export * from './italic.js'
+
+export default Italic
diff --git a/packages/extension-italic/src/italic.ts b/packages/extension-italic/src/italic.ts
new file mode 100644
index 0000000..58bfc48
--- /dev/null
+++ b/packages/extension-italic/src/italic.ts
@@ -0,0 +1,160 @@
+import { Mark, markInputRule, markPasteRule, mergeAttributes } from '@tiptap/core'
+
+export interface ItalicOptions {
+  /**
+   * HTML attributes to add to the italic element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    italic: {
+      /**
+       * Set an italic mark
+       * @example editor.commands.setItalic()
+       */
+      setItalic: () => ReturnType
+      /**
+       * Toggle an italic mark
+       * @example editor.commands.toggleItalic()
+       */
+      toggleItalic: () => ReturnType
+      /**
+       * Unset an italic mark
+       * @example editor.commands.unsetItalic()
+       */
+      unsetItalic: () => ReturnType
+    }
+  }
+}
+
+/**
+ * Matches an italic to a *italic* on input.
+ */
+export const starInputRegex = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/
+
+/**
+ * Matches an italic to a *italic* on paste.
+ */
+export const starPasteRegex = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g
+
+/**
+ * Matches an italic to a _italic_ on input.
+ */
+export const underscoreInputRegex = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/
+
+/**
+ * Matches an italic to a _italic_ on paste.
+ */
+export const underscorePasteRegex = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g
+
+/**
+ * This extension allows you to create italic text.
+ * @see https://www.tiptap.dev/api/marks/italic
+ */
+export const Italic = Mark.create<ItalicOptions>({
+  name: 'italic',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'em',
+      },
+      {
+        tag: 'i',
+        getAttrs: node => (node as HTMLElement).style.fontStyle !== 'normal' && null,
+      },
+      {
+        style: 'font-style=normal',
+        clearMark: mark => mark.type.name === this.name,
+      },
+      {
+        style: 'font-style=italic',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['em', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  addCommands() {
+    return {
+      setItalic:
+        () =>
+        ({ commands }) => {
+          return commands.setMark(this.name)
+        },
+      toggleItalic:
+        () =>
+        ({ commands }) => {
+          return commands.toggleMark(this.name)
+        },
+      unsetItalic:
+        () =>
+        ({ commands }) => {
+          return commands.unsetMark(this.name)
+        },
+    }
+  },
+
+  markdownTokenName: 'em',
+
+  parseMarkdown: (token, helpers) => {
+    // Convert 'em' token to italic mark
+    return helpers.applyMark('italic', helpers.parseInline(token.tokens || []))
+  },
+
+  markdownOptions: {
+    htmlReopen: {
+      open: '<em>',
+      close: '</em>',
+    },
+  },
+
+  renderMarkdown: (node, h) => {
+    return `*${h.renderChildren(node)}*`
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-i': () => this.editor.commands.toggleItalic(),
+      'Mod-I': () => this.editor.commands.toggleItalic(),
+    }
+  },
+
+  addInputRules() {
+    return [
+      markInputRule({
+        find: starInputRegex,
+        type: this.type,
+      }),
+      markInputRule({
+        find: underscoreInputRegex,
+        type: this.type,
+      }),
+    ]
+  },
+
+  addPasteRules() {
+    return [
+      markPasteRule({
+        find: starPasteRegex,
+        type: this.type,
+      }),
+      markPasteRule({
+        find: underscorePasteRegex,
+        type: this.type,
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-italic/vite.config.ts b/packages/extension-italic/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-italic/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-link/CHANGELOG.md b/packages/extension-link/CHANGELOG.md
new file mode 100644
index 0000000..d034595
--- /dev/null
+++ b/packages/extension-link/CHANGELOG.md
@@ -0,0 +1,2003 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Minor Changes
+
+- 2834eb3: Typing or pasting Markdown link syntax like `[Tiptap](https://tiptap.dev)` or `[Tiptap](https://tiptap.dev "Rich text editor")` can now automatically be converted into a link. The behavior is opt-in, enable it with the new `markdownLinks` option.
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- d3eb052: Coerce `undefined` HTMLAttributes (`target`, `rel`, `class`) to `null` so ProseMirror does not emit "No value supplied for attribute" warnings when these options are explicitly set to `undefined`.
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- 24051bd: Fix `isAllowedUri` accepting unknown protocols whose name contains a hyphen (e.g. `unknown-protocol://test`). The hyphen is a valid scheme character per RFC 3986, but the regex was built from a template literal where `\-` collapsed to `-`, leaving the terminator class `[^a-z+.-:]` to parse `.-:` as a character range that excluded `0-9` and `/` rather than `-`. With the proper double-escape, the regex correctly excludes `-` and unknown hyphenated schemes are rejected again.
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- 968675d: Bumped linkify to ^4.3.3 to improve link recognition & fix a bug with chinese character encoding breaking the links when followed by parentheses
+  - @tiptap/core@3.23.3
+  - @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- 9011aff: Add `title` attribute to Link extension. The title can now be set via `setLink` and `toggleLink` commands and is rendered as an HTML title attribute.
+- 9011aff: Add title attribute support for markdown rendering. Links with titles are now serialized to markdown format `[text](url "title")`.
+  - @tiptap/core@3.19.0
+  - @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- 5f568dc: Fixed an issue where clicking on non-link elements (like images) required multiple clicks to select them. The link click handler now properly returns early when the clicked element is not a link, allowing other node handlers to process the click event.
+  - @tiptap/core@3.16.0
+  - @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- 03998a1: Prevent auto-linking of bare hostnames (e.g., `localhost`) and IP addresses without a protocol prefix
+  - @tiptap/core@3.15.2
+  - @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- fb51a32: Ensure `enableClickSelection` works regardless of the `openOnClick` option by always registering the link click handler plugin.
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- 075c4be: Paste Handlers and onPaste plugin now respect shouldAutoLink/validate options
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- 990084c: Bump linkifyjs version to latest to address the recently discovered prototype pollution vulnerability
+  - @tiptap/core@3.0.8
+  - @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Minor Changes
+
+- ced913d: Add enableClickSelection option to clickHandler plugin to support selection link on click. Also add optional Escape key behaviour to clear selection and move the cursor to the end of the link.
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- c11c89e: Fix autolink option in shadow dom by extending the whitespace detection to more unicode characters
+- d0557ef: Fixed links with marks not registering click events correctly
+- 8c69002: Synced beta with stable features
+- 27dd14b: Made attributes for `toggleLink` optional
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Minor Changes
+
+- ced913d: Add enableClickSelection option to clickHandler plugin to support selection link on click. Also add optional Escape key behaviour to clear selection and move the cursor to the end of the link.
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- 27dd14b: Made attributes for `toggleLink` optional
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- c11c89e: Fix autolink option in shadow dom by extending the whitespace detection to more unicode characters
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+### Patch Changes
+
+- d0557ef: Fixed links with marks not registering click events correctly
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+### Patch Changes
+
+- 2acf260: fix: #5679 - perform string sanitization to remove unwanted "object replacement characters" from the before performing link detection
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+### Patch Changes
+
+- bce96a6: Added support for numbers in email addresses.
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/pm@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/pm@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- c0e5398: Links were opening twive when the editor was not editable and openOnclick was true, now openOnClick setting will check if it is editable before trying to open programmatically resolves #4877
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/pm@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- a473826: Make openOnClick backwards compatible with previous `whenNotEditable` value, this is now the default and is deprecated
+  - @tiptap/core@2.5.3
+  - @tiptap/pm@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/pm@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/pm@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/pm@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/pm@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/pm@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/pm@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+### Bug Fixes
+
+- **extension-link:** Avoid auto-linking partial text for invalid TLDs ([#4865](https://github.com/ueberdosis/tiptap/issues/4865)) ([4474d05](https://github.com/ueberdosis/tiptap/commit/4474d056daf9280ebb10b31f98bb000e953132e5))
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+### Reverts
+
+- Revert "autolink improvement" ([ef10ae5](https://github.com/ueberdosis/tiptap/commit/ef10ae53b2a3854fceefc2999e166ed1fe4e9b32))
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+### Bug Fixes
+
+- add missing attributes in extension-link ([#4429](https://github.com/ueberdosis/tiptap/issues/4429)) ([0578265](https://github.com/ueberdosis/tiptap/commit/0578265bfe548a7f574cdbe055ef07b9029d8797))
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+### Bug Fixes
+
+- **link:** restore pasteHandler and add existing url check ([#4523](https://github.com/ueberdosis/tiptap/issues/4523)) ([1a7b428](https://github.com/ueberdosis/tiptap/commit/1a7b4280d2f9c334d14b16016c29e9f4862716a0))
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+### Bug Fixes
+
+- add missing attributes in extension-link ([#4429](https://github.com/ueberdosis/tiptap/issues/4429)) ([74b6444](https://github.com/ueberdosis/tiptap/commit/74b644438829d6ee9b0795bc70c55f2755d7438c))
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+### Bug Fixes
+
+- fix autolink when code is not enabled for editor ([#4344](https://github.com/ueberdosis/tiptap/issues/4344)) ([f2ac7b9](https://github.com/ueberdosis/tiptap/commit/f2ac7b90912a78b90216a7d7d084c86f0c0eef48))
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+### Bug Fixes
+
+- **link:** Fix autolinking and pasting ([#4292](https://github.com/ueberdosis/tiptap/issues/4292)) ([a2ce734](https://github.com/ueberdosis/tiptap/commit/a2ce734d681039fd61d402987e0842ddef6af595))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+### Bug Fixes
+
+- do not use window.open for links in readonly mode ([#4073](https://github.com/ueberdosis/tiptap/issues/4073)) ([4bca77e](https://github.com/ueberdosis/tiptap/commit/4bca77e4e9c96596d584cf71b8d831dc2ab0a421))
+- **extension-link:** fixes link going to wrong url ([#4078](https://github.com/ueberdosis/tiptap/issues/4078)) ([3053865](https://github.com/ueberdosis/tiptap/commit/30538654752ab3ded6e56c869745ccacc8cdeabc))
+- **link:** Prevent auto-linking when typing URL inside inline code mark ([#4160](https://github.com/ueberdosis/tiptap/issues/4160)) ([b24df3a](https://github.com/ueberdosis/tiptap/commit/b24df3aa4c2f3fdb2ed6122d2d32fb7c4e07f2af))
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+### Bug Fixes
+
+- **extension-link:** fix paste handling ([d19267e](https://github.com/ueberdosis/tiptap/commit/d19267ecefabf08e4bd27c52424ed83991ce7270))
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+### Bug Fixes
+
+- **link:** fix links autolinking when not needed ([#3989](https://github.com/ueberdosis/tiptap/issues/3989)) ([71946c1](https://github.com/ueberdosis/tiptap/commit/71946c18accf8a2e8192951de870f84e25f58ed5))
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+### Bug Fixes
+
+- **extension-link:** fix link not being kept when pasting url with link ([#3975](https://github.com/ueberdosis/tiptap/issues/3975)) ([e7d7d49](https://github.com/ueberdosis/tiptap/commit/e7d7d496376c8c11e24c342e20bd179a6ea7dcee))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+### Bug Fixes
+
+- do not use window.open for links in readonly mode ([#4073](https://github.com/ueberdosis/tiptap/issues/4073)) ([4bca77e](https://github.com/ueberdosis/tiptap/commit/4bca77e4e9c96596d584cf71b8d831dc2ab0a421))
+- **extension-link:** fixes link going to wrong url ([#4078](https://github.com/ueberdosis/tiptap/issues/4078)) ([3053865](https://github.com/ueberdosis/tiptap/commit/30538654752ab3ded6e56c869745ccacc8cdeabc))
+- **link:** Prevent auto-linking when typing URL inside inline code mark ([#4160](https://github.com/ueberdosis/tiptap/issues/4160)) ([b24df3a](https://github.com/ueberdosis/tiptap/commit/b24df3aa4c2f3fdb2ed6122d2d32fb7c4e07f2af))
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+### Bug Fixes
+
+- **extension-link:** fix paste handling ([d19267e](https://github.com/ueberdosis/tiptap/commit/d19267ecefabf08e4bd27c52424ed83991ce7270))
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+### Bug Fixes
+
+- **link:** fix links autolinking when not needed ([#3989](https://github.com/ueberdosis/tiptap/issues/3989)) ([71946c1](https://github.com/ueberdosis/tiptap/commit/71946c18accf8a2e8192951de870f84e25f58ed5))
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+### Bug Fixes
+
+- **extension-link:** fix link not being kept when pasting url with link ([#3975](https://github.com/ueberdosis/tiptap/issues/3975)) ([e7d7d49](https://github.com/ueberdosis/tiptap/commit/e7d7d496376c8c11e24c342e20bd179a6ea7dcee))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+### Bug Fixes
+
+- **extension-link:** Click handler opens selected link instead of clicked link ([#3732](https://github.com/ueberdosis/tiptap/issues/3732)) ([6997bca](https://github.com/ueberdosis/tiptap/commit/6997bcad6b60f78122c605656500c63c96ea2faa))
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+### Bug Fixes
+
+- **link:** allow to unset target attribute ([#3425](https://github.com/ueberdosis/tiptap/issues/3425)) ([1c3568d](https://github.com/ueberdosis/tiptap/commit/1c3568dcd978a7eb784cde69d4e9962f612cbe35)), closes [#3276](https://github.com/ueberdosis/tiptap/issues/3276)
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+### Bug Fixes
+
+- **extension/link:** :bug: fix last word value not being passed through when undefined ([#3258](https://github.com/ueberdosis/tiptap/issues/3258)) ([69923e2](https://github.com/ueberdosis/tiptap/commit/69923e2b0e1eff4e8bd6aab5f39c37f8ac8864cb))
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+### Bug Fixes
+
+- **link:** ensure text blocks exist before referencing them ([#3251](https://github.com/ueberdosis/tiptap/issues/3251)) ([539afce](https://github.com/ueberdosis/tiptap/commit/539afce4fd840941fc2335bf5843e6811b921674)), closes [#3250](https://github.com/ueberdosis/tiptap/issues/3250)
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+### Bug Fixes
+
+- **types:** fix link and table type errors ([#3208](https://github.com/ueberdosis/tiptap/issues/3208)) ([ae13cf6](https://github.com/ueberdosis/tiptap/commit/ae13cf61ad0ead942515d8c597f96a4b4d026412))
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.43](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.42...@tiptap/extension-link@2.0.0-beta.43) (2022-06-27)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.42](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.41...@tiptap/extension-link@2.0.0-beta.42) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.41](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.39...@tiptap/extension-link@2.0.0-beta.41) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.39](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.39...@tiptap/extension-link@2.0.0-beta.39) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.38](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.37...@tiptap/extension-link@2.0.0-beta.38) (2022-05-18)
+
+### Bug Fixes
+
+- **extension-link:** :bug: fix auto link validation not working on paste ([3a3eb53](https://github.com/ueberdosis/tiptap/commit/3a3eb5311c6fbf1c1000a099d21bb47c71370375))
+
+### Features
+
+- **extension-link:** :sparkles: add validate option to link extension ([23e67ad](https://github.com/ueberdosis/tiptap/commit/23e67adfa730df7364bc31220d0ed0e8ea522593)), closes [#2779](https://github.com/ueberdosis/tiptap/issues/2779)
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.36...@tiptap/extension-link@2.0.0-beta.37) (2022-04-27)
+
+### Bug Fixes
+
+- **extension-link:** restricts parsing `javascript:` pseudo-protocol ([947f311](https://github.com/ueberdosis/tiptap/commit/947f311c0ec9affdcaeb220d13d87c04c773f084))
+
+# [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.35...@tiptap/extension-link@2.0.0-beta.36) (2022-01-20)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.34...@tiptap/extension-link@2.0.0-beta.35) (2022-01-07)
+
+### Bug Fixes
+
+- allow to remove autolinks with unsetLink ([ea10ffb](https://github.com/ueberdosis/tiptap/commit/ea10ffbc6a0f447c33680dcc6f6dc2fa6337c4c2))
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.33...@tiptap/extension-link@2.0.0-beta.34) (2022-01-04)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.32...@tiptap/extension-link@2.0.0-beta.33) (2021-12-06)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.31...@tiptap/extension-link@2.0.0-beta.32) (2021-12-03)
+
+### Bug Fixes
+
+- calculate correct autolink position when using leaf nodes in the same text block, fix [#2231](https://github.com/ueberdosis/tiptap/issues/2231) ([924b650](https://github.com/ueberdosis/tiptap/commit/924b6508f9211ba281b159676d4800748870b565))
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.30...@tiptap/extension-link@2.0.0-beta.31) (2021-12-03)
+
+### Features
+
+- Add support for autolink ([#2226](https://github.com/ueberdosis/tiptap/issues/2226)) ([3d68981](https://github.com/ueberdosis/tiptap/commit/3d68981b47d087fff40549d2143eb952fc9e0a50))
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.29...@tiptap/extension-link@2.0.0-beta.30) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.28...@tiptap/extension-link@2.0.0-beta.29) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.27...@tiptap/extension-link@2.0.0-beta.28) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.26...@tiptap/extension-link@2.0.0-beta.27) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.25...@tiptap/extension-link@2.0.0-beta.26) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.24...@tiptap/extension-link@2.0.0-beta.25) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.23...@tiptap/extension-link@2.0.0-beta.24) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.22...@tiptap/extension-link@2.0.0-beta.23) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.21...@tiptap/extension-link@2.0.0-beta.22) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.20...@tiptap/extension-link@2.0.0-beta.21) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.19...@tiptap/extension-link@2.0.0-beta.20) (2021-09-08)
+
+### Features
+
+- add extendEmptyMarkRange option to mark commands ([#1859](https://github.com/ueberdosis/tiptap/issues/1859)) ([14e458e](https://github.com/ueberdosis/tiptap/commit/14e458ea7d7475a51ac00d6f67509dc769919d0b))
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.18...@tiptap/extension-link@2.0.0-beta.19) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.17...@tiptap/extension-link@2.0.0-beta.18) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.16...@tiptap/extension-link@2.0.0-beta.17) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.15...@tiptap/extension-link@2.0.0-beta.16) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.14...@tiptap/extension-link@2.0.0-beta.15) (2021-05-07)
+
+### Features
+
+- add editor.getAttributes, deprecate editor.getNodeAttributes and editor.getMarkAttributes ([072905c](https://github.com/ueberdosis/tiptap/commit/072905cb95e022a37f5bc937889999bfbb33ad88))
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.13...@tiptap/extension-link@2.0.0-beta.14) (2021-05-07)
+
+### Bug Fixes
+
+- fix a bug that messed up pasted link attributes, fix [#1284](https://github.com/ueberdosis/tiptap/issues/1284) ([7da647d](https://github.com/ueberdosis/tiptap/commit/7da647d99f1dcefabc653347a8e2abfae3bb972e))
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.12...@tiptap/extension-link@2.0.0-beta.13) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.11...@tiptap/extension-link@2.0.0-beta.12) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.10...@tiptap/extension-link@2.0.0-beta.11) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.9...@tiptap/extension-link@2.0.0-beta.10) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.8...@tiptap/extension-link@2.0.0-beta.9) (2021-05-05)
+
+### Features
+
+- add linkOnPaste option for adding a link to the current selection if the pasted content only contains an url, fix [#1210](https://github.com/ueberdosis/tiptap/issues/1210) ([9e9401e](https://github.com/ueberdosis/tiptap/commit/9e9401e68b79d34070fb79c4f356841fa19fe436))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.7...@tiptap/extension-link@2.0.0-beta.8) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.6...@tiptap/extension-link@2.0.0-beta.7) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.5...@tiptap/extension-link@2.0.0-beta.6) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.4...@tiptap/extension-link@2.0.0-beta.5) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.3...@tiptap/extension-link@2.0.0-beta.4) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.2...@tiptap/extension-link@2.0.0-beta.3) (2021-04-11)
+
+### Bug Fixes
+
+- fix a bug in link click handler, where we can’t click on text selections. fix [#263](https://github.com/ueberdosis/tiptap/issues/263) ([33c30c0](https://github.com/ueberdosis/tiptap/commit/33c30c0d6df66190fd1d5073ccc43b1020b517f9))
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-beta.1...@tiptap/extension-link@2.0.0-beta.2) (2021-04-07)
+
+### Features
+
+- add priority option to extensions ([bb1ae65](https://github.com/ueberdosis/tiptap/commit/bb1ae659a463e97a7ada15af711347b5c004897a))
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-alpha.11...@tiptap/extension-link@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-alpha.10...@tiptap/extension-link@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-alpha.9...@tiptap/extension-link@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-alpha.8...@tiptap/extension-link@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-alpha.7...@tiptap/extension-link@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-alpha.6...@tiptap/extension-link@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-alpha.5...@tiptap/extension-link@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-alpha.4...@tiptap/extension-link@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-alpha.3...@tiptap/extension-link@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-alpha.2...@tiptap/extension-link@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@2.0.0-alpha.1...@tiptap/extension-link@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@1.0.0-alpha.2...@tiptap/extension-link@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-link@1.0.0-alpha.1...@tiptap/extension-link@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-link
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-link/README.md b/packages/extension-link/README.md
new file mode 100644
index 0000000..dbbaba3
--- /dev/null
+++ b/packages/extension-link/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-link
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-link.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-link)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-link.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-link.svg)](https://www.npmjs.com/package/@tiptap/extension-link)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-link/package.json b/packages/extension-link/package.json
new file mode 100644
index 0000000..d9f1476
--- /dev/null
+++ b/packages/extension-link/package.json
@@ -0,0 +1,55 @@
+{
+  "name": "@tiptap/extension-link",
+  "version": "3.30.3",
+  "description": "link extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-link"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "linkifyjs": "^4.3.3"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-link/src/helpers/autolink.ts b/packages/extension-link/src/helpers/autolink.ts
new file mode 100644
index 0000000..79264ce
--- /dev/null
+++ b/packages/extension-link/src/helpers/autolink.ts
@@ -0,0 +1,185 @@
+import type { NodeWithPos } from '@tiptap/core'
+import {
+  combineTransactionSteps,
+  findChildrenInRange,
+  getChangedRanges,
+  getMarksBetween,
+} from '@tiptap/core'
+import type { MarkType } from '@tiptap/pm/model'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import type { MultiToken } from 'linkifyjs'
+import { tokenize } from 'linkifyjs'
+
+import { UNICODE_WHITESPACE_REGEX, UNICODE_WHITESPACE_REGEX_END } from './whitespace.js'
+
+/**
+ * Check if the provided tokens form a valid link structure, which can either be a single link token
+ * or a link token surrounded by parentheses or square brackets.
+ *
+ * This ensures that only complete and valid text is hyperlinked, preventing cases where a valid
+ * top-level domain (TLD) is immediately followed by an invalid character, like a number. For
+ * example, with the `find` method from Linkify, entering `example.com1` would result in
+ * `example.com` being linked and the trailing `1` left as plain text. By using the `tokenize`
+ * method, we can perform more comprehensive validation on the input text.
+ */
+function isValidLinkStructure(tokens: Array<ReturnType<MultiToken['toObject']>>) {
+  if (tokens.length === 1) {
+    return tokens[0].isLink
+  }
+
+  if (tokens.length === 3 && tokens[1].isLink) {
+    return ['()', '[]'].includes(tokens[0].value + tokens[2].value)
+  }
+
+  return false
+}
+
+type AutolinkOptions = {
+  type: MarkType
+  defaultProtocol: string
+  validate: (url: string) => boolean
+  shouldAutoLink: (url: string) => boolean
+}
+
+/**
+ * This plugin allows you to automatically add links to your editor.
+ * @param options The plugin options
+ * @returns The plugin instance
+ */
+export function autolink(options: AutolinkOptions): Plugin {
+  return new Plugin({
+    key: new PluginKey('autolink'),
+    appendTransaction: (transactions, oldState, newState) => {
+      /**
+       * Does the transaction change the document?
+       */
+      const docChanges =
+        transactions.some(transaction => transaction.docChanged) && !oldState.doc.eq(newState.doc)
+
+      /**
+       * Prevent autolink if the transaction is not a document change or if the transaction has the meta `preventAutolink`.
+       */
+      const preventAutolink = transactions.some(transaction =>
+        transaction.getMeta('preventAutolink'),
+      )
+
+      /**
+       * Prevent autolink if the transaction is not a document change
+       * or if the transaction has the meta `preventAutolink`.
+       */
+      if (!docChanges || preventAutolink) {
+        return
+      }
+
+      const { tr } = newState
+      const transform = combineTransactionSteps(oldState.doc, [...transactions])
+      const changes = getChangedRanges(transform)
+
+      changes.forEach(({ newRange }) => {
+        // Now let’s see if we can add new links.
+        const nodesInChangedRanges = findChildrenInRange(
+          newState.doc,
+          newRange,
+          node => node.isTextblock,
+        )
+
+        let textBlock: NodeWithPos | undefined
+        let textBeforeWhitespace: string | undefined
+
+        if (nodesInChangedRanges.length > 1) {
+          // Grab the first node within the changed ranges (ex. the first of two paragraphs when hitting enter).
+          textBlock = nodesInChangedRanges[0]
+          textBeforeWhitespace = newState.doc.textBetween(
+            textBlock.pos,
+            textBlock.pos + textBlock.node.nodeSize,
+            undefined,
+            ' ',
+          )
+        } else if (nodesInChangedRanges.length) {
+          const endText = newState.doc.textBetween(newRange.from, newRange.to, ' ', ' ')
+          if (!UNICODE_WHITESPACE_REGEX_END.test(endText)) {
+            return
+          }
+          textBlock = nodesInChangedRanges[0]
+          textBeforeWhitespace = newState.doc.textBetween(
+            textBlock.pos,
+            newRange.to,
+            undefined,
+            ' ',
+          )
+        }
+
+        if (textBlock && textBeforeWhitespace) {
+          const wordsBeforeWhitespace = textBeforeWhitespace
+            .split(UNICODE_WHITESPACE_REGEX)
+            .filter(Boolean)
+
+          if (wordsBeforeWhitespace.length <= 0) {
+            return false
+          }
+
+          const lastWordBeforeSpace = wordsBeforeWhitespace[wordsBeforeWhitespace.length - 1]
+          const lastWordAndBlockOffset =
+            textBlock.pos + textBeforeWhitespace.lastIndexOf(lastWordBeforeSpace)
+
+          if (!lastWordBeforeSpace) {
+            return false
+          }
+
+          const linksBeforeSpace = tokenize(lastWordBeforeSpace).map(t =>
+            t.toObject(options.defaultProtocol),
+          )
+
+          if (!isValidLinkStructure(linksBeforeSpace)) {
+            return false
+          }
+
+          linksBeforeSpace
+            .filter(link => link.isLink)
+            // Calculate link position.
+            .map(link => ({
+              ...link,
+              from: lastWordAndBlockOffset + link.start + 1,
+              to: lastWordAndBlockOffset + link.end + 1,
+            }))
+            // ignore link inside code mark
+            .filter(link => {
+              if (!newState.schema.marks.code) {
+                return true
+              }
+
+              return !newState.doc.rangeHasMark(link.from, link.to, newState.schema.marks.code)
+            })
+            // validate link
+            .filter(link => options.validate(link.value))
+            // check whether should autolink
+            .filter(link => options.shouldAutoLink(link.value))
+            // Add link mark.
+            .forEach(link => {
+              if (
+                getMarksBetween(link.from, link.to, newState.doc).some(
+                  item => item.mark.type === options.type,
+                )
+              ) {
+                return
+              }
+
+              tr.addMark(
+                link.from,
+                link.to,
+                options.type.create({
+                  href: link.href,
+                }),
+              )
+            })
+        }
+      })
+
+      if (!tr.steps.length) {
+        return
+      }
+
+      return tr
+    },
+  })
+}
diff --git a/packages/extension-link/src/helpers/clickHandler.ts b/packages/extension-link/src/helpers/clickHandler.ts
new file mode 100644
index 0000000..3d071d4
--- /dev/null
+++ b/packages/extension-link/src/helpers/clickHandler.ts
@@ -0,0 +1,73 @@
+import type { Editor } from '@tiptap/core'
+import { getAttributes } from '@tiptap/core'
+import type { MarkType } from '@tiptap/pm/model'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+type ClickHandlerOptions = {
+  type: MarkType
+  editor: Editor
+  openOnClick?: boolean
+  enableClickSelection?: boolean
+}
+
+export function clickHandler(options: ClickHandlerOptions): Plugin {
+  return new Plugin({
+    key: new PluginKey('handleClickLink'),
+    props: {
+      handleClick: (view, pos, event) => {
+        if (event.button !== 0) {
+          return false
+        }
+
+        if (!view.editable) {
+          return false
+        }
+
+        let link: HTMLAnchorElement | null = null
+
+        if (event.target instanceof HTMLAnchorElement) {
+          link = event.target
+        } else {
+          const target = event.target as HTMLElement | null
+          if (!target) {
+            return false
+          }
+
+          const root = options.editor.view.dom
+
+          // Tntentionally limit the lookup to the editor root.
+          // Using tag names like DIV as boundaries breaks with custom NodeViews,
+          link = target.closest<HTMLAnchorElement>('a')
+
+          if (link && !root.contains(link)) {
+            link = null
+          }
+        }
+
+        if (!link) {
+          return false
+        }
+
+        let handled = false
+
+        if (options.enableClickSelection) {
+          const commandResult = options.editor.commands.extendMarkRange(options.type.name)
+          handled = commandResult
+        }
+
+        if (options.openOnClick) {
+          const attrs = getAttributes(view.state, options.type.name)
+          const href = link.href ?? attrs.href
+          const target = link.target ?? attrs.target
+
+          if (href) {
+            window.open(href, target)
+            handled = true
+          }
+        }
+
+        return handled
+      },
+    },
+  })
+}
diff --git a/packages/extension-link/src/helpers/markdownLink.ts b/packages/extension-link/src/helpers/markdownLink.ts
new file mode 100644
index 0000000..2650548
--- /dev/null
+++ b/packages/extension-link/src/helpers/markdownLink.ts
@@ -0,0 +1,205 @@
+import type { InputRuleMatch, PasteRuleMatch } from '@tiptap/core'
+import { InputRule, markInputRule, markPasteRule, PasteRule } from '@tiptap/core'
+import type { MarkType } from '@tiptap/pm/model'
+
+/**
+ * Matches a Markdown link with an optional quoted title.
+ * for ex: [Tiptap](https://tiptap.dev) or [Tiptap](https://tiptap.dev "some title")
+ * the URL may also contain one level of balanced parentheses, as in CommonMark
+ * (titles accept curly quotes too, the Typography extension swaps them in while typing)
+ * the title delimiters must come in matching pairs
+ */
+const MARKDOWN_LINK_INPUT_REGEX =
+  /\[([^[\]]+)\]\(((?:[^\s()]|\([^\s()]*\))+)(?:\s+(?:(["'])(.*?)\3|“(.*?)”|‘(.*?)’))?\)$/
+
+/**
+ * Same as the input regex but global, to find every Markdown link in pasted text.
+ */
+const MARKDOWN_LINK_PASTE_REGEX =
+  /\[([^[\]]+)\]\(((?:[^\s()]|\([^\s()]*\))+)(?:\s+(?:(["'])(.*?)\3|“(.*?)”|‘(.*?)’))?\)/g
+
+export interface MarkdownLinkRuleConfig {
+  type: MarkType
+
+  /**
+   * Return `false` to leave the Markdown syntax untouched.
+   */
+  isAllowedHref: (href: string) => boolean
+}
+
+export interface MarkdownLinkPasteRuleConfig extends MarkdownLinkRuleConfig {
+  /**
+   * Finds plain URLs to link in the same pass. Matches overlapping a
+   * converted Markdown link are dropped so its href is kept.
+   */
+  findPlainUrls?: (text: string) => PasteRuleMatch[]
+}
+
+function isEscaped(text: string, index: number): boolean {
+  let backslashes = 0
+
+  for (let position = index - 1; position >= 0 && text[position] === '\\'; position -= 1) {
+    backslashes += 1
+  }
+
+  return backslashes % 2 === 1
+}
+
+/**
+ * Pairs the backtick runs before the match by length, as CommonMark does.
+ * A run left open means the match sits in an unfinished code span.
+ */
+function isInsideCodeSpan(text: string, matchIndex: number): boolean {
+  let openRunLength = 0
+  let index = 0
+
+  while (index < matchIndex) {
+    if (text[index] !== '`') {
+      index += 1
+      continue
+    }
+
+    // escapes only apply outside code spans
+    if (openRunLength === 0 && isEscaped(text, index)) {
+      index += 1
+      continue
+    }
+
+    let runLength = 0
+
+    while (index < matchIndex && text[index] === '`') {
+      runLength += 1
+      index += 1
+    }
+
+    if (openRunLength === 0) {
+      openRunLength = runLength
+    } else if (runLength === openRunLength) {
+      openRunLength = 0
+    }
+  }
+
+  return openRunLength > 0
+}
+
+function isConvertibleLink(
+  text: string,
+  match: RegExpMatchArray,
+  isAllowedHref: MarkdownLinkRuleConfig['isAllowedHref'],
+): boolean {
+  const [, linkText, href] = match
+  const characterBefore = match.index ? text[match.index - 1] : undefined
+
+  // `!` is the Markdown image syntax, `\` may escape the opening bracket
+  if (characterBefore === '!' || isEscaped(text, match.index ?? 0)) {
+    return false
+  }
+
+  if (isInsideCodeSpan(text, match.index ?? 0)) {
+    return false
+  }
+
+  return !!linkText.trim() && isAllowedHref(href)
+}
+
+function toRuleMatch(match: RegExpMatchArray): InputRuleMatch & PasteRuleMatch {
+  const [linkSyntax, linkText, href, , straightQuotedTitle, curlyDoubleTitle, curlySingleTitle] =
+    match
+  const title = straightQuotedTitle ?? curlyDoubleTitle ?? curlySingleTitle
+
+  return {
+    index: match.index ?? 0,
+    text: linkSyntax,
+    replaceWith: linkText,
+    data: {
+      href,
+      // an empty title ("") counts as no title, as in CommonMark
+      title: title || null,
+      markdown: true,
+    },
+  }
+}
+
+function matchesOverlap(a: PasteRuleMatch, b: PasteRuleMatch): boolean {
+  return a.index < b.index + b.text.length && b.index < a.index + a.text.length
+}
+
+function getMarkdownLinkAttributes(match: { data?: Record<string, any> }) {
+  return {
+    href: match.data?.href,
+    title: match.data?.title ?? null,
+  }
+}
+
+/**
+ * Turns typed Markdown link syntax into a link mark as soon as the closing `)` comes in.
+ * The transaction gets flagged so autolink doesn't touch the converted text again.
+ */
+export function markdownLinkInputRule(config: MarkdownLinkRuleConfig): InputRule {
+  const rule = markInputRule({
+    find: text => {
+      const match = MARKDOWN_LINK_INPUT_REGEX.exec(text)
+
+      if (!match || !isConvertibleLink(text, match, config.isAllowedHref)) {
+        return null
+      }
+
+      return toRuleMatch(match)
+    },
+    type: config.type,
+    getAttributes: getMarkdownLinkAttributes,
+  })
+
+  return new InputRule({
+    find: rule.find,
+    handler: props => {
+      const result = rule.handler(props)
+
+      if (result !== null && props.state.tr.steps.length) {
+        props.state.tr.setMeta('preventAutolink', true)
+      }
+
+      return result
+    },
+  })
+}
+
+/**
+ * Same for pasting, converts every Markdown link found in the pasted text
+ * and links the plain URLs from `findPlainUrls`.
+ */
+export function markdownLinkPasteRule(config: MarkdownLinkPasteRuleConfig): PasteRule {
+  const rule = markPasteRule({
+    find: text => {
+      const markdownMatches: PasteRuleMatch[] = []
+
+      for (const match of text.matchAll(MARKDOWN_LINK_PASTE_REGEX)) {
+        if (isConvertibleLink(text, match, config.isAllowedHref)) {
+          markdownMatches.push(toRuleMatch(match))
+        }
+      }
+
+      const plainUrlMatches = (config.findPlainUrls?.(text) ?? []).filter(
+        urlMatch => !markdownMatches.some(markdownMatch => matchesOverlap(markdownMatch, urlMatch)),
+      )
+
+      return [...markdownMatches, ...plainUrlMatches]
+    },
+    type: config.type,
+    getAttributes: getMarkdownLinkAttributes,
+  })
+
+  return new PasteRule({
+    find: rule.find,
+    handler: props => {
+      const result = rule.handler(props)
+
+      // only Markdown conversions suppress autolink
+      if (result !== null && props.state.tr.steps.length && props.match.data?.markdown) {
+        props.state.tr.setMeta('preventAutolink', true)
+      }
+
+      return result
+    },
+  })
+}
diff --git a/packages/extension-link/src/helpers/pasteHandler.ts b/packages/extension-link/src/helpers/pasteHandler.ts
new file mode 100644
index 0000000..7ef80b6
--- /dev/null
+++ b/packages/extension-link/src/helpers/pasteHandler.ts
@@ -0,0 +1,53 @@
+import type { Editor } from '@tiptap/core'
+import type { MarkType } from '@tiptap/pm/model'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import { find } from 'linkifyjs'
+
+import type { LinkOptions } from '../link.js'
+
+type PasteHandlerOptions = {
+  editor: Editor
+  defaultProtocol: string
+  type: MarkType
+  shouldAutoLink?: LinkOptions['shouldAutoLink']
+}
+
+export function pasteHandler(options: PasteHandlerOptions): Plugin {
+  return new Plugin({
+    key: new PluginKey('handlePasteLink'),
+    props: {
+      handlePaste: (view, _event, slice) => {
+        const { shouldAutoLink } = options
+        const { state } = view
+        const { selection } = state
+        const { empty } = selection
+
+        if (empty) {
+          return false
+        }
+
+        let textContent = ''
+
+        slice.content.forEach(node => {
+          textContent += node.textContent
+        })
+
+        const link = find(textContent, { defaultProtocol: options.defaultProtocol }).find(
+          item => item.isLink && item.value === textContent,
+        )
+
+        if (
+          !textContent ||
+          !link ||
+          (shouldAutoLink !== undefined && !shouldAutoLink(link.value))
+        ) {
+          return false
+        }
+
+        return options.editor.commands.setMark(options.type, {
+          href: link.href,
+        })
+      },
+    },
+  })
+}
diff --git a/packages/extension-link/src/helpers/whitespace.ts b/packages/extension-link/src/helpers/whitespace.ts
new file mode 100644
index 0000000..f5a4807
--- /dev/null
+++ b/packages/extension-link/src/helpers/whitespace.ts
@@ -0,0 +1,8 @@
+// From DOMPurify
+// https://github.com/cure53/DOMPurify/blob/main/src/regexp.ts
+export const UNICODE_WHITESPACE_PATTERN =
+  '[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]'
+
+export const UNICODE_WHITESPACE_REGEX = new RegExp(UNICODE_WHITESPACE_PATTERN)
+export const UNICODE_WHITESPACE_REGEX_END = new RegExp(`${UNICODE_WHITESPACE_PATTERN}$`)
+export const UNICODE_WHITESPACE_REGEX_GLOBAL = new RegExp(UNICODE_WHITESPACE_PATTERN, 'g')
diff --git a/packages/extension-link/src/index.ts b/packages/extension-link/src/index.ts
new file mode 100644
index 0000000..e3655ab
--- /dev/null
+++ b/packages/extension-link/src/index.ts
@@ -0,0 +1,5 @@
+import { Link } from './link.js'
+
+export * from './link.js'
+
+export default Link
diff --git a/packages/extension-link/src/link.ts b/packages/extension-link/src/link.ts
new file mode 100644
index 0000000..0ecac7b
--- /dev/null
+++ b/packages/extension-link/src/link.ts
@@ -0,0 +1,555 @@
+import type { PasteRuleMatch } from '@tiptap/core'
+import { Mark, markPasteRule, mergeAttributes } from '@tiptap/core'
+import type { Plugin } from '@tiptap/pm/state'
+import { find, registerCustomProtocol, reset } from 'linkifyjs'
+
+import { autolink } from './helpers/autolink.js'
+import { clickHandler } from './helpers/clickHandler.js'
+import { markdownLinkInputRule, markdownLinkPasteRule } from './helpers/markdownLink.js'
+import { pasteHandler } from './helpers/pasteHandler.js'
+import { UNICODE_WHITESPACE_REGEX_GLOBAL } from './helpers/whitespace.js'
+
+export interface LinkProtocolOptions {
+  /**
+   * The protocol scheme to be registered.
+   * @default '''
+   * @example 'ftp'
+   * @example 'git'
+   */
+  scheme: string
+
+  /**
+   * If enabled, it allows optional slashes after the protocol.
+   * @default false
+   * @example true
+   */
+  optionalSlashes?: boolean
+}
+
+export const pasteRegex =
+  /https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z]{2,}\b(?:[-a-zA-Z0-9@:%._+~#=?!&/]*)(?:[-a-zA-Z0-9@:%._+~#=?!&/]*)/gi
+
+/**
+ * @deprecated The default behavior is now to open links when the editor is not editable.
+ */
+type DeprecatedOpenWhenNotEditable = 'whenNotEditable'
+
+export interface LinkOptions {
+  /**
+   * If enabled, the extension will automatically add links as you type.
+   * @default true
+   * @example false
+   */
+  autolink: boolean
+
+  /**
+   * An array of custom protocols to be registered with linkifyjs.
+   * @default []
+   * @example ['ftp', 'git']
+   */
+  protocols: Array<LinkProtocolOptions | string>
+
+  /**
+   * Default protocol to use when no protocol is specified.
+   * @default 'http'
+   */
+  defaultProtocol: string
+  /**
+   * If enabled, links will be opened on click.
+   * @default true
+   * @example false
+   */
+  openOnClick: boolean | DeprecatedOpenWhenNotEditable
+  /**
+   * If enabled, the link will be selected when clicked.
+   * @default false
+   * @example true
+   */
+  enableClickSelection: boolean
+  /**
+   * Adds a link to the current selection if the pasted content only contains an url.
+   * @default true
+   * @example false
+   */
+  linkOnPaste: boolean
+
+  /**
+   * If enabled, typing or pasting the Markdown link syntax, e.g. `[Tiptap](https://tiptap.dev)`
+   * or `[Tiptap](https://tiptap.dev "Rich text editor")`, converts it into a link.
+   * @default false
+   * @example true
+   */
+  markdownLinks: boolean
+
+  /**
+   * HTML attributes to add to the link element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+
+  /**
+   * @deprecated Use the `shouldAutoLink` option instead.
+   * A validation function that modifies link verification for the auto linker.
+   * @param url - The url to be validated.
+   * @returns - True if the url is valid, false otherwise.
+   */
+  validate: (url: string) => boolean
+
+  /**
+   * A validation function which is used for configuring link verification for preventing XSS attacks.
+   * Only modify this if you know what you're doing.
+   *
+   * @returns {boolean} `true` if the URL is valid, `false` otherwise.
+   *
+   * @example
+   * isAllowedUri: (url, { defaultValidate, protocols, defaultProtocol }) => {
+   * return url.startsWith('./') || defaultValidate(url)
+   * }
+   */
+  isAllowedUri: (
+    /**
+     * The URL to be validated.
+     */
+    url: string,
+    ctx: {
+      /**
+       * The default validation function.
+       */
+      defaultValidate: (url: string) => boolean
+      /**
+       * An array of allowed protocols for the URL (e.g., "http", "https"). As defined in the `protocols` option.
+       */
+      protocols: Array<LinkProtocolOptions | string>
+      /**
+       * A string that represents the default protocol (e.g., 'http'). As defined in the `defaultProtocol` option.
+       */
+      defaultProtocol: string
+    },
+  ) => boolean
+
+  /**
+   * Determines whether a valid link should be automatically linked in the content.
+   *
+   * @param {string} url - The URL that has already been validated.
+   * @returns {boolean} - True if the link should be auto-linked; false if it should not be auto-linked.
+   */
+  shouldAutoLink: (url: string) => boolean
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    link: {
+      /**
+       * Set a link mark
+       * @param attributes The link attributes
+       * @example editor.commands.setLink({ href: 'https://tiptap.dev' })
+       */
+      setLink: (attributes: {
+        href: string
+        target?: string | null
+        rel?: string | null
+        class?: string | null
+        title?: string | null
+      }) => ReturnType
+      /**
+       * Toggle a link mark
+       * @param attributes The link attributes
+       * @example editor.commands.toggleLink({ href: 'https://tiptap.dev' })
+       */
+      toggleLink: (attributes?: {
+        href: string
+        target?: string | null
+        rel?: string | null
+        class?: string | null
+        title?: string | null
+      }) => ReturnType
+      /**
+       * Unset a link mark
+       * @example editor.commands.unsetLink()
+       */
+      unsetLink: () => ReturnType
+    }
+  }
+}
+
+export function isAllowedUri(uri: string | undefined, protocols?: LinkOptions['protocols']) {
+  const allowedProtocols: string[] = [
+    'http',
+    'https',
+    'ftp',
+    'ftps',
+    'mailto',
+    'tel',
+    'callto',
+    'sms',
+    'cid',
+    'xmpp',
+  ]
+
+  if (protocols) {
+    protocols.forEach(protocol => {
+      const nextProtocol = typeof protocol === 'string' ? protocol : protocol.scheme
+
+      if (nextProtocol) {
+        allowedProtocols.push(nextProtocol)
+      }
+    })
+  }
+
+  return (
+    !uri ||
+    uri
+      .replace(UNICODE_WHITESPACE_REGEX_GLOBAL, '')
+      .match(
+        new RegExp(
+          `^(?:(?:${allowedProtocols
+            .map(protocol => protocol.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&'))
+            .join('|')}):|[^a-z]|[a-z0-9+.\\-]+(?:[^a-z+.\\-:]|$))`,
+          'i',
+        ),
+      )
+  )
+}
+
+/**
+ * This extension allows you to create links.
+ * @see https://www.tiptap.dev/api/marks/link
+ */
+export const Link = Mark.create<LinkOptions>({
+  name: 'link',
+
+  priority: 1000,
+
+  keepOnSplit: false,
+
+  exitable: true,
+
+  onCreate() {
+    // TODO: v4 - remove validate option
+    if (this.options.validate && !this.options.shouldAutoLink) {
+      // Copy the validate function to the shouldAutoLink option
+      this.options.shouldAutoLink = this.options.validate
+      console.warn(
+        'The `validate` option is deprecated. Rename to the `shouldAutoLink` option instead.',
+      )
+    }
+    this.options.protocols.forEach(protocol => {
+      if (typeof protocol === 'string') {
+        registerCustomProtocol(protocol)
+        return
+      }
+      registerCustomProtocol(protocol.scheme, protocol.optionalSlashes)
+    })
+  },
+
+  onDestroy() {
+    reset()
+  },
+
+  inclusive() {
+    return this.options.autolink
+  },
+
+  addOptions() {
+    return {
+      openOnClick: true,
+      enableClickSelection: false,
+      linkOnPaste: true,
+      markdownLinks: false, // TODO (major) - default to true on next major version
+      autolink: true,
+      protocols: [],
+      defaultProtocol: 'http',
+      HTMLAttributes: {
+        target: '_blank',
+        rel: 'noopener noreferrer nofollow',
+        class: null,
+      },
+      isAllowedUri: (url, ctx) => !!isAllowedUri(url, ctx.protocols),
+      validate: url => !!url,
+      shouldAutoLink: url => {
+        // URLs with explicit protocols (e.g., https://) should be auto-linked
+        // But not if @ appears before :// (that would be userinfo like user:pass@host)
+        const hasProtocol = /^[a-z][a-z0-9+.-]*:\/\//i.test(url)
+        const hasMaybeProtocol = /^[a-z][a-z0-9+.-]*:/i.test(url)
+
+        if (hasProtocol || (hasMaybeProtocol && !url.includes('@'))) {
+          return true
+        }
+        // Strip userinfo (user:pass@) if present, then extract hostname
+        const urlWithoutUserinfo = url.includes('@') ? url.split('@').pop()! : url
+        const hostname = urlWithoutUserinfo.split(/[/?#:]/)[0]
+
+        // Don't auto-link IP addresses without protocol
+        if (/^\d{1,3}(\.\d{1,3}){3}$/.test(hostname)) {
+          return false
+        }
+        // Don't auto-link single-word hostnames without TLD (e.g., "localhost")
+        if (!/\./.test(hostname)) {
+          return false
+        }
+        return true
+      },
+    }
+  },
+
+  addAttributes() {
+    return {
+      href: {
+        default: null,
+        parseHTML(element) {
+          return element.getAttribute('href')
+        },
+      },
+      target: {
+        // Coerce `undefined` to `null` because `undefined` is an invalid attribute value
+        default: this.options.HTMLAttributes.target ?? null,
+      },
+      rel: {
+        // Coerce `undefined` to `null` because `undefined` is an invalid attribute value
+        default: this.options.HTMLAttributes.rel ?? null,
+      },
+      class: {
+        // Coerce `undefined` to `null` because `undefined` is an invalid attribute value
+        default: this.options.HTMLAttributes.class ?? null,
+      },
+      title: {
+        default: null,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'a[href]',
+        getAttrs: dom => {
+          const href = (dom as HTMLElement).getAttribute('href')
+
+          // prevent XSS attacks
+          if (
+            !href ||
+            !this.options.isAllowedUri(href, {
+              defaultValidate: url => !!isAllowedUri(url, this.options.protocols),
+              protocols: this.options.protocols,
+              defaultProtocol: this.options.defaultProtocol,
+            })
+          ) {
+            return false
+          }
+          return null
+        },
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    // prevent XSS attacks
+    if (
+      !this.options.isAllowedUri(HTMLAttributes.href, {
+        defaultValidate: href => !!isAllowedUri(href, this.options.protocols),
+        protocols: this.options.protocols,
+        defaultProtocol: this.options.defaultProtocol,
+      })
+    ) {
+      // strip out the href
+      return ['a', mergeAttributes(this.options.HTMLAttributes, { ...HTMLAttributes, href: '' }), 0]
+    }
+
+    return ['a', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  markdownTokenName: 'link',
+
+  parseMarkdown: (token, helpers) => {
+    return helpers.applyMark('link', helpers.parseInline(token.tokens || []), {
+      href: token.href,
+      title: token.title || null,
+    })
+  },
+
+  renderMarkdown: (node, h) => {
+    const href = node.attrs?.href ?? ''
+    const title = node.attrs?.title ?? ''
+    const text = h.renderChildren(node)
+
+    return title ? `[${text}](${href} "${title}")` : `[${text}](${href})`
+  },
+
+  addCommands() {
+    return {
+      setLink:
+        attributes =>
+        ({ chain }) => {
+          const { href } = attributes
+
+          if (
+            !this.options.isAllowedUri(href, {
+              defaultValidate: url => !!isAllowedUri(url, this.options.protocols),
+              protocols: this.options.protocols,
+              defaultProtocol: this.options.defaultProtocol,
+            })
+          ) {
+            return false
+          }
+
+          return chain().setMark(this.name, attributes).setMeta('preventAutolink', true).run()
+        },
+
+      toggleLink:
+        attributes =>
+        ({ chain }) => {
+          const { href } = attributes || {}
+
+          if (
+            href &&
+            !this.options.isAllowedUri(href, {
+              defaultValidate: url => !!isAllowedUri(url, this.options.protocols),
+              protocols: this.options.protocols,
+              defaultProtocol: this.options.defaultProtocol,
+            })
+          ) {
+            return false
+          }
+
+          return chain()
+            .toggleMark(this.name, attributes, { extendEmptyMarkRange: true })
+            .setMeta('preventAutolink', true)
+            .run()
+        },
+
+      unsetLink:
+        () =>
+        ({ chain }) => {
+          return chain()
+            .unsetMark(this.name, { extendEmptyMarkRange: true })
+            .setMeta('preventAutolink', true)
+            .run()
+        },
+    }
+  },
+
+  addInputRules() {
+    if (!this.options.markdownLinks) {
+      return []
+    }
+
+    return [
+      markdownLinkInputRule({
+        type: this.type,
+        isAllowedHref: href =>
+          this.options.isAllowedUri(href, {
+            defaultValidate: url => !!isAllowedUri(url, this.options.protocols),
+            protocols: this.options.protocols,
+            defaultProtocol: this.options.defaultProtocol,
+          }),
+      }),
+    ]
+  },
+
+  addPasteRules() {
+    const findPlainUrls = (text: string): PasteRuleMatch[] => {
+      const foundLinks: PasteRuleMatch[] = []
+
+      if (text) {
+        const { protocols, defaultProtocol } = this.options
+        const links = find(text).filter(
+          item =>
+            item.isLink &&
+            this.options.isAllowedUri(item.value, {
+              defaultValidate: href => !!isAllowedUri(href, protocols),
+              protocols,
+              defaultProtocol,
+            }),
+        )
+
+        links.forEach(link => {
+          if (!this.options.shouldAutoLink(link.value)) {
+            return
+          }
+
+          foundLinks.push({
+            text: link.value,
+            data: {
+              href: link.href,
+            },
+            index: link.start,
+          })
+        })
+      }
+
+      return foundLinks
+    }
+
+    if (this.options.markdownLinks) {
+      return [
+        markdownLinkPasteRule({
+          type: this.type,
+          isAllowedHref: href =>
+            this.options.isAllowedUri(href, {
+              defaultValidate: url => !!isAllowedUri(url, this.options.protocols),
+              protocols: this.options.protocols,
+              defaultProtocol: this.options.defaultProtocol,
+            }),
+          findPlainUrls,
+        }),
+      ]
+    }
+
+    return [
+      markPasteRule({
+        find: findPlainUrls,
+        type: this.type,
+        getAttributes: match => {
+          return {
+            href: match.data?.href,
+          }
+        },
+      }),
+    ]
+  },
+
+  addProseMirrorPlugins() {
+    const plugins: Plugin[] = []
+    const { protocols, defaultProtocol } = this.options
+
+    if (this.options.autolink) {
+      plugins.push(
+        autolink({
+          type: this.type,
+          defaultProtocol: this.options.defaultProtocol,
+          validate: url =>
+            this.options.isAllowedUri(url, {
+              defaultValidate: href => !!isAllowedUri(href, protocols),
+              protocols,
+              defaultProtocol,
+            }),
+          shouldAutoLink: this.options.shouldAutoLink,
+        }),
+      )
+    }
+
+    plugins.push(
+      clickHandler({
+        type: this.type,
+        editor: this.editor,
+        openOnClick:
+          this.options.openOnClick === 'whenNotEditable' ? true : this.options.openOnClick,
+        enableClickSelection: this.options.enableClickSelection,
+      }),
+    )
+
+    if (this.options.linkOnPaste) {
+      plugins.push(
+        pasteHandler({
+          editor: this.editor,
+          defaultProtocol: this.options.defaultProtocol,
+          type: this.type,
+          shouldAutoLink: this.options.shouldAutoLink,
+        }),
+      )
+    }
+
+    return plugins
+  },
+})
diff --git a/packages/extension-link/tests/integration/link.test.ts b/packages/extension-link/tests/integration/link.test.ts
new file mode 100644
index 0000000..9e0ad80
--- /dev/null
+++ b/packages/extension-link/tests/integration/link.test.ts
@@ -0,0 +1,488 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Image from '@tiptap/extension-image'
+import Link, { isAllowedUri } from '@tiptap/extension-link'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('extension-link', () => {
+  const editorElClass = 'tiptap'
+  let editor: Editor | null = null
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+    return editorEl
+  }
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  const validUrls = [
+    'https://example.com',
+    'http://example.com',
+    '/same-site/index.html',
+    '../relative.html',
+    'mailto:info@example.com',
+    'ftp://info@example.com',
+  ]
+
+  it('does output href tag for valid JSON schemas', () => {
+    validUrls.forEach(url => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Link],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'paragraph',
+              content: [
+                {
+                  type: 'text',
+                  text: 'hello world!',
+                  marks: [
+                    {
+                      type: 'link',
+                      attrs: {
+                        href: url,
+                      },
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      expect(editor.getHTML()).toContain(url)
+      expect(JSON.stringify(editor.getJSON())).toContain(url)
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+  })
+
+  it('does output href tag for valid HTML schemas', () => {
+    validUrls.forEach(url => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Link],
+        content: `<p><a href="${url}">hello world!</a></p>`,
+      })
+
+      expect(editor.getHTML()).toContain(url)
+      expect(JSON.stringify(editor.getJSON())).toContain(url)
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+  })
+
+  // We have to disable the oxlint rule here because we're trying to purposely test eval urls
+  // Examples inspired by: https://portswigger.net/web-security/cross-site-scripting/cheat-sheet#protocols
+  const invalidUrls = [
+    // A standard JavaScript protocol
+    // oxlint-disable-next-line no-script-url
+    'javascript:alert(window.origin)',
+
+    // The protocol is not case sensitive
+    // oxlint-disable-next-line no-script-url
+    'jAvAsCrIpT:alert(window.origin)',
+
+    // Characters \x01-\x20 are allowed before the protocol
+    // oxlint-disable-next-line no-script-url
+    '\x00javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x01javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x02javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x03javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x04javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x05javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x06javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x07javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x08javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x09javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x0ajavascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x0bjavascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x0cjavascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x0djavascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x0ejavascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x0fjavascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x10javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x11javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x12javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x13javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x14javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x15javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x16javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x17javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x18javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x19javascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x1ajavascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x1bjavascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x1cjavascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x1djavascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x1ejavascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    '\x1fjavascript:alert(window.origin)',
+
+    // Characters \x09,\x0a,\x0d are allowed inside the protocol
+    // oxlint-disable-next-line no-script-url
+    'java\x09script:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    'java\x0ascript:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    'java\x0dscript:alert(window.origin)',
+
+    // Characters \x09,\x0a,\x0d are allowed after protocol name before the colon
+    // oxlint-disable-next-line no-script-url
+    'javascript\x09:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    'javascript\x0a:alert(window.origin)',
+    // oxlint-disable-next-line no-script-url
+    'javascript\x0d:alert(window.origin)',
+  ]
+
+  it('does not output href for :javascript links in JSON schema', () => {
+    invalidUrls.forEach(url => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Link],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'paragraph',
+              content: [
+                {
+                  type: 'text',
+                  text: 'hello world!',
+                  marks: [
+                    {
+                      type: 'link',
+                      attrs: {
+                        href: url,
+                      },
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      expect(editor.getHTML()).not.toContain(url)
+      // Unfortunately, if the content is provided as JSON, it stays in the editor instance until it's destroyed
+      // At least, it cannot be outputted as HTML into a page
+      // expect(JSON.stringify(editor.getJSON())).not.toContain(url)
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+  })
+
+  it('does not output href for :javascript links in HTML schema', () => {
+    invalidUrls.forEach(url => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Link],
+        content: `<p><a href="${url}">hello world!</a></p>`,
+      })
+
+      expect(editor.getHTML()).not.toContain(url)
+      expect(JSON.stringify(editor.getJSON())).not.toContain(url)
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+  })
+
+  describe('isAllowedUri', () => {
+    it('allows whitelisted protocols', () => {
+      expect(isAllowedUri('https://example.com')).toBeTruthy()
+      expect(isAllowedUri('http://example.com')).toBeTruthy()
+      expect(isAllowedUri('ftp://example.com')).toBeTruthy()
+      expect(isAllowedUri('mailto:info@example.com')).toBeTruthy()
+      expect(isAllowedUri('tel:+1234567890')).toBeTruthy()
+    })
+
+    it('allows relative URLs (paths, queries, anchors)', () => {
+      expect(isAllowedUri('/relative/path')).toBeTruthy()
+      expect(isAllowedUri('../parent.html')).toBeTruthy()
+      expect(isAllowedUri('?query=1')).toBeTruthy()
+      expect(isAllowedUri('#anchor')).toBeTruthy()
+    })
+
+    it('rejects unknown protocols with hyphens (https://github.com/ueberdosis/tiptap/issues/7929)', () => {
+      expect(isAllowedUri('unknown:test')).toBeFalsy()
+      // Hyphens are valid scheme chars per RFC 3986. They previously slipped
+      // past the regex because the source `\-` was consumed by the JS
+      // template parser.
+      expect(isAllowedUri('unknown-protocol://test')).toBeFalsy()
+      expect(isAllowedUri('unknown-protocol:test')).toBeFalsy()
+      expect(isAllowedUri('foo-bar-baz://payload')).toBeFalsy()
+      expect(isAllowedUri('tg-protocol:start')).toBeFalsy()
+    })
+
+    it('still rejects script-style protocols', () => {
+      // oxlint-disable-next-line no-script-url
+      expect(isAllowedUri('javascript:alert(1)')).toBeFalsy()
+      expect(isAllowedUri('data:text/html,<script>alert(1)</script>')).toBeFalsy()
+      expect(isAllowedUri('vbscript:msgbox(1)')).toBeFalsy()
+    })
+
+    it('honours additional protocols passed via the second argument', () => {
+      expect(isAllowedUri('custom://thing', ['custom'])).toBeTruthy()
+      expect(isAllowedUri('another-custom://thing', [{ scheme: 'another-custom' }])).toBeTruthy()
+      // A protocol added via the argument list must still be matched as a
+      // whole; a different unknown protocol must remain rejected.
+      expect(isAllowedUri('different-custom://thing', ['custom'])).toBeFalsy()
+    })
+  })
+
+  describe('custom protocols', () => {
+    it('allows using additional custom protocols', () => {
+      ;['custom://test.css', 'another-custom://protocol.html', ...validUrls].forEach(url => {
+        editor = new Editor({
+          element: createEditorEl(),
+          extensions: [
+            Document,
+            Text,
+            Paragraph,
+            Link.configure({
+              protocols: ['custom', { scheme: 'another-custom' }],
+            }),
+          ],
+          content: `<p><a href="${url}">hello world!</a></p>`,
+        })
+
+        expect(editor.getHTML()).toContain(url)
+        expect(JSON.stringify(editor.getJSON())).toContain(url)
+
+        editor?.destroy()
+        getEditorEl()?.remove()
+      })
+    })
+  })
+
+  it('should return false when clicking on non-link elements', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Image,
+        Link.configure({
+          openOnClick: false,
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'image',
+                attrs: {
+                  src: 'https://placehold.co/400',
+                },
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    const editorEl = getEditorEl()
+    const img = editorEl?.querySelector('img')
+
+    expect(img).toBeTruthy()
+
+    const clickEvent = new MouseEvent('click', {
+      bubbles: true,
+      cancelable: true,
+      button: 0,
+    })
+
+    const wasDefaultPrevented = !img?.dispatchEvent(clickEvent)
+
+    // The event should not be prevented by the link handler
+    expect(wasDefaultPrevented).toBe(false)
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('should return false when clicking non-link elements with enableClickSelection', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        // inline so the image is valid content inside the paragraph (pos 1)
+        Image.configure({ inline: true }),
+        Link.configure({
+          enableClickSelection: true,
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'image', attrs: { src: 'https://placehold.co/400' } }],
+          },
+        ],
+      },
+    })
+
+    const img = getEditorEl()?.querySelector('img')
+
+    expect(img).toBeTruthy()
+
+    // A left click whose target is the image itself (not a link).
+    const clickEvent = new MouseEvent('click', { bubbles: true, cancelable: true, button: 0 })
+    Object.defineProperty(clickEvent, 'target', { value: img })
+
+    // The link plugin must report the click unhandled (falsy) so the editor's
+    // default NodeSelection on the image can run.
+    const handled = editor.view.someProp('handleClick', fn => fn(editor!.view, 1, clickEvent))
+
+    expect(handled).toBeFalsy()
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  describe('shouldAutoLink', () => {
+    it('default shouldAutoLink rejects bare hostnames without TLD', () => {
+      // Test using Link extension's default options
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Link],
+      })
+
+      // Access the default shouldAutoLink function through the extension options
+      const linkExtension = editor.extensionManager.extensions.find(ext => ext.name === 'link')
+      const shouldAutoLink = linkExtension?.options?.shouldAutoLink
+
+      expect(shouldAutoLink).toBeDefined()
+      if (shouldAutoLink) {
+        // Should reject bare hostnames without TLD
+        expect(shouldAutoLink('localhost')).toBe(false)
+        expect(shouldAutoLink('myserver')).toBe(false)
+        expect(shouldAutoLink('intranet')).toBe(false)
+
+        // Should allow URLs with protocols
+        expect(shouldAutoLink('http://localhost')).toBe(true)
+        expect(shouldAutoLink('https://localhost')).toBe(true)
+        expect(shouldAutoLink('http://127.0.0.1')).toBe(true)
+        expect(shouldAutoLink('ftp://myserver')).toBe(true)
+
+        // Should allow URLs with TLD
+        expect(shouldAutoLink('example.com')).toBe(true)
+        expect(shouldAutoLink('test.example.com')).toBe(true)
+        expect(shouldAutoLink('https://example.com')).toBe(true)
+
+        // Should correctly handle URLs with userinfo (user:pass@host)
+        expect(shouldAutoLink('user:pass@example.com')).toBe(true)
+        expect(shouldAutoLink('user@example.com')).toBe(true)
+        expect(shouldAutoLink('user:pass@localhost')).toBe(false)
+      }
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+
+    it('default shouldAutoLink rejects bare IP addresses', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Link],
+      })
+
+      const linkExtension = editor.extensionManager.extensions.find(ext => ext.name === 'link')
+      const shouldAutoLink = linkExtension?.options?.shouldAutoLink
+
+      expect(shouldAutoLink).toBeDefined()
+      if (shouldAutoLink) {
+        // Should reject bare IP addresses
+        expect(shouldAutoLink('127.0.0.1')).toBe(false)
+        expect(shouldAutoLink('192.168.1.1')).toBe(false)
+        expect(shouldAutoLink('10.0.0.1')).toBe(false)
+        expect(shouldAutoLink('0.0.0.0')).toBe(false)
+
+        // Should allow IP addresses with protocols
+        expect(shouldAutoLink('http://127.0.0.1')).toBe(true)
+        expect(shouldAutoLink('https://192.168.1.1')).toBe(true)
+        expect(shouldAutoLink('http://10.0.0.1:8080')).toBe(true)
+      }
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+
+    it('allows custom shouldAutoLink to override default behavior', () => {
+      // Custom shouldAutoLink that allows all URLs (old behavior)
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          Link.configure({
+            shouldAutoLink: () => true,
+          }),
+        ],
+      })
+
+      const linkExtension = editor.extensionManager.extensions.find(ext => ext.name === 'link')
+      const shouldAutoLink = linkExtension?.options?.shouldAutoLink
+
+      expect(shouldAutoLink).toBeDefined()
+      if (shouldAutoLink) {
+        // With custom shouldAutoLink, localhost should be allowed
+        expect(shouldAutoLink('localhost')).toBe(true)
+        expect(shouldAutoLink('127.0.0.1')).toBe(true)
+      }
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+  })
+})
diff --git a/packages/extension-link/tests/integration/markdownLink.test.ts b/packages/extension-link/tests/integration/markdownLink.test.ts
new file mode 100644
index 0000000..f9fff7e
--- /dev/null
+++ b/packages/extension-link/tests/integration/markdownLink.test.ts
@@ -0,0 +1,506 @@
+import { Editor, Mark } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Link from '@tiptap/extension-link'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+const Code = Mark.create({
+  name: 'code',
+  excludes: '_',
+  code: true,
+
+  parseHTML() {
+    return [{ tag: 'code' }]
+  },
+
+  renderHTML() {
+    return ['code', 0]
+  },
+})
+
+describe('markdown links', () => {
+  const editorElClass = 'tiptap'
+  let editor: Editor | null = null
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+    return editorEl
+  }
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  const createEditor = (options: Partial<ConstructorParameters<typeof Editor>[0]> = {}) => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Link.configure({ markdownLinks: true })],
+      ...options,
+    })
+
+    return editor
+  }
+
+  // Simulates typing a character at the end of the document,
+  // the way the input rules plugin receives real keystrokes.
+  // Returns whether a rule handled it.
+  const typeAtEnd = (currentEditor: Editor, character: string) => {
+    currentEditor.commands.setTextSelection(currentEditor.state.doc.nodeSize)
+
+    return currentEditor.view.someProp('handleTextInput', f =>
+      f(
+        currentEditor.view,
+        currentEditor.state.selection.from,
+        currentEditor.state.selection.from,
+        character,
+      ),
+    )
+  }
+
+  afterEach(() => {
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  describe('input rule', () => {
+    it('converts the typed Markdown link syntax into a link', () => {
+      createEditor({ content: '<p>Check out [Tiptap](https://tiptap.dev</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev"')
+      expect(editor!.getHTML()).toContain('>Tiptap</a>')
+      expect(editor!.getHTML()).not.toContain('[')
+      expect(editor!.state.doc.textContent).toBe('Check out Tiptap')
+    })
+
+    it('supports titles in straight quotes', () => {
+      createEditor({ content: '<p>[Tiptap](https://tiptap.dev "Rich text editor"</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev"')
+      expect(editor!.getHTML()).toContain('title="Rich text editor"')
+      expect(editor!.state.doc.textContent).toBe('Tiptap')
+    })
+
+    it('treats an empty title as no title, as in CommonMark', () => {
+      createEditor({ content: '<p>[Tiptap](https://tiptap.dev ""</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev"')
+      expect(editor!.getHTML()).not.toContain('title=')
+      expect(editor!.state.doc.textContent).toBe('Tiptap')
+    })
+
+    it('supports titles in curly quotes, as replaced by the Typography extension', () => {
+      createEditor({ content: '<p>[Tiptap](https://tiptap.dev “Rich text editor”</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain('title="Rich text editor"')
+    })
+
+    it('supports titles in curly single quotes', () => {
+      createEditor({ content: '<p>[Tiptap](https://tiptap.dev ‘Rich text editor’</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain('title="Rich text editor"')
+    })
+
+    it('supports titles containing the other quote character', () => {
+      createEditor({ content: `<p>[Tiptap](https://tiptap.dev "editor's title"</p>` })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain(`title="editor's title"`)
+    })
+
+    it('does not convert a title with mismatched quotes', () => {
+      createEditor({ content: `<p>[Tiptap](https://tiptap.dev “Rich text editor'</p>` })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('does not convert a title closed by a different straight quote', () => {
+      createEditor({ content: `<p>[Tiptap](https://tiptap.dev "Rich text editor'</p>` })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('converts URLs containing balanced parentheses', () => {
+      createEditor({ content: '<p>[Wiki](https://en.wikipedia.org/wiki/Node_(disambiguation)</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain(
+        'href="https://en.wikipedia.org/wiki/Node_(disambiguation)"',
+      )
+      expect(editor!.state.doc.textContent).toBe('Wiki')
+    })
+
+    it('does not fire on the closing parenthesis of a URL containing parentheses', () => {
+      createEditor({ content: '<p>[Wiki](https://en.wikipedia.org/wiki/Node_(disambiguation</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('converts only the trailing link when another link precedes it', () => {
+      createEditor({
+        content: '<p>[alpha](https://alpha.example.com)[beta](https://beta.example.com</p>',
+      })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain('href="https://beta.example.com"')
+      expect(editor!.getHTML()).not.toContain('href="https://alpha.example.com"')
+      expect(editor!.state.doc.textContent).toBe('[alpha](https://alpha.example.com)beta')
+    })
+
+    it('converts non-http protocols allowed by default', () => {
+      createEditor({ content: '<p>[Email](mailto:info@example.com</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain('href="mailto:info@example.com"')
+    })
+
+    it('converts relative URLs', () => {
+      createEditor({ content: '<p>[Docs](/docs/introduction</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain('href="/docs/introduction"')
+    })
+
+    it('does not convert disallowed protocols', () => {
+      // oxlint-disable-next-line no-script-url
+      createEditor({ content: '<p>[click](javascript:alert(window.origin</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('does not convert the Markdown image syntax', () => {
+      createEditor({ content: '<p>![alt](https://example.com/image.png</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('does not convert escaped brackets', () => {
+      createEditor({ content: '<p>\\[Tiptap](https://tiptap.dev</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('does not convert whitespace-only link text', () => {
+      createEditor({ content: '<p>[ ](https://tiptap.dev</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('does not convert after an unclosed backtick', () => {
+      createEditor({ content: '<p>`[Tiptap](https://tiptap.dev</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('does not convert inside a code span still being typed', () => {
+      createEditor({ content: '<p>`some code [Tiptap](https://tiptap.dev</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('converts after a closed pair of backticks', () => {
+      createEditor({ content: '<p>`some code` [Tiptap](https://tiptap.dev</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev"')
+    })
+
+    it('does not convert inside an unclosed double-backtick code span', () => {
+      createEditor({ content: '<p>``some code [Tiptap](https://tiptap.dev</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('treats a single backtick inside a double-backtick span as literal', () => {
+      createEditor({ content: '<p>``some ` code [Tiptap](https://tiptap.dev</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('converts after an escaped backtick', () => {
+      createEditor({ content: '<p>\\`[Tiptap](https://tiptap.dev</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev"')
+    })
+
+    it('closes a code span on a backtick preceded by a backslash', () => {
+      createEditor({ content: '<p>`code\\` [Tiptap](https://tiptap.dev</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev"')
+    })
+
+    it('converts after a closed double-backtick span containing a backtick', () => {
+      createEditor({ content: '<p>`` ` `` [Tiptap](https://tiptap.dev</p>' })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBe(true)
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev"')
+    })
+
+    it('does not convert inside code marks', () => {
+      createEditor({
+        extensions: [Document, Text, Paragraph, Code, Link.configure({ markdownLinks: true })],
+        content: '<p><code>[Tiptap](https://tiptap.dev</code></p>',
+      })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('does not convert unless the markdownLinks option is enabled', () => {
+      createEditor({
+        extensions: [Document, Text, Paragraph, Link],
+        content: '<p>[Tiptap](https://tiptap.dev</p>',
+      })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+
+    it('respects a custom isAllowedUri option', () => {
+      createEditor({
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          Link.configure({ markdownLinks: true, isAllowedUri: () => false }),
+        ],
+        content: '<p>[Tiptap](https://tiptap.dev</p>',
+      })
+
+      const handled = typeAtEnd(editor!, ')')
+
+      expect(handled).toBeFalsy()
+      expect(editor!.getHTML()).not.toContain('<a')
+    })
+  })
+
+  describe('paste rule', () => {
+    it('converts pasted Markdown links', () => {
+      createEditor()
+
+      editor!.view.pasteText('Check out [Tiptap](https://tiptap.dev) today')
+
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev"')
+      expect(editor!.getHTML()).toContain('>Tiptap</a>')
+      expect(editor!.state.doc.textContent).toBe('Check out Tiptap today')
+    })
+
+    it('converts multiple pasted Markdown links', () => {
+      createEditor()
+
+      editor!.view.pasteText(
+        'See [alpha](https://alpha.example.com) and [beta](https://beta.example.com)',
+      )
+
+      expect(editor!.getHTML()).toContain('href="https://alpha.example.com"')
+      expect(editor!.getHTML()).toContain('href="https://beta.example.com"')
+      expect(editor!.state.doc.textContent).toBe('See alpha and beta')
+    })
+
+    it('converts adjacent Markdown links', () => {
+      createEditor()
+
+      editor!.view.pasteText('[alpha](https://alpha.example.com)[beta](https://beta.example.com)')
+
+      expect(editor!.getHTML()).toContain('href="https://alpha.example.com"')
+      expect(editor!.getHTML()).toContain('href="https://beta.example.com"')
+      expect(editor!.state.doc.textContent).toBe('alphabeta')
+    })
+
+    it('converts pasted Markdown links with titles', () => {
+      createEditor()
+
+      editor!.view.pasteText('[Tiptap](https://tiptap.dev "Rich text editor")')
+
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev"')
+      expect(editor!.getHTML()).toContain('title="Rich text editor"')
+      expect(editor!.state.doc.textContent).toBe('Tiptap')
+    })
+
+    it('keeps a pasted link with a mismatched title quote as plain text', () => {
+      createEditor()
+
+      editor!.view.pasteText(`[Tiptap](https://tiptap.dev “Rich text editor')`)
+
+      // the bare URL inside may still get autolinked, we only care that the syntax survives
+      expect(editor!.getHTML()).not.toContain('>Tiptap</a>')
+      expect(editor!.state.doc.textContent).toBe(`[Tiptap](https://tiptap.dev “Rich text editor')`)
+    })
+
+    it('keeps the Markdown href when the link text looks like a URL', () => {
+      createEditor()
+
+      editor!.view.pasteText('Read [tiptap.dev](https://tiptap.dev/docs) now')
+
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev/docs"')
+      expect(editor!.getHTML()).not.toContain('href="http://tiptap.dev"')
+      expect(editor!.state.doc.textContent).toBe('Read tiptap.dev now')
+    })
+
+    it('still links bare URLs pasted outside of Markdown syntax', () => {
+      createEditor()
+
+      editor!.view.pasteText('visit https://example.com and [Tiptap](https://tiptap.dev)')
+
+      expect(editor!.getHTML()).toContain('href="https://example.com"')
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev"')
+      expect(editor!.state.doc.textContent).toBe('visit https://example.com and Tiptap')
+    })
+
+    it('does not convert disallowed protocols', () => {
+      createEditor()
+
+      // oxlint-disable-next-line no-script-url
+      editor!.view.pasteText('[click](javascript:alert(window.origin))')
+
+      expect(editor!.getHTML()).not.toContain('<a')
+      expect(editor!.state.doc.textContent).toContain('[click](')
+    })
+
+    it('keeps a Markdown link inside a pasted code span as plain text', () => {
+      createEditor()
+
+      editor!.view.pasteText('`[Tiptap](https://tiptap.dev)` renders a link')
+
+      expect(editor!.getHTML()).not.toContain('>Tiptap</a>')
+      expect(editor!.state.doc.textContent).toBe('`[Tiptap](https://tiptap.dev)` renders a link')
+    })
+
+    it('converts a Markdown link pasted after a closed code span', () => {
+      createEditor()
+
+      editor!.view.pasteText('see `some code` then read [the docs](https://tiptap.dev/docs)')
+
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev/docs"')
+      expect(editor!.state.doc.textContent).toBe('see `some code` then read the docs')
+    })
+
+    it('keeps a Markdown link inside an unclosed double-backtick span as plain text', () => {
+      createEditor()
+
+      editor!.view.pasteText('``some code [Tiptap](https://tiptap.dev)')
+
+      expect(editor!.getHTML()).not.toContain('>Tiptap</a>')
+      expect(editor!.state.doc.textContent).toBe('``some code [Tiptap](https://tiptap.dev)')
+    })
+
+    it('converts a Markdown link pasted after an escaped backtick', () => {
+      createEditor()
+
+      editor!.view.pasteText('\\`not code [Tiptap](https://tiptap.dev)')
+
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev"')
+      expect(editor!.state.doc.textContent).toBe('\\`not code Tiptap')
+    })
+
+    it('converts a Markdown link pasted after a closed double-backtick span', () => {
+      createEditor()
+
+      editor!.view.pasteText('`` ` `` then read [the docs](https://tiptap.dev/docs)')
+
+      expect(editor!.getHTML()).toContain('href="https://tiptap.dev/docs"')
+      expect(editor!.state.doc.textContent).toBe('`` ` `` then read the docs')
+    })
+
+    it('updates the href when a bare URL is pasted inside an existing link', () => {
+      createEditor({ content: '<p><a href="https://old.example.com">click here</a></p>' })
+
+      editor!.commands.setTextSelection(6)
+      editor!.view.pasteText('https://new.example.com')
+
+      expect(editor!.getHTML()).toContain('href="https://new.example.com"')
+      expect(editor!.getHTML()).toContain('href="https://old.example.com"')
+    })
+
+    it('keeps the Markdown image syntax as plain text', () => {
+      createEditor()
+
+      editor!.view.pasteText('![alt](https://example.com/image.png)')
+
+      // the bare URL inside may still get autolinked, we only care that the brackets survive
+      expect(editor!.state.doc.textContent).toBe('![alt](https://example.com/image.png)')
+    })
+
+    it('does not convert unless the markdownLinks option is enabled', () => {
+      createEditor({
+        extensions: [Document, Text, Paragraph, Link],
+      })
+
+      editor!.view.pasteText('[Tiptap](https://tiptap.dev)')
+
+      expect(editor!.state.doc.textContent).toBe('[Tiptap](https://tiptap.dev)')
+    })
+  })
+})
diff --git a/packages/extension-link/vite.config.ts b/packages/extension-link/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-link/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-list/CHANGELOG.md b/packages/extension-list/CHANGELOG.md
new file mode 100644
index 0000000..6556ad8
--- /dev/null
+++ b/packages/extension-list/CHANGELOG.md
@@ -0,0 +1,1143 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Minor Changes
+
+- 0247d39: `ListKeymap` now registers a `Tab` shortcut that sinks a top-level textblock into the previous list's last item. Pressing Tab at the start of a paragraph right after a bullet/ordered/task list moves the paragraph inside the last list item. The handler does nothing when the cursor is already inside a list item (`sinkListItem` keeps working), when there is no list before the paragraph, when the caret is mid-textblock, or when the selection is not a text selection (for example a gap cursor).
+
+  `@tiptap/core` also exposes a new `getPreviousBlockSibling($pos)` helper that returns the block-level sibling before the cursor's textblock, or null at the first child of the block parent.
+
+### Patch Changes
+
+- c296281: Parse block math that follows an ordered list item without a blank line, both after the list and indented inside the item, instead of pulling it into the item's text.
+- ceb0dac: TaskItem: the checkbox label now also fills the wrapping label element, so accessibility audits no longer flag it as empty.
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- c1254c1: Fix markdown parsing a line like `(216) 555-1234` as an ordered list. A number followed by `)` mid-line is no longer treated as a list marker.
+  - @tiptap/core@3.28.0
+  - @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- c28d888: Fix a markdown parsing bug where a plain bullet (`- item`) nested under a task-list parent (`- [ ]`) was silently dropped from the parsed document. The task-list tokenizer's nested parser stopped at the first non-checkbox line and discarded everything after it; that remainder is now lexed and kept as sibling blocks (a bullet list or paragraph inside the parent task item), matching how mixed lists already behave at the top level.
+  - @tiptap/core@3.27.4
+  - @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- b4600b6: Fix markdown parsing bugs where block elements right after an ordered list item (with no blank line in between) were wrongly treated as lazy continuation of the list item, instead of terminating the list the way other markdown parsers do:
+
+  - Thematic breaks (`---`, `***`, `___`, `* * *`) were swallowed into the list item as literal paragraph text — along with every line after them. They now terminate the list and become a horizontal rule.
+  - Fenced code blocks (` ``` ` and `~~~`) were nested inside the list item. They now terminate the list and become a top-level code block.
+  - Unindented bullet markers (`- item`) were nested inside the ordered list item. They now terminate the ordered list and start a new top-level bullet list. Indented bullets still nest inside the item as before.
+
+  An indented `***`/`___` inside item content is now also parsed as a horizontal rule inside the item instead of literal text. A `---` line directly below item paragraph text keeps its current behavior because it is a setext heading underline per CommonMark, not a thematic break.
+
+- 1f3ca7a: Fix indented ordered list items (e.g. one leading space before the marker, as happens when a top-level ordered list is itself nested inside another list) losing inline formatting during markdown parsing. The custom ordered-list markdown tokenizer built its nested structure with a hardcoded base indentation of 0, so an item whose actual indentation was non-zero never matched, causing the tokenizer to silently produce zero items and bail out — falling back to a path that left the item's content as literal, unparsed text instead of running it through inline tokenization (bold, italic, etc. were lost). The base indentation is now taken from the first collected item instead of being hardcoded.
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- f586b6f: Fix a markdown parsing bug where a heading right after an ordered list item (with no blank line in between) got pulled into the list item as plain text, so you'd see a literal `###` inside the list instead of an actual heading. Headings now end the list and get parsed properly, the way other markdown parsers handle it. Indented headings inside a list item are also parsed as real headings now instead of literal text.
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- a16901d: Fix ordered list parsing so under-indented continuation lines preserve their first character.
+  - @tiptap/core@3.27.1
+  - @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Minor Changes
+
+- 0d0094d: **Ordered lists now support the `type` attribute** (`a`, `A`, `i`, `I`).
+
+  The `<ol>` `type` attribute is now fully preserved through the HTML round-trip:
+
+  - `type="a"` → lowercase alphabetical markers
+  - `type="A"` → uppercase alphabetical markers
+  - `type="i"` → lowercase roman numeral markers
+  - `type="I"` → uppercase roman numeral markers
+
+  **Paste from external editors** (Google Docs, Word, LibreOffice) now correctly detects the list style — both from the HTML `type` attribute and from CSS `list-style-type` properties.
+
+  **Plain text paste** of typed ordered list markers (e.g. `a. Item`, `I) Item`, `i. Item\nii. Item`) is detected and converted to the correct list type.
+
+  **Markdown round-trip** preserves typed markers: parsing `a. Item` creates `type: "a"`, and serializing a typed list back to markdown uses the correct prefix (e.g. `I.`, `ii.`).
+
+  **Joining** of adjacent lists now respects `type` — two lists with different types (e.g. default numeric and `type="a"`) are not merged.
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Minor Changes
+
+- 45237e7: `ListKeymap`'s Backspace handler now lifts the current list item before merging. At the start of a non-first list item, the item is lifted out of its wrapping list (splitting the list around it) instead of immediately joining its content into the previous item. A second Backspace then hits the existing "paragraph after a list" branch and merges the lifted textblock's content into the previous list's last item. Mirrors the two-step behavior introduced for blockquote in #7891.
+
+### Patch Changes
+
+- 8dc5694: Fix delete at the end of a list item with a branching nested sublist. Nested items are hoisted to the parent list instead of being node-selected and deleted on the next keypress.
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- 57f8d66: Fix markdown parsing for bullet list items whose text looks like an ordered-list marker, such as `- 123.`, so extraction no longer loses the item content.
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- 5ca9902: Treat non-indented continuation lines following an ordered list marker as part of the same list item.
+
+  This aligns ordered list parsing with CommonMark behavior: lines immediately after a list item (before a
+  blank line) are considered lazy continuation and remain inside the list item rather than ending it.
+
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- 269823d: Improved markdown empty-paragraph roundtripping across top-level and nested block content. Empty paragraphs now serialize with natural blank-line spacing for the first paragraph in a run and `&nbsp;` markers for subsequent empty paragraphs at the same level, while parsing preserves those empty paragraphs when converting markdown back to JSON.
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- 5d267cb: Fixed ordered list numbering when list has a non-default start value
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- c1caa7c: Fix lost HTML attributes in TaskItem node view updates
+  - @tiptap/core@3.15.2
+  - @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- 22fcc31: Update TaskItem aria-label when node changes
+  - @tiptap/core@3.0.9
+  - @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- 1d4d928: Added a new `a11y` option to task list items to set the checkbox aria-label
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- 1d4d928: Added a new `a11y` option to task list items to set the checkbox aria-label
+  - @tiptap/core@3.0.0-beta.22
+  - @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+## 3.0.0-next.5
diff --git a/packages/extension-list/README.md b/packages/extension-list/README.md
new file mode 100644
index 0000000..12fc6fa
--- /dev/null
+++ b/packages/extension-list/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-list
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-list.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-list)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-list.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-list.svg)](https://www.npmjs.com/package/@tiptap/extension-list)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-list/package.json b/packages/extension-list/package.json
new file mode 100644
index 0000000..174002b
--- /dev/null
+++ b/packages/extension-list/package.json
@@ -0,0 +1,108 @@
+{
+  "name": "@tiptap/extension-list",
+  "version": "3.30.3",
+  "description": "List extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-list"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./bullet-list": {
+      "types": {
+        "import": "./dist/bullet-list/index.d.ts",
+        "require": "./dist/bullet-list/index.d.cts"
+      },
+      "import": "./dist/bullet-list/index.js",
+      "require": "./dist/bullet-list/index.cjs"
+    },
+    "./item": {
+      "types": {
+        "import": "./dist/item/index.d.ts",
+        "require": "./dist/item/index.d.cts"
+      },
+      "import": "./dist/item/index.js",
+      "require": "./dist/item/index.cjs"
+    },
+    "./keymap": {
+      "types": {
+        "import": "./dist/keymap/index.d.ts",
+        "require": "./dist/keymap/index.d.cts"
+      },
+      "import": "./dist/keymap/index.js",
+      "require": "./dist/keymap/index.cjs"
+    },
+    "./kit": {
+      "types": {
+        "import": "./dist/kit/index.d.ts",
+        "require": "./dist/kit/index.d.cts"
+      },
+      "import": "./dist/kit/index.js",
+      "require": "./dist/kit/index.cjs"
+    },
+    "./ordered-list": {
+      "types": {
+        "import": "./dist/ordered-list/index.d.ts",
+        "require": "./dist/ordered-list/index.d.cts"
+      },
+      "import": "./dist/ordered-list/index.js",
+      "require": "./dist/ordered-list/index.cjs"
+    },
+    "./task-item": {
+      "types": {
+        "import": "./dist/task-item/index.d.ts",
+        "require": "./dist/task-item/index.d.cts"
+      },
+      "import": "./dist/task-item/index.js",
+      "require": "./dist/task-item/index.cjs"
+    },
+    "./task-list": {
+      "types": {
+        "import": "./dist/task-list/index.d.ts",
+        "require": "./dist/task-list/index.d.cts"
+      },
+      "import": "./dist/task-list/index.js",
+      "require": "./dist/task-list/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-list/src/bullet-list/bullet-list.ts b/packages/extension-list/src/bullet-list/bullet-list.ts
new file mode 100644
index 0000000..124cf88
--- /dev/null
+++ b/packages/extension-list/src/bullet-list/bullet-list.ts
@@ -0,0 +1,151 @@
+import { mergeAttributes, Node, wrappingInputRule } from '@tiptap/core'
+
+const ListItemName = 'listItem'
+const TextStyleName = 'textStyle'
+
+export interface BulletListOptions {
+  /**
+   * The node name for the list items
+   * @default 'listItem'
+   * @example 'paragraph'
+   */
+  itemTypeName: string
+
+  /**
+   * HTML attributes to add to the bullet list element
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+
+  /**
+   * Keep the marks when splitting the list
+   * @default false
+   * @example true
+   */
+  keepMarks: boolean
+
+  /**
+   * Keep the attributes when splitting the list
+   * @default false
+   * @example true
+   */
+  keepAttributes: boolean
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    bulletList: {
+      /**
+       * Toggle a bullet list
+       */
+      toggleBulletList: () => ReturnType
+    }
+  }
+}
+
+/**
+ * Matches a bullet list to a dash or asterisk.
+ */
+export const bulletListInputRegex = /^\s*([-+*])\s$/
+
+/**
+ * This extension allows you to create bullet lists.
+ * This requires the ListItem extension
+ * @see https://tiptap.dev/api/nodes/bullet-list
+ * @see https://tiptap.dev/api/nodes/list-item.
+ */
+export const BulletList = Node.create<BulletListOptions>({
+  name: 'bulletList',
+
+  addOptions() {
+    return {
+      itemTypeName: 'listItem',
+      HTMLAttributes: {},
+      keepMarks: false,
+      keepAttributes: false,
+    }
+  },
+
+  group: 'block list',
+
+  content() {
+    return `${this.options.itemTypeName}+`
+  },
+
+  parseHTML() {
+    return [{ tag: 'ul' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['ul', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  markdownTokenName: 'list',
+
+  parseMarkdown: (token, helpers) => {
+    if (token.type !== 'list' || (token as any).ordered) {
+      return []
+    }
+
+    return {
+      type: 'bulletList',
+      content: token.items ? helpers.parseChildren(token.items) : [],
+    }
+  },
+
+  renderMarkdown: (node, h) => {
+    if (!node.content) {
+      return ''
+    }
+
+    return h.renderChildren(node.content, '\n')
+  },
+
+  markdownOptions: {
+    indentsContent: true,
+  },
+
+  addCommands() {
+    return {
+      toggleBulletList:
+        () =>
+        ({ commands, chain }) => {
+          if (this.options.keepAttributes) {
+            return chain()
+              .toggleList(this.name, this.options.itemTypeName, this.options.keepMarks)
+              .updateAttributes(ListItemName, this.editor.getAttributes(TextStyleName))
+              .run()
+          }
+          return commands.toggleList(this.name, this.options.itemTypeName, this.options.keepMarks)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-Shift-8': () => this.editor.commands.toggleBulletList(),
+    }
+  },
+
+  addInputRules() {
+    let inputRule = wrappingInputRule({
+      find: bulletListInputRegex,
+      type: this.type,
+    })
+
+    if (this.options.keepMarks || this.options.keepAttributes) {
+      inputRule = wrappingInputRule({
+        find: bulletListInputRegex,
+        type: this.type,
+        keepMarks: this.options.keepMarks,
+        keepAttributes: this.options.keepAttributes,
+        getAttributes: () => {
+          return this.editor.getAttributes(TextStyleName)
+        },
+        editor: this.editor,
+      })
+    }
+    return [inputRule]
+  },
+})
diff --git a/packages/extension-list/src/bullet-list/index.ts b/packages/extension-list/src/bullet-list/index.ts
new file mode 100644
index 0000000..2feaffd
--- /dev/null
+++ b/packages/extension-list/src/bullet-list/index.ts
@@ -0,0 +1 @@
+export * from './bullet-list.js'
diff --git a/packages/extension-list/src/helpers/createBranchingListDeleteKeymap.ts b/packages/extension-list/src/helpers/createBranchingListDeleteKeymap.ts
new file mode 100644
index 0000000..8f54787
--- /dev/null
+++ b/packages/extension-list/src/helpers/createBranchingListDeleteKeymap.ts
@@ -0,0 +1,24 @@
+import { Extension } from '@tiptap/core'
+
+import { handleDeleteBranchingNestedList } from './handleDeleteBranchingNestedList.js'
+
+/**
+ * Creates a high-priority keymap extension that handles Delete for branching nested lists.
+ * Kept separate from the list item node so Enter/Tab shortcuts keep their default priority.
+ */
+export const createBranchingListDeleteKeymap = (itemName: string, wrapperNames: string[]) => {
+  return Extension.create({
+    name: `${itemName}BranchingDeleteKeymap`,
+    priority: 101,
+
+    addKeyboardShortcuts() {
+      const handleDelete = () =>
+        handleDeleteBranchingNestedList(this.editor, itemName, wrapperNames)
+
+      return {
+        Delete: handleDelete,
+        'Mod-Delete': handleDelete,
+      }
+    },
+  })
+}
diff --git a/packages/extension-list/src/helpers/getBranchingNestedListAtCursor.ts b/packages/extension-list/src/helpers/getBranchingNestedListAtCursor.ts
new file mode 100644
index 0000000..8659885
--- /dev/null
+++ b/packages/extension-list/src/helpers/getBranchingNestedListAtCursor.ts
@@ -0,0 +1,116 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { EditorState } from '@tiptap/pm/state'
+
+export type BranchingNestedListAtCursor = {
+  listItemDepth: number
+  nestedList: PMNode
+  nestedListPos: number
+  insertPos: number
+  items: PMNode[]
+}
+
+/**
+ * Resolves a branching nested list immediately after the cursor when the selection is
+ * collapsed at the end of a textblock inside a list item.
+ *
+ * @param state - The editor state to inspect.
+ * @param itemName - The list item node name (for example `listItem` or `taskItem`).
+ * @param wrapperNames - List wrapper node names (for example `bulletList` and `orderedList`).
+ * @returns Resolved positions and nodes for hoisting, or `null` when not applicable.
+ *
+ * @example
+ * ```ts
+ * const context = getBranchingNestedListAtCursor(editor.state, 'listItem', [
+ *   'bulletList',
+ *   'orderedList',
+ * ])
+ *
+ * if (context) {
+ *   // cursor is at the end of Item 1 before a branching nested sublist
+ * }
+ * ```
+ */
+export const getBranchingNestedListAtCursor = (
+  state: EditorState,
+  itemName: string,
+  wrapperNames: string[],
+): BranchingNestedListAtCursor | null => {
+  const { selection } = state
+
+  if (!selection.empty) {
+    return null
+  }
+
+  const { $from } = selection
+
+  if (!$from.parent.isTextblock) {
+    return null
+  }
+
+  if ($from.parentOffset !== $from.parent.content.size) {
+    return null
+  }
+
+  let listItemDepth = -1
+
+  for (let depth = $from.depth; depth > 0; depth -= 1) {
+    if ($from.node(depth).type.name === itemName) {
+      listItemDepth = depth
+      break
+    }
+  }
+
+  if (listItemDepth < 0) {
+    return null
+  }
+
+  const listItem = $from.node(listItemDepth)
+  const indexInListItem = $from.index(listItemDepth)
+
+  if (indexInListItem + 1 >= listItem.childCount) {
+    return null
+  }
+
+  const nextChild = listItem.child(indexInListItem + 1)
+
+  if (!wrapperNames.includes(nextChild.type.name)) {
+    return null
+  }
+
+  const itemType = state.schema.nodes[itemName]
+  let hasBranching = false
+
+  nextChild.forEach(child => {
+    if (child.type === itemType && child.childCount > 1) {
+      hasBranching = true
+    }
+  })
+
+  if (!hasBranching) {
+    return null
+  }
+
+  const nodeAfter = state.doc.resolve($from.after()).nodeAfter
+
+  if (!nodeAfter || !wrapperNames.includes(nodeAfter.type.name)) {
+    return null
+  }
+
+  const items: PMNode[] = []
+
+  nodeAfter.forEach(child => {
+    items.push(child)
+  })
+
+  if (items.length === 0) {
+    return null
+  }
+
+  return {
+    listItemDepth,
+    nestedList: nodeAfter,
+    nestedListPos: $from.after(),
+    insertPos: $from.after(listItemDepth),
+    items,
+  }
+}
diff --git a/packages/extension-list/src/helpers/handleDeleteBranchingNestedList.ts b/packages/extension-list/src/helpers/handleDeleteBranchingNestedList.ts
new file mode 100644
index 0000000..70d39c3
--- /dev/null
+++ b/packages/extension-list/src/helpers/handleDeleteBranchingNestedList.ts
@@ -0,0 +1,25 @@
+import type { Editor } from '@tiptap/core'
+
+import { hoistBranchingNestedList } from './hoistBranchingNestedList.js'
+
+/**
+ * Handles Delete for a list item when a branching nested sublist follows the cursor.
+ *
+ * @param editor - The editor instance whose state should be updated.
+ * @param itemName - The list item node name (for example `listItem` or `taskItem`).
+ * @param wrapperNames - List wrapper node names (for example `bulletList` and `orderedList`).
+ * @returns `true` when the nested list was hoisted, otherwise `false`.
+ *
+ * @example
+ * ```ts
+ * Delete: () =>
+ *   handleDeleteBranchingNestedList(editor, 'listItem', ['bulletList', 'orderedList']),
+ * ```
+ */
+export const handleDeleteBranchingNestedList = (
+  editor: Editor,
+  itemName: string,
+  wrapperNames: string[],
+) => {
+  return hoistBranchingNestedList(editor.state, editor.view.dispatch, itemName, wrapperNames)
+}
diff --git a/packages/extension-list/src/helpers/hasBranchingNestedListAfterCursor.ts b/packages/extension-list/src/helpers/hasBranchingNestedListAfterCursor.ts
new file mode 100644
index 0000000..bf88efd
--- /dev/null
+++ b/packages/extension-list/src/helpers/hasBranchingNestedListAfterCursor.ts
@@ -0,0 +1,30 @@
+import type { EditorState } from '@tiptap/pm/state'
+
+import { getBranchingNestedListAtCursor } from './getBranchingNestedListAtCursor.js'
+
+/**
+ * Returns whether the cursor is at the end of a list item textblock and the next
+ * sibling is a nested list that contains at least one branching list item.
+ *
+ * @param state - The editor state to inspect.
+ * @param itemName - The list item node name (for example `listItem` or `taskItem`).
+ * @param wrapperNames - List wrapper node names (for example `bulletList` and `orderedList`).
+ * @returns `true` when {@link hoistBranchingNestedList} should handle Delete.
+ *
+ * @example
+ * ```ts
+ * if (hasBranchingNestedListAfterCursor(editor.state, 'listItem', ['bulletList', 'orderedList'])) {
+ *   hoistBranchingNestedList(editor.state, editor.view.dispatch, 'listItem', [
+ *     'bulletList',
+ *     'orderedList',
+ *   ])
+ * }
+ * ```
+ */
+export const hasBranchingNestedListAfterCursor = (
+  state: EditorState,
+  itemName: string,
+  wrapperNames: string[],
+): boolean => {
+  return getBranchingNestedListAtCursor(state, itemName, wrapperNames) !== null
+}
diff --git a/packages/extension-list/src/helpers/hoistBranchingNestedList.ts b/packages/extension-list/src/helpers/hoistBranchingNestedList.ts
new file mode 100644
index 0000000..792f6bd
--- /dev/null
+++ b/packages/extension-list/src/helpers/hoistBranchingNestedList.ts
@@ -0,0 +1,56 @@
+import { Fragment } from '@tiptap/pm/model'
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+
+import { getBranchingNestedListAtCursor } from './getBranchingNestedListAtCursor.js'
+
+/**
+ * Hoists all list items from a branching nested list after the cursor into the parent list.
+ *
+ * Use this when `joinForward` cannot restructure a nested list that contains list items
+ * with sublists (see issue #6906).
+ *
+ * @param state - The editor state to transform.
+ * @param dispatch - Optional dispatch function for the transaction.
+ * @param itemName - The list item node name (for example `listItem` or `taskItem`).
+ * @param wrapperNames - List wrapper node names (for example `bulletList` and `orderedList`).
+ * @returns `true` when the nested list was hoisted, otherwise `false`.
+ *
+ * @example
+ * ```ts
+ * // Cursor at the end of "Item 1" before a nested list with branching items.
+ * hoistBranchingNestedList(editor.state, editor.view.dispatch, 'listItem', [
+ *   'bulletList',
+ *   'orderedList',
+ * ])
+ * ```
+ */
+export const hoistBranchingNestedList = (
+  state: EditorState,
+  dispatch: ((tr: Transaction) => void) | undefined,
+  itemName: string,
+  wrapperNames: string[],
+) => {
+  const context = getBranchingNestedListAtCursor(state, itemName, wrapperNames)
+
+  if (!context) {
+    return false
+  }
+
+  const { selection } = state
+  const { nestedList, nestedListPos, insertPos, items } = context
+  const tr = state.tr
+
+  tr.delete(nestedListPos, nestedListPos + nestedList.nodeSize)
+
+  const mappedInsertPos = tr.mapping.map(insertPos)
+
+  tr.insert(mappedInsertPos, Fragment.from(items))
+
+  tr.setSelection(selection.map(tr.doc, tr.mapping))
+
+  if (dispatch) {
+    dispatch(tr)
+  }
+
+  return true
+}
diff --git a/packages/extension-list/src/index.ts b/packages/extension-list/src/index.ts
new file mode 100644
index 0000000..8ea73b8
--- /dev/null
+++ b/packages/extension-list/src/index.ts
@@ -0,0 +1,7 @@
+export * from './bullet-list/index.js'
+export * from './item/index.js'
+export * from './keymap/index.js'
+export * from './kit/index.js'
+export * from './ordered-list/index.js'
+export * from './task-item/index.js'
+export * from './task-list/index.js'
diff --git a/packages/extension-list/src/item/index.ts b/packages/extension-list/src/item/index.ts
new file mode 100644
index 0000000..854e39b
--- /dev/null
+++ b/packages/extension-list/src/item/index.ts
@@ -0,0 +1 @@
+export * from './list-item.js'
diff --git a/packages/extension-list/src/item/list-item.test.ts b/packages/extension-list/src/item/list-item.test.ts
new file mode 100644
index 0000000..b903d03
--- /dev/null
+++ b/packages/extension-list/src/item/list-item.test.ts
@@ -0,0 +1,46 @@
+import type { MarkdownParseHelpers, MarkdownToken } from '@tiptap/core'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { ListItem } from '../index.js'
+
+describe('ListItem markdown parsing', () => {
+  it('falls back to plain text tokens when tokenizeInline is not available', () => {
+    const token: MarkdownToken = {
+      type: 'list_item',
+      text: '1. Nested item',
+      tokens: [
+        {
+          type: 'list',
+          ordered: true,
+          raw: '1. Nested item',
+        },
+      ],
+    }
+    const helpers: MarkdownParseHelpers = {
+      parseInline: tokens =>
+        tokens.map(inlineToken => ({
+          type: 'text',
+          text: inlineToken.text,
+        })),
+      parseChildren: () => [],
+      createTextNode: text => ({ type: 'text', text }),
+      createNode: (type, attrs, content) => ({ type, attrs, content }),
+      applyMark: (mark, content) => ({ mark, content }),
+    }
+
+    expect(ListItem.config.parseMarkdown?.(token, helpers)).toEqual({
+      type: 'listItem',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: '1. Nested item',
+            },
+          ],
+        },
+      ],
+    })
+  })
+})
diff --git a/packages/extension-list/src/item/list-item.ts b/packages/extension-list/src/item/list-item.ts
new file mode 100644
index 0000000..b9e603d
--- /dev/null
+++ b/packages/extension-list/src/item/list-item.ts
@@ -0,0 +1,206 @@
+import type { JSONContent, MarkdownParseHelpers, MarkdownToken } from '@tiptap/core'
+import { mergeAttributes, Node, renderNestedMarkdownContent } from '@tiptap/core'
+
+import { createBranchingListDeleteKeymap } from '../helpers/createBranchingListDeleteKeymap.js'
+
+import { getListMarker } from '../ordered-list/roman.js'
+
+export interface ListItemOptions {
+  /**
+   * The HTML attributes for a list item node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+
+  /**
+   * The node type for bulletList nodes
+   * @default 'bulletList'
+   * @example 'myCustomBulletList'
+   */
+  bulletListTypeName: string
+
+  /**
+   * The node type for orderedList nodes
+   * @default 'orderedList'
+   * @example 'myCustomOrderedList'
+   */
+  orderedListTypeName: string
+}
+
+function isSameLineOrderedListToken(token: MarkdownToken): boolean {
+  const nestedToken = token.tokens?.[0]
+
+  return Boolean(
+    token.text &&
+    token.tokens?.length === 1 &&
+    nestedToken?.type === 'list' &&
+    nestedToken.ordered &&
+    nestedToken.raw === token.text,
+  )
+}
+
+function parseSameLineOrderedListText(text: string, helpers: MarkdownParseHelpers): JSONContent[] {
+  if (helpers.tokenizeInline) {
+    return helpers.parseInline(helpers.tokenizeInline(text))
+  }
+
+  return helpers.parseInline([
+    {
+      type: 'text',
+      raw: text,
+      text,
+    },
+  ])
+}
+
+/**
+ * This extension allows you to create list items.
+ * @see https://www.tiptap.dev/api/nodes/list-item
+ */
+export const ListItem = Node.create<ListItemOptions>({
+  name: 'listItem',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+      bulletListTypeName: 'bulletList',
+      orderedListTypeName: 'orderedList',
+    }
+  },
+
+  content: 'paragraph block*',
+
+  defining: true,
+
+  parseHTML() {
+    return [
+      {
+        tag: 'li',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['li', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  markdownTokenName: 'list_item',
+
+  parseMarkdown: (token, helpers) => {
+    if (token.type !== 'list_item') {
+      return []
+    }
+
+    const parseBlockChildren = helpers.parseBlockChildren ?? helpers.parseChildren
+    let content: any[] = []
+
+    if (token.tokens && token.tokens.length > 0) {
+      if (isSameLineOrderedListToken(token)) {
+        return {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: parseSameLineOrderedListText(token.text || '', helpers),
+            },
+          ],
+        }
+      }
+
+      // Check if we have paragraph tokens (complex list items)
+      const hasParagraphTokens = token.tokens.some(t => t.type === 'paragraph')
+
+      if (hasParagraphTokens) {
+        // If we have paragraph tokens, parse them as block elements
+        content = parseBlockChildren(token.tokens)
+      } else {
+        // Check if the first token is a text token with nested inline tokens
+        const firstToken = token.tokens[0]
+
+        if (
+          firstToken &&
+          firstToken.type === 'text' &&
+          firstToken.tokens &&
+          firstToken.tokens.length > 0
+        ) {
+          // Parse the inline content from the text token
+          const inlineContent = helpers.parseInline(firstToken.tokens)
+
+          // Start with the paragraph containing the inline content
+          content = [
+            {
+              type: 'paragraph',
+              content: inlineContent,
+            },
+          ]
+
+          // If there are additional tokens after the first text token (like nested lists),
+          // parse them as block elements and add them
+          if (token.tokens.length > 1) {
+            const remainingTokens = token.tokens.slice(1)
+            const additionalContent = parseBlockChildren(remainingTokens)
+            content.push(...additionalContent)
+          }
+        } else {
+          // Fallback: parse all tokens as block elements
+          content = parseBlockChildren(token.tokens)
+        }
+      }
+    }
+
+    // Ensure we always have at least an empty paragraph
+    if (content.length === 0) {
+      content = [
+        {
+          type: 'paragraph',
+          content: [],
+        },
+      ]
+    }
+
+    return {
+      type: 'listItem',
+      content,
+    }
+  },
+
+  renderMarkdown: (node, h, ctx) => {
+    return renderNestedMarkdownContent(
+      node,
+      h,
+      (context: any) => {
+        if (context.parentType === 'bulletList') {
+          return '- '
+        }
+        if (context.parentType === 'orderedList') {
+          const start = context.meta?.parentAttrs?.start || 1
+          const type = context.meta?.parentAttrs?.type as string | undefined
+          const index = start - 1 + (context.index || 0)
+          return getListMarker(type, index, '. ')
+        }
+        // Fallback to bullet list for unknown parent types
+        return '- '
+      },
+      ctx,
+      { alignNestedToPrefix: ctx?.parentType === 'orderedList' },
+    )
+  },
+
+  addExtensions() {
+    return [
+      createBranchingListDeleteKeymap(this.name, [
+        this.options.bulletListTypeName,
+        this.options.orderedListTypeName,
+      ]),
+    ]
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      Enter: () => this.editor.commands.splitListItem(this.name),
+      Tab: () => this.editor.commands.sinkListItem(this.name),
+      'Shift-Tab': () => this.editor.commands.liftListItem(this.name),
+    }
+  },
+})
diff --git a/packages/extension-list/src/keymap/index.ts b/packages/extension-list/src/keymap/index.ts
new file mode 100644
index 0000000..57839e4
--- /dev/null
+++ b/packages/extension-list/src/keymap/index.ts
@@ -0,0 +1,2 @@
+export * from './list-keymap.js'
+export * as listHelpers from './listHelpers/index.js'
diff --git a/packages/extension-list/src/keymap/list-keymap.ts b/packages/extension-list/src/keymap/list-keymap.ts
new file mode 100644
index 0000000..2ef1f44
--- /dev/null
+++ b/packages/extension-list/src/keymap/list-keymap.ts
@@ -0,0 +1,120 @@
+import { Extension } from '@tiptap/core'
+
+import { handleBackspace, handleDelete, handleTab } from './listHelpers/index.js'
+
+export type ListKeymapOptions = {
+  /**
+   * An array of list types. This is used for item and wrapper list matching.
+   * @default []
+   * @example [{ itemName: 'listItem', wrapperNames: ['bulletList', 'orderedList'] }]
+   */
+  listTypes: Array<{
+    itemName: string
+    wrapperNames: string[]
+  }>
+}
+
+/**
+ * This extension registers custom keymaps to change the behaviour of the backspace and delete keys.
+ * By default Prosemirror keyhandling will always lift or sink items so paragraphs are joined into
+ * the adjacent or previous list item. This extension will prevent this behaviour and instead will
+ * try to join paragraphs from two list items into a single list item.
+ * @see https://www.tiptap.dev/api/extensions/list-keymap
+ */
+export const ListKeymap = Extension.create<ListKeymapOptions>({
+  name: 'listKeymap',
+
+  addOptions() {
+    return {
+      listTypes: [
+        {
+          itemName: 'listItem',
+          wrapperNames: ['bulletList', 'orderedList'],
+        },
+        {
+          itemName: 'taskItem',
+          wrapperNames: ['taskList'],
+        },
+      ],
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      Delete: ({ editor }) => {
+        let handled = false
+
+        this.options.listTypes.forEach(({ itemName }) => {
+          if (editor.state.schema.nodes[itemName] === undefined) {
+            return
+          }
+
+          if (handleDelete(editor, itemName)) {
+            handled = true
+          }
+        })
+
+        return handled
+      },
+      'Mod-Delete': ({ editor }) => {
+        let handled = false
+
+        this.options.listTypes.forEach(({ itemName }) => {
+          if (editor.state.schema.nodes[itemName] === undefined) {
+            return
+          }
+
+          if (handleDelete(editor, itemName)) {
+            handled = true
+          }
+        })
+
+        return handled
+      },
+      Backspace: ({ editor }) => {
+        let handled = false
+
+        this.options.listTypes.forEach(({ itemName, wrapperNames }) => {
+          if (editor.state.schema.nodes[itemName] === undefined) {
+            return
+          }
+
+          if (handleBackspace(editor, itemName, wrapperNames)) {
+            handled = true
+          }
+        })
+
+        return handled
+      },
+      'Mod-Backspace': ({ editor }) => {
+        let handled = false
+
+        this.options.listTypes.forEach(({ itemName, wrapperNames }) => {
+          if (editor.state.schema.nodes[itemName] === undefined) {
+            return
+          }
+
+          if (handleBackspace(editor, itemName, wrapperNames)) {
+            handled = true
+          }
+        })
+
+        return handled
+      },
+      Tab: ({ editor }) => {
+        // stop at the first handled list type so a single Tab cannot sink the block twice
+        for (const { itemName, wrapperNames } of this.options.listTypes) {
+          if (editor.state.schema.nodes[itemName] === undefined) {
+            continue
+          }
+
+          if (handleTab(editor, itemName, wrapperNames)) {
+            return true
+          }
+        }
+
+        return false
+      },
+    }
+  },
+})
diff --git a/packages/extension-list/src/keymap/listHelpers/findListItemPos.ts b/packages/extension-list/src/keymap/listHelpers/findListItemPos.ts
new file mode 100644
index 0000000..9ec83a1
--- /dev/null
+++ b/packages/extension-list/src/keymap/listHelpers/findListItemPos.ts
@@ -0,0 +1,30 @@
+import { getNodeType } from '@tiptap/core'
+import type { NodeType } from '@tiptap/pm/model'
+import type { EditorState } from '@tiptap/pm/state'
+
+export const findListItemPos = (typeOrName: string | NodeType, state: EditorState) => {
+  const { $from } = state.selection
+  const nodeType = getNodeType(typeOrName, state.schema)
+
+  let currentNode = null
+  let currentDepth = $from.depth
+  let currentPos = $from.pos
+  let targetDepth: number | null = null
+
+  while (currentDepth > 0 && targetDepth === null) {
+    currentNode = $from.node(currentDepth)
+
+    if (currentNode.type === nodeType) {
+      targetDepth = currentDepth
+    } else {
+      currentDepth -= 1
+      currentPos -= 1
+    }
+  }
+
+  if (targetDepth === null) {
+    return null
+  }
+
+  return { $pos: state.doc.resolve(currentPos), depth: targetDepth }
+}
diff --git a/packages/extension-list/src/keymap/listHelpers/getNextListDepth.ts b/packages/extension-list/src/keymap/listHelpers/getNextListDepth.ts
new file mode 100644
index 0000000..d0d7dd3
--- /dev/null
+++ b/packages/extension-list/src/keymap/listHelpers/getNextListDepth.ts
@@ -0,0 +1,16 @@
+import { getNodeAtPosition } from '@tiptap/core'
+import type { EditorState } from '@tiptap/pm/state'
+
+import { findListItemPos } from './findListItemPos.js'
+
+export const getNextListDepth = (typeOrName: string, state: EditorState) => {
+  const listItemPos = findListItemPos(typeOrName, state)
+
+  if (!listItemPos) {
+    return false
+  }
+
+  const [, depth] = getNodeAtPosition(state, typeOrName, listItemPos.$pos.pos + 4)
+
+  return depth
+}
diff --git a/packages/extension-list/src/keymap/listHelpers/handleBackspace.ts b/packages/extension-list/src/keymap/listHelpers/handleBackspace.ts
new file mode 100644
index 0000000..a93b3e6
--- /dev/null
+++ b/packages/extension-list/src/keymap/listHelpers/handleBackspace.ts
@@ -0,0 +1,70 @@
+import type { Editor } from '@tiptap/core'
+import { isAtStartOfNode, isNodeActive } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import { hasListBefore } from './hasListBefore.js'
+
+export const handleBackspace = (editor: Editor, name: string, parentListTypes: string[]) => {
+  // this is required to still handle the undo handling
+  if (editor.commands.undoInputRule()) {
+    return true
+  }
+
+  // if the selection is not collapsed
+  // we can rely on the default backspace behavior
+  if (editor.state.selection.from !== editor.state.selection.to) {
+    return false
+  }
+
+  // if the current item is NOT inside a list item &
+  // the previous item is a list (orderedList or bulletList)
+  // move the cursor into the list and delete the current item
+  if (!isNodeActive(editor.state, name) && hasListBefore(editor.state, name, parentListTypes)) {
+    const { $anchor } = editor.state.selection
+
+    const $listPos = editor.state.doc.resolve($anchor.before() - 1)
+
+    const listDescendants: Array<{ node: PMNode; pos: number }> = []
+
+    $listPos.node().descendants((node, pos) => {
+      if (node.type.name === name) {
+        listDescendants.push({ node, pos })
+      }
+    })
+
+    const lastItem = listDescendants.at(-1)
+
+    if (!lastItem) {
+      return false
+    }
+
+    const $lastItemPos = editor.state.doc.resolve($listPos.start() + lastItem.pos + 1)
+
+    return editor
+      .chain()
+      .cut({ from: $anchor.start() - 1, to: $anchor.end() + 1 }, $lastItemPos.end())
+      .joinForward()
+      .run()
+  }
+
+  // if the cursor is not inside the current node type
+  // do nothing and proceed
+  if (!isNodeActive(editor.state, name)) {
+    return false
+  }
+
+  // if the cursor is not at the start of a node
+  // do nothing and proceed
+  if (!isAtStartOfNode(editor.state)) {
+    return false
+  }
+
+  // only intercept at the start of the list item's first child
+  const { $from } = editor.state.selection
+  const itemDepth = $from.depth - 1
+  if ($from.node(itemDepth).type !== editor.schema.nodes[name] || $from.index(itemDepth) !== 0) {
+    return false
+  }
+
+  return editor.chain().liftListItem(name).run()
+}
diff --git a/packages/extension-list/src/keymap/listHelpers/handleDelete.ts b/packages/extension-list/src/keymap/listHelpers/handleDelete.ts
new file mode 100644
index 0000000..659bf02
--- /dev/null
+++ b/packages/extension-list/src/keymap/listHelpers/handleDelete.ts
@@ -0,0 +1,44 @@
+import type { Editor } from '@tiptap/core'
+import { isAtEndOfNode, isNodeActive } from '@tiptap/core'
+
+import { nextListIsDeeper } from './nextListIsDeeper.js'
+import { nextListIsHigher } from './nextListIsHigher.js'
+
+export const handleDelete = (editor: Editor, name: string) => {
+  // if the cursor is not inside the current node type
+  // do nothing and proceed
+  if (!isNodeActive(editor.state, name)) {
+    return false
+  }
+
+  // if the cursor is not at the end of a node
+  // do nothing and proceed
+  if (!isAtEndOfNode(editor.state, name)) {
+    return false
+  }
+
+  // if the selection is not collapsed, or not within a single node
+  // do nothing and proceed
+  const { selection } = editor.state
+  const { $from, $to } = selection
+
+  if (!selection.empty && $from.sameParent($to)) {
+    return false
+  }
+
+  // check if the next node is a list with a deeper depth
+  if (nextListIsDeeper(name, editor.state)) {
+    return editor
+      .chain()
+      .focus(editor.state.selection.from + 4)
+      .lift(name)
+      .joinBackward()
+      .run()
+  }
+
+  if (nextListIsHigher(name, editor.state)) {
+    return editor.chain().joinForward().joinBackward().run()
+  }
+
+  return editor.commands.joinItemForward()
+}
diff --git a/packages/extension-list/src/keymap/listHelpers/handleTab.ts b/packages/extension-list/src/keymap/listHelpers/handleTab.ts
new file mode 100644
index 0000000..ac243e2
--- /dev/null
+++ b/packages/extension-list/src/keymap/listHelpers/handleTab.ts
@@ -0,0 +1,48 @@
+import type { Editor } from '@tiptap/core'
+import { getPreviousBlockSibling, isNodeActive } from '@tiptap/core'
+import { Fragment } from '@tiptap/pm/model'
+import { TextSelection } from '@tiptap/pm/state'
+
+export const handleTab = (editor: Editor, name: string, parentListTypes: string[]) => {
+  const { state } = editor
+  const { selection } = state
+  if (!selection.empty) return false
+
+  const { $from } = selection
+  if ($from.parentOffset !== 0) return false
+
+  // gap cursors satisfy both checks above but resolve outside a textblock
+  if (!$from.parent.isTextblock) return false
+
+  // Tab inside a list item belongs to sinkListItem
+  if (isNodeActive(state, name)) return false
+
+  const previous = getPreviousBlockSibling($from)
+  if (!previous || !parentListTypes.includes(previous.type.name)) return false
+
+  const lastItem = previous.lastChild
+  if (!lastItem || lastItem.type.name !== name) return false
+
+  const block = $from.parent
+
+  if (!lastItem.canReplace(lastItem.childCount, lastItem.childCount, Fragment.from(block))) {
+    return false
+  }
+
+  const blockStart = $from.before()
+  const blockEnd = $from.after()
+
+  // step back over the closing tokens of the list and its last item
+  const insideLastItemEnd = blockStart - 2
+
+  return editor.commands.command(({ tr, dispatch }) => {
+    if (dispatch) {
+      tr.delete(blockStart, blockEnd).insert(insideLastItemEnd, Fragment.from(block))
+      // place the cursor at the start of the inserted block
+      tr.setSelection(TextSelection.create(tr.doc, insideLastItemEnd + 1))
+      tr.scrollIntoView()
+    }
+
+    return true
+  })
+}
diff --git a/packages/extension-list/src/keymap/listHelpers/hasListBefore.ts b/packages/extension-list/src/keymap/listHelpers/hasListBefore.ts
new file mode 100644
index 0000000..262d2ae
--- /dev/null
+++ b/packages/extension-list/src/keymap/listHelpers/hasListBefore.ts
@@ -0,0 +1,19 @@
+import type { EditorState } from '@tiptap/pm/state'
+
+export const hasListBefore = (
+  editorState: EditorState,
+  name: string,
+  parentListTypes: string[],
+) => {
+  const { $anchor } = editorState.selection
+
+  const previousNodePos = Math.max(0, $anchor.pos - 2)
+
+  const previousNode = editorState.doc.resolve(previousNodePos).node()
+
+  if (!previousNode || !parentListTypes.includes(previousNode.type.name)) {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/extension-list/src/keymap/listHelpers/hasListItemAfter.ts b/packages/extension-list/src/keymap/listHelpers/hasListItemAfter.ts
new file mode 100644
index 0000000..44796d4
--- /dev/null
+++ b/packages/extension-list/src/keymap/listHelpers/hasListItemAfter.ts
@@ -0,0 +1,17 @@
+import type { EditorState } from '@tiptap/pm/state'
+
+export const hasListItemAfter = (typeOrName: string, state: EditorState): boolean => {
+  const { $anchor } = state.selection
+
+  const $targetPos = state.doc.resolve($anchor.pos - $anchor.parentOffset - 2)
+
+  if ($targetPos.index() === $targetPos.parent.childCount - 1) {
+    return false
+  }
+
+  if ($targetPos.nodeAfter?.type.name !== typeOrName) {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/extension-list/src/keymap/listHelpers/hasListItemBefore.ts b/packages/extension-list/src/keymap/listHelpers/hasListItemBefore.ts
new file mode 100644
index 0000000..cc9c7e3
--- /dev/null
+++ b/packages/extension-list/src/keymap/listHelpers/hasListItemBefore.ts
@@ -0,0 +1,17 @@
+import type { EditorState } from '@tiptap/pm/state'
+
+export const hasListItemBefore = (typeOrName: string, state: EditorState): boolean => {
+  const { $anchor } = state.selection
+
+  const $targetPos = state.doc.resolve($anchor.pos - 2)
+
+  if ($targetPos.index() === 0) {
+    return false
+  }
+
+  if ($targetPos.nodeBefore?.type.name !== typeOrName) {
+    return false
+  }
+
+  return true
+}
diff --git a/packages/extension-list/src/keymap/listHelpers/index.ts b/packages/extension-list/src/keymap/listHelpers/index.ts
new file mode 100644
index 0000000..e8e6ad5
--- /dev/null
+++ b/packages/extension-list/src/keymap/listHelpers/index.ts
@@ -0,0 +1,11 @@
+export * from './findListItemPos.js'
+export * from './getNextListDepth.js'
+export * from './handleBackspace.js'
+export * from './handleDelete.js'
+export * from './handleTab.js'
+export * from './hasListBefore.js'
+export * from './hasListItemAfter.js'
+export * from './hasListItemBefore.js'
+export * from './listItemHasSubList.js'
+export * from './nextListIsDeeper.js'
+export * from './nextListIsHigher.js'
diff --git a/packages/extension-list/src/keymap/listHelpers/listItemHasSubList.ts b/packages/extension-list/src/keymap/listHelpers/listItemHasSubList.ts
new file mode 100644
index 0000000..1532745
--- /dev/null
+++ b/packages/extension-list/src/keymap/listHelpers/listItemHasSubList.ts
@@ -0,0 +1,21 @@
+import { getNodeType } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { EditorState } from '@tiptap/pm/state'
+
+export const listItemHasSubList = (typeOrName: string, state: EditorState, node?: PMNode) => {
+  if (!node) {
+    return false
+  }
+
+  const nodeType = getNodeType(typeOrName, state.schema)
+
+  let hasSubList = false
+
+  node.descendants(child => {
+    if (child.type === nodeType) {
+      hasSubList = true
+    }
+  })
+
+  return hasSubList
+}
diff --git a/packages/extension-list/src/keymap/listHelpers/nextListIsDeeper.ts b/packages/extension-list/src/keymap/listHelpers/nextListIsDeeper.ts
new file mode 100644
index 0000000..42582b0
--- /dev/null
+++ b/packages/extension-list/src/keymap/listHelpers/nextListIsDeeper.ts
@@ -0,0 +1,19 @@
+import type { EditorState } from '@tiptap/pm/state'
+
+import { findListItemPos } from './findListItemPos.js'
+import { getNextListDepth } from './getNextListDepth.js'
+
+export const nextListIsDeeper = (typeOrName: string, state: EditorState) => {
+  const listDepth = getNextListDepth(typeOrName, state)
+  const listItemPos = findListItemPos(typeOrName, state)
+
+  if (!listItemPos || !listDepth) {
+    return false
+  }
+
+  if (listDepth > listItemPos.depth) {
+    return true
+  }
+
+  return false
+}
diff --git a/packages/extension-list/src/keymap/listHelpers/nextListIsHigher.ts b/packages/extension-list/src/keymap/listHelpers/nextListIsHigher.ts
new file mode 100644
index 0000000..659fb72
--- /dev/null
+++ b/packages/extension-list/src/keymap/listHelpers/nextListIsHigher.ts
@@ -0,0 +1,19 @@
+import type { EditorState } from '@tiptap/pm/state'
+
+import { findListItemPos } from './findListItemPos.js'
+import { getNextListDepth } from './getNextListDepth.js'
+
+export const nextListIsHigher = (typeOrName: string, state: EditorState) => {
+  const listDepth = getNextListDepth(typeOrName, state)
+  const listItemPos = findListItemPos(typeOrName, state)
+
+  if (!listItemPos || !listDepth) {
+    return false
+  }
+
+  if (listDepth < listItemPos.depth) {
+    return true
+  }
+
+  return false
+}
diff --git a/packages/extension-list/src/kit/index.ts b/packages/extension-list/src/kit/index.ts
new file mode 100644
index 0000000..1fcda0a
--- /dev/null
+++ b/packages/extension-list/src/kit/index.ts
@@ -0,0 +1,81 @@
+import { Extension } from '@tiptap/core'
+
+import type { BulletListOptions } from '../bullet-list/index.js'
+import { BulletList } from '../bullet-list/index.js'
+import type { ListItemOptions } from '../item/index.js'
+import { ListItem } from '../item/index.js'
+import type { ListKeymapOptions } from '../keymap/index.js'
+import { ListKeymap } from '../keymap/index.js'
+import type { OrderedListOptions } from '../ordered-list/index.js'
+import { OrderedList } from '../ordered-list/index.js'
+import type { TaskItemOptions } from '../task-item/index.js'
+import { TaskItem } from '../task-item/index.js'
+import type { TaskListOptions } from '../task-list/index.js'
+import { TaskList } from '../task-list/index.js'
+
+export interface ListKitOptions {
+  /**
+   * If set to false, the bulletList extension will not be registered
+   * @example table: false
+   */
+  bulletList: Partial<BulletListOptions> | false
+  /**
+   * If set to false, the listItem extension will not be registered
+   */
+  listItem: Partial<ListItemOptions> | false
+  /**
+   * If set to false, the listKeymap extension will not be registered
+   */
+  listKeymap: Partial<ListKeymapOptions> | false
+  /**
+   * If set to false, the orderedList extension will not be registered
+   */
+  orderedList: Partial<OrderedListOptions> | false
+  /**
+   * If set to false, the taskItem extension will not be registered
+   */
+  taskItem: Partial<TaskItemOptions> | false
+  /**
+   * If set to false, the taskList extension will not be registered
+   */
+  taskList: Partial<TaskListOptions> | false
+}
+
+/**
+ * The table kit is a collection of table editor extensions.
+ *
+ * It’s a good starting point for building your own table in Tiptap.
+ */
+export const ListKit = Extension.create<ListKitOptions>({
+  name: 'listKit',
+
+  addExtensions() {
+    const extensions = []
+
+    if (this.options.bulletList !== false) {
+      extensions.push(BulletList.configure(this.options.bulletList))
+    }
+
+    if (this.options.listItem !== false) {
+      extensions.push(ListItem.configure(this.options.listItem))
+    }
+
+    if (this.options.listKeymap !== false) {
+      extensions.push(ListKeymap.configure(this.options.listKeymap))
+    }
+
+    if (this.options.orderedList !== false) {
+      extensions.push(OrderedList.configure(this.options.orderedList))
+    }
+
+    if (this.options.taskItem !== false) {
+      extensions.push(TaskItem.configure(this.options.taskItem))
+    }
+
+    if (this.options.taskList !== false) {
+      extensions.push(TaskList.configure(this.options.taskList))
+    }
+
+    return extensions
+  },
+})
diff --git a/packages/extension-list/src/ordered-list/index.ts b/packages/extension-list/src/ordered-list/index.ts
new file mode 100644
index 0000000..b1b36b1
--- /dev/null
+++ b/packages/extension-list/src/ordered-list/index.ts
@@ -0,0 +1,13 @@
+export * from './ordered-list.js'
+export {
+  areOrderedListMarkersSequential,
+  buildOrderedListAttrsFromMarker,
+  detectMarkerType,
+  getListMarker,
+  markerToStart,
+  ORDERED_LIST_MARKER_PATTERN,
+  parseListMarker,
+  toRoman,
+  toRomanUpper,
+} from './roman.js'
+export { parsePlainTextOrderedListPaste } from './utils.js'
diff --git a/packages/extension-list/src/ordered-list/ordered-list.ts b/packages/extension-list/src/ordered-list/ordered-list.ts
new file mode 100644
index 0000000..13a079e
--- /dev/null
+++ b/packages/extension-list/src/ordered-list/ordered-list.ts
@@ -0,0 +1,365 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Plugin } from '@tiptap/pm/state'
+
+import { mergeAttributes, Node, wrappingInputRule } from '@tiptap/core'
+
+import {
+  buildNestedStructure,
+  collectOrderedListItems,
+  parseListItems,
+  parsePlainTextOrderedListPaste,
+} from './utils.js'
+
+const ListItemName = 'listItem'
+const TextStyleName = 'textStyle'
+
+export interface OrderedListOptions {
+  /**
+   * The node type name for list items.
+   * @default 'listItem'
+   * @example 'myListItem'
+   */
+  itemTypeName: string
+
+  /**
+   * The HTML attributes for an ordered list node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+
+  /**
+   * Keep the marks when splitting a list item.
+   * @default false
+   * @example true
+   */
+  keepMarks: boolean
+
+  /**
+   * Keep the attributes when splitting a list item.
+   * @default false
+   * @example true
+   */
+  keepAttributes: boolean
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    orderedList: {
+      /**
+       * Toggle an ordered list
+       * @example editor.commands.toggleOrderedList()
+       */
+      toggleOrderedList: () => ReturnType
+    }
+  }
+}
+
+/**
+ * Matches an ordered list to a 1. on input (or any number followed by a dot).
+ */
+export const orderedListInputRegex = /^(\d+)\.\s$/
+
+/**
+ * Maps CSS list-style-type values to HTML type attribute values.
+ * Google Docs and Word often use CSS instead of the HTML type attribute.
+ */
+function cssListStyleTypeToHtmlType(style: string): string | null {
+  const match = style.match(/list-style-type\s*:\s*([^;]+)/i)
+  if (!match) {
+    return null
+  }
+
+  const cssValue = match[1].trim().toLowerCase()
+
+  switch (cssValue) {
+    case 'upper-roman':
+      return 'I'
+    case 'lower-roman':
+      return 'i'
+    case 'upper-alpha':
+    case 'upper-latin':
+      return 'A'
+    case 'lower-alpha':
+    case 'lower-latin':
+      return 'a'
+    default:
+      return null
+  }
+}
+
+/**
+ * This extension allows you to create ordered lists.
+ * This requires the ListItem extension
+ * @see https://www.tiptap.dev/api/nodes/ordered-list
+ * @see https://www.tiptap.dev/api/nodes/list-item
+ */
+export const OrderedList = Node.create<OrderedListOptions>({
+  name: 'orderedList',
+
+  addOptions() {
+    return {
+      itemTypeName: 'listItem',
+      HTMLAttributes: {},
+      keepMarks: false,
+      keepAttributes: false,
+    }
+  },
+
+  group: 'block list',
+
+  content() {
+    return `${this.options.itemTypeName}+`
+  },
+
+  addAttributes() {
+    return {
+      start: {
+        default: 1,
+        parseHTML: element => {
+          return element.hasAttribute('start')
+            ? parseInt(element.getAttribute('start') || '', 10)
+            : 1
+        },
+      },
+      type: {
+        default: null,
+        parseHTML: element => {
+          // 1. Check the HTML type attribute on <ol>
+          const htmlType = element.getAttribute('type')
+          if (htmlType) {
+            return htmlType
+          }
+
+          // 2. Check CSS list-style-type on the <ol> element's style attribute
+          const style = element.getAttribute('style')
+          if (style) {
+            const mappedFromOl = cssListStyleTypeToHtmlType(style)
+            if (mappedFromOl) {
+              return mappedFromOl
+            }
+          }
+
+          // 3. Check the first <li> child for list-style-type (Google Docs pattern)
+          const firstLi = element.querySelector('li')
+          if (firstLi) {
+            const liStyle = firstLi.getAttribute('style')
+            if (liStyle) {
+              const mappedFromLi = cssListStyleTypeToHtmlType(liStyle)
+              if (mappedFromLi) {
+                return mappedFromLi
+              }
+            }
+          }
+
+          return null
+        },
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'ol',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    const { start, type, ...attributesWithoutType } = HTMLAttributes
+
+    const attrs = mergeAttributes(this.options.HTMLAttributes, attributesWithoutType)
+
+    if (start !== 1) {
+      attrs.start = start
+    }
+
+    if (type && type !== '1') {
+      attrs.type = type
+    }
+
+    return ['ol', attrs, 0]
+  },
+
+  markdownTokenName: 'list',
+
+  parseMarkdown: (token, helpers) => {
+    if (token.type !== 'list' || !token.ordered) {
+      return []
+    }
+
+    const startValue = token.start || 1
+    const typeValue = token.typeMarker as string | undefined
+    const content = token.items ? parseListItems(token.items, helpers) : []
+
+    // Build attrs only when they differ from defaults
+    const attrs: Record<string, unknown> = {}
+
+    if (startValue !== 1) {
+      attrs.start = startValue
+    }
+
+    if (typeValue) {
+      attrs.type = typeValue
+    }
+
+    if (Object.keys(attrs).length > 0) {
+      return {
+        type: 'orderedList',
+        attrs,
+        content,
+      }
+    }
+
+    return {
+      type: 'orderedList',
+      content,
+    }
+  },
+
+  renderMarkdown: (node, h) => {
+    if (!node.content) {
+      return ''
+    }
+
+    return h.renderChildren(node.content, '\n')
+  },
+
+  markdownTokenizer: {
+    name: 'orderedList',
+    level: 'block',
+    // marked already breaks paragraphs before a start-of-line list marker. It
+    // probes this with `src.slice(1)`, so any marker it surfaces here is
+    // mid-line (like the "216)" in "(216) 555-1234") and must not start a list.
+    // We still define the callback so marked does not fall back to probing
+    // `tokenize`, which would re-introduce the mid-line split.
+    start: () => -1,
+    tokenize: (src: string, _tokens, lexer) => {
+      const lines = src.split('\n')
+      const [listItems, consumed] = collectOrderedListItems(lines)
+
+      if (listItems.length === 0) {
+        return undefined
+      }
+
+      // buildNestedStructure() only includes an item when item.indent matches
+      // the base indent it's given, so the base must be this list's own
+      // indentation level (that of its first collected item, e.g. 1 for a
+      // line with a single leading space) rather than always 0 — a nested
+      // list is not necessarily flush with the start of the line.
+      const items = buildNestedStructure(listItems, listItems[0].indent, lexer)
+
+      if (items.length === 0) {
+        return undefined
+      }
+
+      const startValue = listItems[0]?.number || 1
+      const typeMarker = listItems[0]?.type
+
+      return {
+        type: 'list',
+        ordered: true,
+        start: startValue,
+        typeMarker,
+        items,
+        raw: lines.slice(0, consumed).join('\n'),
+      } as unknown as object
+    },
+  },
+
+  markdownOptions: {
+    indentsContent: true,
+  },
+
+  addCommands() {
+    return {
+      toggleOrderedList:
+        () =>
+        ({ commands, chain }) => {
+          if (this.options.keepAttributes) {
+            return chain()
+              .toggleList(this.name, this.options.itemTypeName, this.options.keepMarks)
+              .updateAttributes(ListItemName, this.editor.getAttributes(TextStyleName))
+              .run()
+          }
+          return commands.toggleList(this.name, this.options.itemTypeName, this.options.keepMarks)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-Shift-7': () => this.editor.commands.toggleOrderedList(),
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        props: {
+          handlePaste: (view, event) => {
+            const html = event.clipboardData?.getData('text/html')
+
+            if (html?.trim()) {
+              return false
+            }
+
+            const text = event.clipboardData?.getData('text/plain')
+
+            if (!text) {
+              return false
+            }
+
+            const orderedListContent = parsePlainTextOrderedListPaste(text)
+
+            if (!orderedListContent) {
+              return false
+            }
+
+            try {
+              const orderedListNode = view.state.schema.nodeFromJSON(orderedListContent)
+              const tr = view.state.tr.replaceSelectionWith(orderedListNode)
+
+              view.dispatch(tr)
+
+              return true
+            } catch {
+              return false
+            }
+          },
+        },
+      }),
+    ]
+  },
+
+  addInputRules() {
+    const joinPredicate = (match: RegExpMatchArray, node: PMNode) => {
+      // Only join if the existing list has a default type
+      // (not a typed list like "a" or "i" which should stay separate)
+      const hasDefaultType = !node.attrs.type || node.attrs.type === '1'
+
+      return hasDefaultType && node.childCount + node.attrs.start === +match[1]
+    }
+
+    let inputRule = wrappingInputRule({
+      find: orderedListInputRegex,
+      type: this.type,
+      getAttributes: match => ({ start: +match[1] }),
+      joinPredicate,
+    })
+
+    if (this.options.keepMarks || this.options.keepAttributes) {
+      inputRule = wrappingInputRule({
+        find: orderedListInputRegex,
+        type: this.type,
+        keepMarks: this.options.keepMarks,
+        keepAttributes: this.options.keepAttributes,
+        getAttributes: match => ({ start: +match[1], ...this.editor.getAttributes(TextStyleName) }),
+        joinPredicate,
+        editor: this.editor,
+      })
+    }
+    return [inputRule]
+  },
+})
diff --git a/packages/extension-list/src/ordered-list/roman.test.ts b/packages/extension-list/src/ordered-list/roman.test.ts
new file mode 100644
index 0000000..70cc9eb
--- /dev/null
+++ b/packages/extension-list/src/ordered-list/roman.test.ts
@@ -0,0 +1,122 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import {
+  areOrderedListMarkersSequential,
+  detectMarkerType,
+  getListMarker,
+  markerToStart,
+} from './roman.js'
+
+describe('ordered list markers', () => {
+  describe('getListMarker', () => {
+    it('returns numeric markers for default type', () => {
+      expect(getListMarker(null, 0, '. ')).toBe('1. ')
+      expect(getListMarker(undefined, 4, '. ')).toBe('5. ')
+      expect(getListMarker('1', 0, '. ')).toBe('1. ')
+    })
+
+    it('returns lowercase alpha markers for type "a"', () => {
+      expect(getListMarker('a', 0, '. ')).toBe('a. ')
+      expect(getListMarker('a', 1, '. ')).toBe('b. ')
+      expect(getListMarker('a', 25, '. ')).toBe('z. ')
+    })
+
+    it('returns uppercase alpha markers for type "A"', () => {
+      expect(getListMarker('A', 0, '. ')).toBe('A. ')
+      expect(getListMarker('A', 1, '. ')).toBe('B. ')
+      expect(getListMarker('A', 25, '. ')).toBe('Z. ')
+    })
+
+    it('returns lowercase roman markers for type "i"', () => {
+      expect(getListMarker('i', 0, '. ')).toBe('i. ')
+      expect(getListMarker('i', 1, '. ')).toBe('ii. ')
+      expect(getListMarker('i', 3, '. ')).toBe('iv. ')
+      expect(getListMarker('i', 9, '. ')).toBe('x. ')
+    })
+
+    it('returns uppercase roman markers for type "I"', () => {
+      expect(getListMarker('I', 0, '. ')).toBe('I. ')
+      expect(getListMarker('I', 1, '. ')).toBe('II. ')
+      expect(getListMarker('I', 3, '. ')).toBe('IV. ')
+      expect(getListMarker('I', 9, '. ')).toBe('X. ')
+    })
+  })
+
+  describe('detectMarkerType', () => {
+    it('detects default type for numeric markers', () => {
+      expect(detectMarkerType('1')).toBeUndefined()
+      expect(detectMarkerType('42')).toBeUndefined()
+    })
+
+    it('detects lowercase alpha', () => {
+      expect(detectMarkerType('a')).toBe('a')
+      expect(detectMarkerType('b')).toBe('a')
+      expect(detectMarkerType('z')).toBe('a')
+      expect(detectMarkerType('A')).toBe('A')
+      expect(detectMarkerType('B')).toBe('A')
+    })
+
+    it('does not treat invalid roman strings as roman', () => {
+      expect(detectMarkerType('aa')).toBe('a')
+    })
+
+    it('does not treat alpha markers longer than 2 letters as alpha', () => {
+      expect(detectMarkerType('abc')).toBeUndefined()
+      expect(detectMarkerType('ABC')).toBeUndefined()
+    })
+
+    it('detects lowercase roman', () => {
+      expect(detectMarkerType('i')).toBe('i')
+      expect(detectMarkerType('ii')).toBe('i')
+      expect(detectMarkerType('iii')).toBe('i')
+      expect(detectMarkerType('iv')).toBe('i')
+      expect(detectMarkerType('v')).toBe('i')
+    })
+
+    it('detects uppercase roman', () => {
+      expect(detectMarkerType('I')).toBe('I')
+      expect(detectMarkerType('VI')).toBe('I')
+      expect(detectMarkerType('X')).toBe('I')
+    })
+  })
+
+  describe('areOrderedListMarkersSequential', () => {
+    it('accepts sequential markers of the same style', () => {
+      expect(areOrderedListMarkersSequential(['a', 'b', 'c'])).toBe(true)
+      expect(areOrderedListMarkersSequential(['1', '2', '3'])).toBe(true)
+      expect(areOrderedListMarkersSequential(['ii', 'iii', 'iv'])).toBe(true)
+      expect(areOrderedListMarkersSequential(['b', 'c'])).toBe(true)
+    })
+
+    it('rejects mixed styles', () => {
+      expect(areOrderedListMarkersSequential(['a', '1'])).toBe(false)
+      expect(areOrderedListMarkersSequential(['i', 'ii', 'a'])).toBe(false)
+    })
+
+    it('rejects non-sequential markers', () => {
+      expect(areOrderedListMarkersSequential(['a', 'c'])).toBe(false)
+      expect(areOrderedListMarkersSequential(['1', '3'])).toBe(false)
+      expect(areOrderedListMarkersSequential(['II', 'IV'])).toBe(false)
+    })
+  })
+
+  describe('markerToStart', () => {
+    it('parses numeric markers', () => {
+      expect(markerToStart('3')).toBe(3)
+      expect(markerToStart('42')).toBe(42)
+    })
+
+    it('parses alpha markers', () => {
+      expect(markerToStart('a')).toBe(1)
+      expect(markerToStart('b')).toBe(2)
+      expect(markerToStart('aa')).toBe(27)
+    })
+
+    it('parses roman markers', () => {
+      expect(markerToStart('i')).toBe(1)
+      expect(markerToStart('ii')).toBe(2)
+      expect(markerToStart('II')).toBe(2)
+      expect(markerToStart('IV')).toBe(4)
+    })
+  })
+})
diff --git a/packages/extension-list/src/ordered-list/roman.ts b/packages/extension-list/src/ordered-list/roman.ts
new file mode 100644
index 0000000..5c01414
--- /dev/null
+++ b/packages/extension-list/src/ordered-list/roman.ts
@@ -0,0 +1,295 @@
+const ROMAN_NUMERALS: [number, string][] = [
+  [1000, 'm'],
+  [900, 'cm'],
+  [500, 'd'],
+  [400, 'cd'],
+  [100, 'c'],
+  [90, 'xc'],
+  [50, 'l'],
+  [40, 'xl'],
+  [10, 'x'],
+  [9, 'ix'],
+  [5, 'v'],
+  [4, 'iv'],
+  [1, 'i'],
+]
+
+const ALPHA_NUMERALS = 'abcdefghijklmnopqrstuvwxyz'
+
+/** Alpha list markers support at most 2 letters (a–z, aa–zz), matching {@link fromAlpha}. */
+export const ORDERED_LIST_ALPHA_MARKER_PATTERN = '[a-zA-Z]{1,2}'
+
+/**
+ * Marker segment for ordered list lines: numeric, roman, or 1–2 letter alpha.
+ * Roman is matched before alpha so "iii" is roman; invalid romans like "aa" fall through to alpha.
+ */
+export const ORDERED_LIST_MARKER_PATTERN = String.raw`\d+|[ivxlcdmIVXLCDM]+|${ORDERED_LIST_ALPHA_MARKER_PATTERN}`
+
+/**
+ * Convert a number to lowercase roman numerals.
+ * @example toRoman(1) // 'i'
+ * @example toRoman(4) // 'iv'
+ */
+export function toRoman(num: number): string {
+  let remaining = num
+  let result = ''
+
+  for (const [value, numeral] of ROMAN_NUMERALS) {
+    while (remaining >= value) {
+      result += numeral
+      remaining -= value
+    }
+  }
+
+  return result
+}
+
+/**
+ * Convert a number to uppercase roman numerals.
+ * @example toRomanUpper(1) // 'I'
+ * @example toRomanUpper(4) // 'IV'
+ */
+export function toRomanUpper(num: number): string {
+  return toRoman(num).toUpperCase()
+}
+
+function fromRoman(roman: string): number {
+  const lower = roman.toLowerCase()
+  let index = 0
+  let result = 0
+
+  while (index < lower.length) {
+    let matched = false
+
+    for (const [value, numeral] of ROMAN_NUMERALS) {
+      if (lower.startsWith(numeral, index)) {
+        result += value
+        index += numeral.length
+        matched = true
+        break
+      }
+    }
+
+    if (!matched) {
+      return 0
+    }
+  }
+
+  return result
+}
+
+function isValidRoman(marker: string): boolean {
+  if (!/^[ivxlcdmIVXLCDM]+$/.test(marker)) {
+    return false
+  }
+
+  const value = fromRoman(marker)
+
+  if (value <= 0) {
+    return false
+  }
+
+  const expected = marker === marker.toLowerCase() ? toRoman(value) : toRomanUpper(value)
+
+  return expected === marker
+}
+
+function fromAlpha(marker: string): number {
+  const lower = marker.toLowerCase()
+
+  if (lower.length === 1) {
+    return lower.charCodeAt(0) - 'a'.charCodeAt(0) + 1
+  }
+
+  if (lower.length === 2) {
+    const first = lower.charCodeAt(0) - 'a'.charCodeAt(0)
+    const second = lower.charCodeAt(1) - 'a'.charCodeAt(0)
+
+    return (first + 1) * 26 + second + 1
+  }
+
+  return 0
+}
+
+function toRomanAlpha(num: number): string {
+  if (num <= 26) {
+    return ALPHA_NUMERALS[num - 1]
+  }
+
+  const first = Math.floor((num - 1) / 26) - 1
+  const second = (num - 1) % 26
+
+  if (first < 0) {
+    return ALPHA_NUMERALS[second]
+  }
+
+  return ALPHA_NUMERALS[first] + ALPHA_NUMERALS[second]
+}
+
+/**
+ * Extract the list marker type from a marker string.
+ * Supports "1", "a", "A", "i", "I" marker styles.
+ *
+ * @param marker The text content of the list marker (e.g. "a", "1", "iii", "b")
+ * @returns The normalized type string, or undefined for default numeric type
+ */
+export function detectMarkerType(marker: string): string | undefined {
+  if (!marker || /^\d+$/.test(marker)) {
+    return undefined
+  }
+
+  if (isValidRoman(marker)) {
+    return marker === marker.toLowerCase() ? 'i' : 'I'
+  }
+
+  if (/^[a-z]{1,2}$/.test(marker)) {
+    return 'a'
+  }
+
+  if (/^[A-Z]{1,2}$/.test(marker)) {
+    return 'A'
+  }
+
+  return undefined
+}
+
+/**
+ * Convert a list marker string to its numeric start position.
+ *
+ * @param marker The text content of the list marker (e.g. "3", "b", "II")
+ * @returns The 1-based start value for the ordered list
+ */
+export function markerToStart(marker: string): number {
+  if (/^\d+$/.test(marker)) {
+    return parseInt(marker, 10)
+  }
+
+  const type = detectMarkerType(marker)
+
+  if (type === 'i' || type === 'I') {
+    return fromRoman(marker)
+  }
+
+  if (type === 'a' || type === 'A') {
+    const start = fromAlpha(marker)
+
+    return start > 0 ? start : 1
+  }
+
+  const parsed = parseInt(marker, 10)
+
+  return Number.isNaN(parsed) ? 1 : parsed
+}
+
+function startToMarker(type: string, start: number): string {
+  if (type === 'numeric') {
+    return String(start)
+  }
+
+  switch (type) {
+    case 'a':
+      return toRomanAlpha(start)
+    case 'A':
+      return toRomanAlpha(start).toUpperCase()
+    case 'i':
+      return toRoman(start)
+    case 'I':
+      return toRomanUpper(start)
+    default:
+      return String(start)
+  }
+}
+
+/**
+ * Returns true when all markers share the same style and increment by 1.
+ * Style is inferred from the first marker so ambiguous letters (e.g. "c", "i")
+ * are not re-classified differently on later lines.
+ */
+export function areOrderedListMarkersSequential(markers: string[]): boolean {
+  if (markers.length === 0) {
+    return false
+  }
+
+  const firstType = detectMarkerType(markers[0]) ?? 'numeric'
+  const firstStart = markerToStart(markers[0])
+
+  if (firstStart < 1) {
+    return false
+  }
+
+  for (let i = 0; i < markers.length; i++) {
+    const expected = startToMarker(firstType, firstStart + i)
+
+    if (markers[i] !== expected) {
+      return false
+    }
+  }
+
+  return true
+}
+
+export interface ParsedListMarker {
+  type?: string
+  start: number
+}
+
+/**
+ * Parse a list marker into HTML ordered-list attrs (type + start).
+ */
+export function parseListMarker(marker: string): ParsedListMarker {
+  return {
+    type: detectMarkerType(marker),
+    start: markerToStart(marker),
+  }
+}
+
+/**
+ * Build orderedList node attrs from the first list item marker.
+ */
+export function buildOrderedListAttrsFromMarker(marker: string): Record<string, string | number> {
+  const { type, start } = parseListMarker(marker)
+  const attrs: Record<string, string | number> = {}
+
+  if (type) {
+    attrs.type = type
+  }
+
+  if (start !== 1) {
+    attrs.start = start
+  }
+
+  return attrs
+}
+
+/**
+ * Returns the list marker prefix for a given item at a given index.
+ *
+ * @param type The list type attribute (e.g. "a", "A", "i", "I", null/undefined for default)
+ * @param index The zero-based index of the list item
+ * @param separator The separator to use (default: ". ")
+ * @returns The marker string (e.g. "a. ", "I. ", "1. ")
+ */
+export function getListMarker(
+  type: string | null | undefined,
+  index: number,
+  separator = '. ',
+): string {
+  const position = index + 1
+
+  if (!type || type === '1') {
+    return `${position}${separator}`
+  }
+
+  switch (type) {
+    case 'a':
+      return `${toRomanAlpha(position)}${separator}`
+    case 'A':
+      return `${toRomanAlpha(position).toUpperCase()}${separator}`
+    case 'i':
+      return `${toRoman(position)}${separator}`
+    case 'I':
+      return `${toRomanUpper(position)}${separator}`
+    default:
+      return `${position}${separator}`
+  }
+}
diff --git a/packages/extension-list/src/ordered-list/utils.test.ts b/packages/extension-list/src/ordered-list/utils.test.ts
new file mode 100644
index 0000000..f018687
--- /dev/null
+++ b/packages/extension-list/src/ordered-list/utils.test.ts
@@ -0,0 +1,105 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { parsePlainTextOrderedListPaste } from './utils.js'
+
+describe('plain-text paste detection', () => {
+  it('detects single-line lowercase alpha paste', () => {
+    const result = parsePlainTextOrderedListPaste('a. Item 1')
+
+    expect(result).not.toBeNull()
+    expect(result!.attrs?.type).toBe('a')
+    expect(result!.attrs?.start).toBeUndefined()
+    expect(result!.content).toHaveLength(1)
+    expect(result!.content![0].content![0].content![0].text).toBe('Item 1')
+  })
+
+  it('detects multi-line lowercase alpha paste', () => {
+    const text = 'a. Item 1\nb. Item 2'
+    const result = parsePlainTextOrderedListPaste(text)
+
+    expect(result).not.toBeNull()
+    expect(result!.attrs?.type).toBe('a')
+    expect(result!.content).toHaveLength(2)
+    expect(result!.content![0].content![0].content![0].text).toBe('Item 1')
+    expect(result!.content![1].content![0].content![0].text).toBe('Item 2')
+  })
+
+  it('sets start when pasting alpha list beginning at b', () => {
+    const result = parsePlainTextOrderedListPaste('b. Item 1\nc. Item 2')
+
+    expect(result!.attrs?.type).toBe('a')
+    expect(result!.attrs?.start).toBe(2)
+  })
+
+  it('sets start when pasting numeric list beginning at 3', () => {
+    const result = parsePlainTextOrderedListPaste('3. Item 1\n4. Item 2')
+
+    expect(result!.attrs?.type).toBeUndefined()
+    expect(result!.attrs?.start).toBe(3)
+  })
+
+  it('sets type and start when pasting roman list beginning at II', () => {
+    const result = parsePlainTextOrderedListPaste('II. Item 1\nIII. Item 2')
+
+    expect(result!.attrs?.type).toBe('I')
+    expect(result!.attrs?.start).toBe(2)
+  })
+
+  it('detects alpha paste with paren separator', () => {
+    const result = parsePlainTextOrderedListPaste('a) Item 1\nb) Item 2')
+
+    expect(result).not.toBeNull()
+    expect(result!.content).toHaveLength(2)
+  })
+
+  it('detects roman numeral paste with dot separator', () => {
+    const result = parsePlainTextOrderedListPaste('i. Item 1\nii. Item 2')
+
+    expect(result).not.toBeNull()
+    expect(result!.content).toHaveLength(2)
+  })
+
+  it('detects roman numeral paste with paren separator', () => {
+    const result = parsePlainTextOrderedListPaste('I) Item 1\nII) Item 2')
+
+    expect(result).not.toBeNull()
+    expect(result!.content).toHaveLength(2)
+  })
+
+  it('detects numeric paste with dot separator', () => {
+    const result = parsePlainTextOrderedListPaste('1. Item 1\n2. Item 2')
+
+    expect(result).not.toBeNull()
+    expect(result!.content).toHaveLength(2)
+  })
+
+  it('does not match plain text without list markers', () => {
+    const result = parsePlainTextOrderedListPaste('Just some text\nAnd more text')
+
+    expect(result).toBeNull()
+  })
+
+  it('does not match mixed content (some lines have markers, some do not)', () => {
+    const result = parsePlainTextOrderedListPaste('a. Item 1\nThis is not a list item')
+
+    expect(result).toBeNull()
+  })
+
+  it('does not match short patterns without content after marker', () => {
+    const result = parsePlainTextOrderedListPaste('a. ')
+
+    expect(result).toBeNull()
+  })
+
+  it('does not match three-letter alpha markers', () => {
+    const result = parsePlainTextOrderedListPaste('abc. Something')
+
+    expect(result).toBeNull()
+  })
+
+  it('does not match non-sequential markers', () => {
+    const result = parsePlainTextOrderedListPaste('a. Item 1\nc. Item 3')
+
+    expect(result).toBeNull()
+  })
+})
diff --git a/packages/extension-list/src/ordered-list/utils.ts b/packages/extension-list/src/ordered-list/utils.ts
new file mode 100644
index 0000000..d0a3b84
--- /dev/null
+++ b/packages/extension-list/src/ordered-list/utils.ts
@@ -0,0 +1,399 @@
+import type {
+  JSONContent,
+  MarkdownLexerConfiguration,
+  MarkdownParseHelpers,
+  MarkdownToken,
+} from '@tiptap/core'
+
+import {
+  areOrderedListMarkersSequential,
+  buildOrderedListAttrsFromMarker,
+  detectMarkerType,
+  markerToStart,
+  ORDERED_LIST_MARKER_PATTERN,
+} from './roman.js'
+
+export { ORDERED_LIST_MARKER_PATTERN }
+
+/**
+ * Matches an ordered list item line with optional leading whitespace.
+ * Captures: (1) indentation spaces, (2) item marker (number, letter, or roman numeral),
+ * (3) separator (. or )), (4) content after marker
+ *
+ * Examples: "1. Item", "  a) Nested item", "    I. Roman item", "iii. Another", "aa. Item 27"
+ */
+export const ORDERED_LIST_ITEM_REGEX = new RegExp(
+  `^(\\s*)(${ORDERED_LIST_MARKER_PATTERN})([.)])\\s+(.*)$`,
+)
+
+/**
+ * Matches any line that starts with whitespace (indented content).
+ * Used to identify continuation content that belongs to a list item.
+ */
+const INDENTED_LINE_REGEX = /^\s/
+
+/**
+ * This are blocks that can interrupt a paragraph, so a line starting with one of
+ * them can never be lazy continuation text of a list item
+ */
+const PARAGRAPH_INTERRUPTERS = {
+  heading: /^#{1,6}(?:\s|$)/,
+  bulletItem: /^[-+*]\s+/,
+  codeFence: /^(?:```|~~~)/,
+  blockMath: /^\$\$/,
+  thematicBreak: /^(?:(?:-[ \t]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})$/,
+}
+
+/**
+ * Represents a parsed ordered list item with indentation information
+ */
+export interface OrderedListItem {
+  indent: number
+  number: number
+  type?: string
+  content: string
+  contentLines: string[]
+  raw: string
+}
+
+function isOrderedListMarkerLine(line: string): boolean {
+  return ORDERED_LIST_ITEM_REGEX.test(line.trimStart())
+}
+
+function isBlockContentLine(line: string): boolean {
+  const trimmedLine = line.trimStart()
+
+  return (
+    PARAGRAPH_INTERRUPTERS.bulletItem.test(trimmedLine) ||
+    isOrderedListMarkerLine(trimmedLine) ||
+    PARAGRAPH_INTERRUPTERS.heading.test(trimmedLine) ||
+    // dash breaks are excluded: "---" directly below paragraph text is a
+    // setext heading underline, not a thematic break
+    (PARAGRAPH_INTERRUPTERS.thematicBreak.test(trimmedLine) && !trimmedLine.startsWith('-')) ||
+    // oxlint-disable-next-line prefer-string-starts-ends-with
+    /^>\s?/.test(trimmedLine) ||
+    PARAGRAPH_INTERRUPTERS.codeFence.test(trimmedLine) ||
+    PARAGRAPH_INTERRUPTERS.blockMath.test(trimmedLine)
+  )
+}
+
+function interruptsLazyContinuation(line: string): boolean {
+  return Object.values(PARAGRAPH_INTERRUPTERS).some(pattern => pattern.test(line))
+}
+
+function splitItemContent(contentLines: string[]): {
+  paragraphLines: string[]
+  blockLines: string[]
+} {
+  const paragraphLines: string[] = []
+  const blockLines: string[] = []
+  let reachedBlockBoundary = false
+
+  contentLines.forEach(line => {
+    if (reachedBlockBoundary) {
+      blockLines.push(line)
+      return
+    }
+
+    if (line.trim() === '') {
+      reachedBlockBoundary = true
+      blockLines.push(line)
+      return
+    }
+
+    if (paragraphLines.length > 0 && isBlockContentLine(line)) {
+      reachedBlockBoundary = true
+      blockLines.push(line)
+      return
+    }
+
+    paragraphLines.push(line)
+  })
+
+  return {
+    paragraphLines,
+    blockLines,
+  }
+}
+
+/**
+ * Collects all ordered list items from lines, parsing them into a flat array
+ * with indentation information. Stops collecting continuation content when
+ * encountering nested list items, allowing them to be processed separately.
+ *
+ * @param lines - Array of source lines to parse
+ * @returns Tuple of [listItems array, number of lines consumed]
+ */
+export function collectOrderedListItems(lines: string[]): [OrderedListItem[], number] {
+  const listItems: OrderedListItem[] = []
+  let currentLineIndex = 0
+  let consumed = 0
+
+  while (currentLineIndex < lines.length) {
+    const line = lines[currentLineIndex]
+    const match = line.match(ORDERED_LIST_ITEM_REGEX)
+
+    if (!match) {
+      break
+    }
+
+    const [, indent, marker, _separator, content] = match
+    const indentLevel = indent.length
+    const number = parseInt(marker, 10)
+
+    const markerType = isNaN(number) ? detectMarkerType(marker) : undefined
+    const itemNumber = isNaN(number) ? markerToStart(marker) : number
+
+    const itemContentLines = [content]
+    let nextLineIndex = currentLineIndex + 1
+    const itemLines = [line]
+    let sawBlankLine = false
+
+    // Collect continuation lines for this item (but NOT nested list items)
+    while (nextLineIndex < lines.length) {
+      const nextLine = lines[nextLineIndex]
+      const nextMatch = nextLine.match(ORDERED_LIST_ITEM_REGEX)
+
+      // If it's another list item (nested or not), stop collecting
+      if (nextMatch) {
+        break
+      }
+
+      // Check for continuation content (non-list content)
+      if (nextLine.trim() === '') {
+        // Empty line
+        itemLines.push(nextLine)
+        itemContentLines.push('')
+        sawBlankLine = true
+        nextLineIndex += 1
+      } else if (nextLine.match(INDENTED_LINE_REGEX)) {
+        // Indented content - part of this item (but not a list item).
+        // Strip the indentation only up to the whitespace that is actually present,
+        // so an under-indented line (e.g. a single leading space) keeps its first character.
+        const leadingWhitespace = nextLine.length - nextLine.trimStart().length
+        const contentIndent = indentLevel + marker.length + 1
+        itemLines.push(nextLine)
+        itemContentLines.push(nextLine.slice(Math.min(leadingWhitespace, contentIndent)))
+        nextLineIndex += 1
+      } else {
+        if (sawBlankLine || interruptsLazyContinuation(nextLine)) {
+          break
+        }
+
+        itemLines.push(nextLine)
+        itemContentLines.push(nextLine)
+        nextLineIndex += 1
+      }
+    }
+
+    listItems.push({
+      indent: indentLevel,
+      number: itemNumber,
+      type: markerType,
+      content: itemContentLines.join('\n').trim(),
+      contentLines: itemContentLines,
+      raw: itemLines.join('\n'),
+    })
+
+    consumed = nextLineIndex
+    currentLineIndex = nextLineIndex
+  }
+
+  return [listItems, consumed]
+}
+
+const PLAIN_TEXT_ORDERED_LIST_LINE_REGEX = new RegExp(
+  `^(${ORDERED_LIST_MARKER_PATTERN})([.)])\\s+(.+)$`,
+)
+
+/**
+ * Parse plain-text pasted ordered list lines into JSONContent, or null if not a typed list.
+ */
+export function parsePlainTextOrderedListPaste(text: string): JSONContent | null {
+  const lines = text.split('\n').filter(l => l.trim().length > 0)
+
+  if (lines.length === 0) {
+    return null
+  }
+
+  const parsedItems: Array<{ marker: string; content: string }> = []
+
+  for (const line of lines) {
+    const match = line.trim().match(PLAIN_TEXT_ORDERED_LIST_LINE_REGEX)
+
+    if (!match) {
+      return null
+    }
+
+    parsedItems.push({
+      marker: match[1],
+      content: match[3],
+    })
+  }
+
+  const markers = parsedItems.map(item => item.marker)
+
+  if (!areOrderedListMarkersSequential(markers)) {
+    return null
+  }
+
+  const attrs = buildOrderedListAttrsFromMarker(parsedItems[0].marker)
+
+  return {
+    type: 'orderedList',
+    attrs,
+    content: parsedItems.map(item => ({
+      type: 'listItem',
+      content: [
+        {
+          type: 'paragraph',
+          content: [{ type: 'text', text: item.content }],
+        },
+      ],
+    })),
+  }
+}
+
+/**
+ * Recursively builds a nested structure from a flat array of list items
+ * based on their indentation levels. Creates proper markdown tokens with
+ * nested lists where appropriate.
+ *
+ * @param items - Flat array of list items with indentation info
+ * @param baseIndent - The indentation level to process at this recursion level
+ * @param lexer - Markdown lexer for parsing inline and block content
+ * @returns Array of list_item tokens with proper nesting
+ */
+export function buildNestedStructure(
+  items: OrderedListItem[],
+  baseIndent: number,
+  lexer: MarkdownLexerConfiguration,
+): unknown[] {
+  const result: unknown[] = []
+  let currentIndex = 0
+
+  while (currentIndex < items.length) {
+    const item = items[currentIndex]
+
+    if (item.indent === baseIndent) {
+      // This item belongs at the current level
+      const { paragraphLines, blockLines } = splitItemContent(item.contentLines)
+      const mainText = paragraphLines.join('\n').trim()
+
+      const tokens = []
+
+      // Always wrap the main text in a paragraph token
+      if (mainText) {
+        tokens.push({
+          type: 'paragraph',
+          raw: mainText,
+          tokens: lexer.inlineTokens(mainText),
+        })
+      }
+
+      const additionalContent = blockLines.join('\n').trim()
+      if (additionalContent) {
+        const blockTokens = lexer.blockTokens(additionalContent)
+        tokens.push(...blockTokens)
+      }
+
+      // Look ahead to find nested items at deeper indent levels
+      let lookAheadIndex = currentIndex + 1
+      const nestedItems = []
+
+      while (lookAheadIndex < items.length && items[lookAheadIndex].indent > baseIndent) {
+        nestedItems.push(items[lookAheadIndex])
+        lookAheadIndex += 1
+      }
+
+      // If we have nested items, recursively build their structure
+      if (nestedItems.length > 0) {
+        // Find the next indent level (immediate children)
+        const nextIndent = Math.min(...nestedItems.map(nestedItem => nestedItem.indent))
+
+        // Build the nested list recursively with all nested items
+        // The recursive call will handle further nesting
+        const nestedListItems = buildNestedStructure(nestedItems, nextIndent, lexer)
+
+        // Create a nested list token
+        tokens.push({
+          type: 'list',
+          ordered: true,
+          start: nestedItems[0].number,
+          typeMarker: nestedItems[0].type,
+          items: nestedListItems,
+          raw: nestedItems.map(nestedItem => nestedItem.raw).join('\n'),
+        })
+      }
+
+      result.push({
+        type: 'list_item',
+        raw: item.raw,
+        tokens,
+      })
+
+      // Skip the nested items we just processed
+      currentIndex = lookAheadIndex
+    } else {
+      // This item has deeper indent than we're currently processing
+      // It should be handled by a recursive call
+      currentIndex += 1
+    }
+  }
+
+  return result
+}
+
+/**
+ * Parses markdown list item tokens into Tiptap JSONContent structure,
+ * ensuring text content is properly wrapped in paragraph nodes.
+ *
+ * @param items - Array of markdown tokens representing list items
+ * @param helpers - Markdown parse helpers for recursive parsing
+ * @returns Array of listItem JSONContent nodes
+ */
+export function parseListItems(
+  items: MarkdownToken[],
+  helpers: MarkdownParseHelpers,
+): JSONContent[] {
+  return items.map(item => {
+    if (item.type !== 'list_item') {
+      return helpers.parseChildren([item])[0]
+    }
+
+    // Parse the tokens within the list item
+    const content: JSONContent[] = []
+
+    if (item.tokens && item.tokens.length > 0) {
+      item.tokens.forEach(itemToken => {
+        // If it's already a proper block node (paragraph, list, etc.), parse it directly
+        if (
+          itemToken.type === 'paragraph' ||
+          itemToken.type === 'list' ||
+          itemToken.type === 'blockquote' ||
+          itemToken.type === 'code'
+        ) {
+          content.push(...helpers.parseChildren([itemToken]))
+        } else if (itemToken.type === 'text' && itemToken.tokens) {
+          // If it's inline text tokens, wrap them in a paragraph
+          const inlineContent = helpers.parseChildren([itemToken])
+          content.push({
+            type: 'paragraph',
+            content: inlineContent,
+          })
+        } else {
+          // For any other content, try to parse it
+          const parsed = helpers.parseChildren([itemToken])
+          if (parsed.length > 0) {
+            content.push(...parsed)
+          }
+        }
+      })
+    }
+
+    return {
+      type: 'listItem',
+      content,
+    }
+  })
+}
diff --git a/packages/extension-list/src/task-item/index.ts b/packages/extension-list/src/task-item/index.ts
new file mode 100644
index 0000000..cc7cd53
--- /dev/null
+++ b/packages/extension-list/src/task-item/index.ts
@@ -0,0 +1 @@
+export * from './task-item.js'
diff --git a/packages/extension-list/src/task-item/task-item.test.ts b/packages/extension-list/src/task-item/task-item.test.ts
new file mode 100644
index 0000000..4dc951f
--- /dev/null
+++ b/packages/extension-list/src/task-item/task-item.test.ts
@@ -0,0 +1,904 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { BulletList, ListItem, OrderedList, TaskItem, TaskList } from '../index.js'
+
+describe('TaskItem', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  describe('accessibility', () => {
+    it('gives the checkbox label to the wrapping label element', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, TaskList, TaskItem],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'taskList',
+              content: [
+                {
+                  type: 'taskItem',
+                  attrs: { checked: false },
+                  content: [
+                    { type: 'paragraph', content: [{ type: 'text', text: 'A list item' }] },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const taskItemElement = editor.view.dom.querySelector('li[data-checked]')
+      const labelElement = taskItemElement?.querySelector('label')
+      const spanElement = taskItemElement?.querySelector('label > span')
+      const checkbox = taskItemElement?.querySelector('input[type="checkbox"]')
+
+      expect(labelElement?.textContent?.trim()).not.toBe('')
+      expect(spanElement?.textContent).toBe('Task item checkbox for A list item')
+      expect(checkbox?.getAttribute('aria-label')).toBe('Task item checkbox for A list item')
+      expect(labelElement?.querySelector('input')).not.toBeNull()
+    })
+
+    it('hides the checkbox label text visually', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, TaskList, TaskItem],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'taskList',
+              content: [
+                {
+                  type: 'taskItem',
+                  attrs: { checked: false },
+                  content: [
+                    { type: 'paragraph', content: [{ type: 'text', text: 'A list item' }] },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const spanElement = editor.view.dom.querySelector('li[data-checked] > label > span')
+
+      expect(spanElement?.style.position).toBe('absolute')
+      expect(spanElement?.style.width).toBe('1px')
+    })
+
+    it('supports a custom checkbox label', () => {
+      editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          TaskList,
+          TaskItem.configure({
+            a11y: {
+              checkboxLabel: (node, checked) => (checked ? 'Done' : 'To do'),
+            },
+          }),
+        ],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'taskList',
+              content: [
+                {
+                  type: 'taskItem',
+                  attrs: { checked: false },
+                  content: [
+                    { type: 'paragraph', content: [{ type: 'text', text: 'A list item' }] },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const spanElement = editor.view.dom.querySelector('li[data-checked] > label > span')
+      const checkbox = editor.view.dom.querySelector('input[type="checkbox"]')
+
+      expect(spanElement?.textContent).toBe('To do')
+      expect(checkbox?.getAttribute('aria-label')).toBe('To do')
+    })
+
+    it('uses the checked state for an initially checked task item', () => {
+      editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          TaskList,
+          TaskItem.configure({
+            a11y: {
+              checkboxLabel: (node, checked) => (checked ? 'Done' : 'To do'),
+            },
+          }),
+        ],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'taskList',
+              content: [
+                {
+                  type: 'taskItem',
+                  attrs: { checked: true },
+                  content: [
+                    { type: 'paragraph', content: [{ type: 'text', text: 'A list item' }] },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const spanElement = editor.view.dom.querySelector('li[data-checked] > label > span')
+      const checkbox = editor.view.dom.querySelector('input[type="checkbox"]')
+
+      expect(spanElement?.textContent).toBe('Done')
+      expect(checkbox?.getAttribute('aria-label')).toBe('Done')
+    })
+
+    it('updates the checkbox label when the node changes', () => {
+      editor = new Editor({
+        extensions: [
+          Document,
+          Paragraph,
+          Text,
+          TaskList,
+          TaskItem.configure({
+            a11y: {
+              checkboxLabel: (node, checked) => (checked ? 'Done' : 'To do'),
+            },
+          }),
+        ],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'taskList',
+              content: [
+                {
+                  type: 'taskItem',
+                  attrs: { checked: false },
+                  content: [
+                    { type: 'paragraph', content: [{ type: 'text', text: 'A list item' }] },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const spanElement = editor.view.dom.querySelector('li[data-checked] > label > span')
+
+      expect(spanElement?.textContent).toBe('To do')
+
+      editor.chain().setTextSelection(4).updateAttributes('taskItem', { checked: true }).run()
+
+      expect(spanElement?.textContent).toBe('Done')
+    })
+
+    it('uses a fallback label for empty task items', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, TaskList, TaskItem],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'taskList',
+              content: [
+                {
+                  type: 'taskItem',
+                  attrs: { checked: false },
+                  content: [{ type: 'paragraph' }],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const spanElement = editor.view.dom.querySelector('li[data-checked] > label > span')
+
+      expect(spanElement?.textContent).toBe('Task item checkbox for empty task item')
+    })
+
+    it('does not parse the checkbox label as task item content', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, TaskList, TaskItem],
+        content: `
+          <ul data-type="taskList">
+            <li data-checked="true" data-type="taskItem">
+              <label><input type="checkbox"><span>Task item checkbox for A list item</span></label>
+              <div><p>A list item</p></div>
+            </li>
+          </ul>
+        `,
+      })
+
+      expect(editor.getText()).toContain('A list item')
+      expect(editor.getText()).not.toContain('Task item checkbox')
+    })
+
+    it('still parses task items without a content wrapper', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, TaskList, TaskItem],
+        content: `
+          <ul data-type="taskList">
+            <li data-type="taskItem"><p>A list item</p></li>
+          </ul>
+        `,
+      })
+
+      expect(editor.getText()).toContain('A list item')
+      expect(editor.getText()).not.toContain('Task item checkbox')
+    })
+  })
+
+  it('preserves custom HTML attributes on node update', () => {
+    // Extend TaskItem with a custom attribute
+    const CustomTaskItem = TaskItem.extend({
+      addAttributes() {
+        return {
+          ...this.parent?.(),
+          uid: {
+            default: null,
+            parseHTML: element => element.getAttribute('data-uid'),
+            renderHTML: attributes => {
+              if (!attributes.uid) {
+                return {}
+              }
+              return { 'data-uid': attributes.uid }
+            },
+          },
+        }
+      },
+    })
+
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, TaskList, CustomTaskItem],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'taskList',
+            content: [
+              {
+                type: 'taskItem',
+                attrs: { checked: false, uid: 'test-uid-123' },
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Test task' }] }],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    // Verify the initial attribute is present - use data-checked selector as node view sets this
+    const taskItemElement = editor.view.dom.querySelector('li[data-checked]')
+
+    expect(taskItemElement).not.toBeNull()
+    expect(taskItemElement?.getAttribute('data-uid')).toBe('test-uid-123')
+    expect(taskItemElement?.getAttribute('data-checked')).toBe('false')
+
+    // Update the task item (toggle checked status)
+    // Position cursor inside the task item first
+    editor.chain().setTextSelection(4).updateAttributes('taskItem', { checked: true }).run()
+
+    // Verify the custom attribute is still present after update
+    const updatedTaskItemElement = editor.view.dom.querySelector('li[data-checked]')
+
+    expect(updatedTaskItemElement).not.toBeNull()
+    expect(updatedTaskItemElement?.getAttribute('data-uid')).toBe('test-uid-123')
+    expect(updatedTaskItemElement?.getAttribute('data-checked')).toBe('true')
+  })
+
+  it('removes attributes when set to null', () => {
+    const CustomTaskItem = TaskItem.extend({
+      addAttributes() {
+        return {
+          ...this.parent?.(),
+          uid: {
+            default: null,
+            parseHTML: element => element.getAttribute('data-uid'),
+            renderHTML: attributes => {
+              if (!attributes.uid) {
+                return {}
+              }
+              return { 'data-uid': attributes.uid }
+            },
+          },
+        }
+      },
+    })
+
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, TaskList, CustomTaskItem],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'taskList',
+            content: [
+              {
+                type: 'taskItem',
+                attrs: { checked: false, uid: 'test-uid-456' },
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Test task' }] }],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    // Verify the initial attribute is present
+    const taskItemElement = editor.view.dom.querySelector('li[data-checked]')
+
+    expect(taskItemElement?.getAttribute('data-uid')).toBe('test-uid-456')
+
+    // Remove the uid attribute
+    editor.chain().setTextSelection(4).updateAttributes('taskItem', { uid: null }).run()
+
+    // Verify the attribute is removed (empty string or not present depends on renderHTML returning {})
+    const updatedTaskItemElement = editor.view.dom.querySelector('li[data-checked]')
+
+    expect(updatedTaskItemElement?.getAttribute('data-uid')).toBeNull()
+  })
+
+  it('updates multiple custom attributes simultaneously', () => {
+    const CustomTaskItem = TaskItem.extend({
+      addAttributes() {
+        return {
+          ...this.parent?.(),
+          uid: {
+            default: null,
+            parseHTML: element => element.getAttribute('data-uid'),
+            renderHTML: attributes => {
+              if (!attributes.uid) {
+                return {}
+              }
+              return { 'data-uid': attributes.uid }
+            },
+          },
+          priority: {
+            default: null,
+            parseHTML: element => element.getAttribute('data-priority'),
+            renderHTML: attributes => {
+              if (!attributes.priority) {
+                return {}
+              }
+              return { 'data-priority': attributes.priority }
+            },
+          },
+        }
+      },
+    })
+
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, TaskList, CustomTaskItem],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'taskList',
+            content: [
+              {
+                type: 'taskItem',
+                attrs: { checked: false, uid: 'task-1', priority: 'high' },
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Test task' }] }],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    const taskItemElement = editor.view.dom.querySelector('li[data-checked]')
+
+    expect(taskItemElement?.getAttribute('data-uid')).toBe('task-1')
+    expect(taskItemElement?.getAttribute('data-priority')).toBe('high')
+
+    // Update all attributes
+    editor
+      .chain()
+      .setTextSelection(4)
+      .updateAttributes('taskItem', {
+        checked: true,
+        uid: 'task-updated',
+        priority: 'low',
+      })
+      .run()
+
+    const updatedTaskItemElement = editor.view.dom.querySelector('li[data-checked]')
+
+    expect(updatedTaskItemElement?.getAttribute('data-checked')).toBe('true')
+    expect(updatedTaskItemElement?.getAttribute('data-uid')).toBe('task-updated')
+    expect(updatedTaskItemElement?.getAttribute('data-priority')).toBe('low')
+  })
+
+  it('preserves HTMLAttributes from configure() options during updates', () => {
+    // Configure TaskItem with static HTMLAttributes
+    const ConfiguredTaskItem = TaskItem.configure({
+      HTMLAttributes: {
+        class: 'custom-task-item',
+        'data-static': 'static-value',
+      },
+    })
+
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, TaskList, ConfiguredTaskItem],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'taskList',
+            content: [
+              {
+                type: 'taskItem',
+                attrs: { checked: false },
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Test task' }] }],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    // Verify the static attributes are present initially
+    const taskItemElement = editor.view.dom.querySelector('li[data-checked]')
+
+    expect(taskItemElement?.getAttribute('class')).toBe('custom-task-item')
+    expect(taskItemElement?.getAttribute('data-static')).toBe('static-value')
+    expect(taskItemElement?.getAttribute('data-checked')).toBe('false')
+
+    // Update the task item
+    editor.chain().setTextSelection(4).updateAttributes('taskItem', { checked: true }).run()
+
+    // Verify static attributes are still present after update
+    const updatedTaskItemElement = editor.view.dom.querySelector('li[data-checked]')
+
+    expect(updatedTaskItemElement?.getAttribute('class')).toBe('custom-task-item')
+    expect(updatedTaskItemElement?.getAttribute('data-static')).toBe('static-value')
+    expect(updatedTaskItemElement?.getAttribute('data-checked')).toBe('true')
+  })
+
+  it('restores static HTMLAttributes when dynamic attribute with same key is removed', () => {
+    // Configure TaskItem with a static attribute that will be overridden by dynamic attribute
+    const ConfiguredTaskItem = TaskItem.extend({
+      addAttributes() {
+        return {
+          ...this.parent?.(),
+          customClass: {
+            default: null,
+            renderHTML: attributes => {
+              if (!attributes.customClass) {
+                return {}
+              }
+              return { class: attributes.customClass }
+            },
+          },
+        }
+      },
+    }).configure({
+      HTMLAttributes: {
+        class: 'static-class',
+      },
+    })
+
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, TaskList, ConfiguredTaskItem],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'taskList',
+            content: [
+              {
+                type: 'taskItem',
+                attrs: { checked: false, customClass: 'dynamic-class' },
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Test task' }] }],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    // Dynamic class should override static class initially
+    const taskItemElement = editor.view.dom.querySelector('li[data-checked]')
+
+    expect(taskItemElement?.getAttribute('class')).toBe('dynamic-class')
+
+    // Remove the dynamic class attribute
+    editor.chain().setTextSelection(4).updateAttributes('taskItem', { customClass: null }).run()
+
+    // Static class should be restored
+    const updatedTaskItemElement = editor.view.dom.querySelector('li[data-checked]')
+
+    expect(updatedTaskItemElement?.getAttribute('class')).toBe('static-class')
+  })
+
+  it('toggles off an ordered list when the whole document is selected', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, ListItem, OrderedList, BulletList],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'orderedList',
+            content: [
+              {
+                type: 'listItem',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Test item' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    editor.commands.selectAll()
+    expect(editor.state.selection.from).toBe(0)
+    expect(editor.state.selection.to).toBe(editor.state.doc.content.size)
+    editor.commands.toggleOrderedList()
+
+    expect(editor.getJSON()).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [{ type: 'text', text: 'Test item' }],
+        },
+      ],
+    })
+  })
+
+  it('toggles off a bullet list when the whole document is selected', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, ListItem, OrderedList, BulletList],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'bulletList',
+            content: [
+              {
+                type: 'listItem',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Test item' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    editor.commands.selectAll()
+    expect(editor.state.selection.from).toBe(0)
+    expect(editor.state.selection.to).toBe(editor.state.doc.content.size)
+    editor.commands.toggleBulletList()
+
+    expect(editor.getJSON()).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [{ type: 'text', text: 'Test item' }],
+        },
+      ],
+    })
+  })
+
+  it('converts a bullet list to an ordered list when the whole document is selected', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, ListItem, OrderedList, BulletList],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'bulletList',
+            content: [
+              {
+                type: 'listItem',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Test item' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    editor.commands.selectAll()
+    expect(editor.state.selection.from).toBe(0)
+    expect(editor.state.selection.to).toBe(editor.state.doc.content.size)
+    editor.commands.toggleOrderedList()
+
+    expect(editor.getJSON()).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          attrs: {
+            start: 1,
+            type: null,
+          },
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [{ type: 'text', text: 'Test item' }],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    })
+  })
+  it('reports ordered list toggle as available when the whole ordered list document is selected', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, ListItem, OrderedList, BulletList],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'orderedList',
+            attrs: {
+              start: 1,
+              type: null,
+            },
+            content: [
+              {
+                type: 'listItem',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Test item' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    editor.commands.selectAll()
+
+    expect(editor.can().toggleOrderedList()).toBe(true)
+  })
+  it('reports bullet list toggle as available when the whole bullet list document is selected', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, ListItem, OrderedList, BulletList],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'bulletList',
+            content: [
+              {
+                type: 'listItem',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Test item' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    editor.commands.selectAll()
+
+    expect(editor.can().toggleBulletList()).toBe(true)
+  })
+  it('reports ordered list toggle as available when the whole bullet list document is selected', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, ListItem, OrderedList, BulletList],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'bulletList',
+            content: [
+              {
+                type: 'listItem',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Test item' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    editor.commands.selectAll()
+
+    expect(editor.can().toggleOrderedList()).toBe(true)
+  })
+
+  it('reports bullet list toggle as available when the whole ordered list document is selected', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, ListItem, OrderedList, BulletList],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'orderedList',
+            content: [
+              {
+                type: 'listItem',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Test item' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    editor.commands.selectAll()
+
+    expect(editor.can().toggleBulletList()).toBe(true)
+  })
+
+  it('preserves text selection after toggling off an ordered list with AllSelection', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, ListItem, OrderedList, BulletList],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'orderedList',
+            content: [
+              {
+                type: 'listItem',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Test item' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    editor.commands.selectAll()
+    expect(editor.state.selection.from).toBe(0)
+    expect(editor.state.selection.to).toBe(editor.state.doc.content.size)
+
+    editor.commands.toggleOrderedList()
+
+    const { from, to } = editor.state.selection
+
+    expect(from).toBe(1)
+    expect(to).toBe(10)
+  })
+
+  it('preserves text selection after toggling off a bullet list with AllSelection', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, ListItem, OrderedList, BulletList],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'bulletList',
+            content: [
+              {
+                type: 'listItem',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Test item' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    editor.commands.selectAll()
+    expect(editor.state.selection.from).toBe(0)
+    expect(editor.state.selection.to).toBe(editor.state.doc.content.size)
+
+    editor.commands.toggleBulletList()
+
+    const { from, to } = editor.state.selection
+
+    expect(from).toBe(1)
+    expect(to).toBe(10)
+  })
+
+  it('preserves text selection after toggling off a multi-item ordered list with AllSelection', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, ListItem, OrderedList, BulletList],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'orderedList',
+            content: [
+              {
+                type: 'listItem',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'First' }],
+                  },
+                ],
+              },
+              {
+                type: 'listItem',
+                content: [
+                  {
+                    type: 'paragraph',
+                    content: [{ type: 'text', text: 'Second' }],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    editor.commands.selectAll()
+    expect(editor.state.selection.from).toBe(0)
+    expect(editor.state.selection.to).toBe(editor.state.doc.content.size)
+
+    editor.commands.toggleOrderedList()
+
+    const { from, to } = editor.state.selection
+
+    expect(from).toBe(1)
+    expect(to).toBe(14)
+  })
+})
diff --git a/packages/extension-list/src/task-item/task-item.ts b/packages/extension-list/src/task-item/task-item.ts
new file mode 100644
index 0000000..6df1c53
--- /dev/null
+++ b/packages/extension-list/src/task-item/task-item.ts
@@ -0,0 +1,359 @@
+import type { KeyboardShortcutCommand } from '@tiptap/core'
+import {
+  getRenderedAttributes,
+  mergeAttributes,
+  Node,
+  renderNestedMarkdownContent,
+  wrappingInputRule,
+} from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+import { createBranchingListDeleteKeymap } from '../helpers/createBranchingListDeleteKeymap.js'
+
+export interface TaskItemOptions {
+  /**
+   * A callback function that is called when the checkbox is clicked while the editor is in readonly mode.
+   * @param node The prosemirror node of the task item
+   * @param checked The new checked state
+   * @returns boolean
+   */
+  onReadOnlyChecked?: (node: PMNode, checked: boolean) => boolean
+
+  /**
+   * Controls whether the task items can be nested or not.
+   * @default false
+   * @example true
+   */
+  nested: boolean
+
+  /**
+   * HTML attributes to add to the task item element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+
+  /**
+   * The node type for taskList nodes
+   * @default 'taskList'
+   * @example 'myCustomTaskList'
+   */
+  taskListTypeName: string
+
+  /**
+   * Accessibility options for the task item.
+   * @default {}
+   * @example
+   * ```js
+   * {
+   *   checkboxLabel: (node) => `Task item: ${node.textContent || 'empty task item'}`
+   * }
+   */
+  a11y?: {
+    /**
+     * The accessible label for the checkbox. Used as the aria-label on the input and as the
+     * (visually hidden) text of the wrapping label element.
+     * @param node The prosemirror node of the task item
+     * @param checked The new checked state
+     * @returns The accessible label for the checkbox
+     * @example
+     * ```js
+     * TaskItem.configure({
+     *   a11y: {
+     *     checkboxLabel: node => `Task item: ${node.textContent || 'empty task item'}`,
+     *   },
+     * })
+     * ```
+     */
+    checkboxLabel?: (node: PMNode, checked: boolean) => string
+  }
+}
+
+/**
+ * Matches a task item to a - [ ] on input.
+ */
+export const inputRegex = /^\s*(\[([( |x])?\])\s$/
+
+/**
+ * Hides the checkbox label visually while keeping it in the accessibility tree.
+ */
+const visuallyHiddenStyle =
+  'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0'
+
+const getCheckboxLabel = (node: PMNode, checked: boolean, a11y: TaskItemOptions['a11y']) =>
+  a11y?.checkboxLabel?.(node, checked) ||
+  `Task item checkbox for ${node.textContent || 'empty task item'}`
+
+/**
+ * This extension allows you to create task items.
+ * @see https://www.tiptap.dev/api/nodes/task-item
+ */
+export const TaskItem = Node.create<TaskItemOptions>({
+  name: 'taskItem',
+
+  addOptions() {
+    return {
+      nested: false,
+      HTMLAttributes: {},
+      taskListTypeName: 'taskList',
+      a11y: undefined,
+    }
+  },
+
+  content() {
+    return this.options.nested ? 'paragraph block*' : 'paragraph+'
+  },
+
+  defining: true,
+
+  addAttributes() {
+    return {
+      checked: {
+        default: false,
+        keepOnSplit: false,
+        parseHTML: element => {
+          const dataChecked = element.getAttribute('data-checked')
+
+          return dataChecked === '' || dataChecked === 'true'
+        },
+        renderHTML: attributes => ({
+          'data-checked': attributes.checked,
+        }),
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: `li[data-type="${this.name}"]`,
+        priority: 51,
+        contentElement: element => element.querySelector('div') ?? element,
+      },
+    ]
+  },
+
+  renderHTML({ node, HTMLAttributes }) {
+    return [
+      'li',
+      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+        'data-type': this.name,
+      }),
+      [
+        'label',
+        [
+          'input',
+          {
+            type: 'checkbox',
+            checked: node.attrs.checked ? 'checked' : null,
+          },
+        ],
+        ['span'],
+      ],
+      ['div', 0],
+    ]
+  },
+
+  parseMarkdown: (token, h) => {
+    // Parse the task item's text content into paragraph content
+    const content = []
+
+    // First, add the main paragraph content
+    if (token.tokens && token.tokens.length > 0) {
+      // If we have tokens, create a paragraph with the inline content
+      content.push(h.createNode('paragraph', {}, h.parseInline(token.tokens)))
+    } else if (token.text) {
+      // If we have raw text, create a paragraph with text node
+      content.push(h.createNode('paragraph', {}, [h.createNode('text', { text: token.text })]))
+    } else {
+      // Fallback: empty paragraph
+      content.push(h.createNode('paragraph', {}, []))
+    }
+
+    // Then, add any nested content (like nested task lists)
+    if (token.nestedTokens && token.nestedTokens.length > 0) {
+      const nestedContent = h.parseChildren(token.nestedTokens)
+      content.push(...nestedContent)
+    }
+
+    return h.createNode('taskItem', { checked: token.checked || false }, content)
+  },
+
+  renderMarkdown: (node, h) => {
+    const checkedChar = node.attrs?.checked ? 'x' : ' '
+    const prefix = `- [${checkedChar}] `
+
+    return renderNestedMarkdownContent(node, h, prefix)
+  },
+
+  addExtensions() {
+    if (!this.options.nested) {
+      return []
+    }
+
+    return [createBranchingListDeleteKeymap(this.name, [this.options.taskListTypeName])]
+  },
+
+  addKeyboardShortcuts() {
+    const shortcuts: {
+      [key: string]: KeyboardShortcutCommand
+    } = {
+      Enter: () => this.editor.commands.splitListItem(this.name),
+      'Shift-Tab': () => this.editor.commands.liftListItem(this.name),
+    }
+
+    if (!this.options.nested) {
+      return shortcuts
+    }
+
+    return {
+      ...shortcuts,
+      Tab: () => this.editor.commands.sinkListItem(this.name),
+    }
+  },
+
+  addNodeView() {
+    return ({ node, HTMLAttributes, getPos, editor }) => {
+      const listItem = document.createElement('li')
+      const checkboxWrapper = document.createElement('label')
+      const checkboxStyler = document.createElement('span')
+      const checkbox = document.createElement('input')
+      const content = document.createElement('div')
+
+      checkboxStyler.style.cssText = visuallyHiddenStyle
+
+      const updateA11Y = (currentNode: PMNode) => {
+        const label = getCheckboxLabel(currentNode, currentNode.attrs.checked, this.options.a11y)
+
+        checkbox.setAttribute('aria-label', label)
+        checkboxStyler.textContent = label
+      }
+
+      updateA11Y(node)
+
+      checkboxWrapper.contentEditable = 'false'
+      checkbox.type = 'checkbox'
+      checkbox.addEventListener('mousedown', event => event.preventDefault())
+      checkbox.addEventListener('change', event => {
+        // if the editor isn’t editable and we don't have a handler for
+        // readonly checks we have to undo the latest change
+        if (!editor.isEditable && !this.options.onReadOnlyChecked) {
+          checkbox.checked = !checkbox.checked
+
+          return
+        }
+
+        const { checked } = event.target as any
+
+        if (editor.isEditable && typeof getPos === 'function') {
+          editor
+            .chain()
+            .focus(undefined, { scrollIntoView: false })
+            .command(({ tr }) => {
+              const position = getPos()
+
+              if (typeof position !== 'number') {
+                return false
+              }
+              const currentNode = tr.doc.nodeAt(position)
+
+              tr.setNodeMarkup(position, undefined, {
+                ...currentNode?.attrs,
+                checked,
+              })
+
+              return true
+            })
+            .run()
+        }
+        if (!editor.isEditable && this.options.onReadOnlyChecked) {
+          // Reset state if onReadOnlyChecked returns false
+          if (!this.options.onReadOnlyChecked(node, checked)) {
+            checkbox.checked = !checkbox.checked
+          }
+        }
+      })
+
+      Object.entries(this.options.HTMLAttributes).forEach(([key, value]) => {
+        listItem.setAttribute(key, value)
+      })
+
+      listItem.dataset.checked = node.attrs.checked
+      checkbox.checked = node.attrs.checked
+
+      checkboxWrapper.append(checkbox, checkboxStyler)
+      listItem.append(checkboxWrapper, content)
+
+      Object.entries(HTMLAttributes).forEach(([key, value]) => {
+        listItem.setAttribute(key, value)
+      })
+
+      // Track the keys of previously rendered HTML attributes for proper removal
+      let prevRenderedAttributeKeys = new Set(Object.keys(HTMLAttributes))
+
+      return {
+        dom: listItem,
+        contentDOM: content,
+        update: updatedNode => {
+          if (updatedNode.type !== this.type) {
+            return false
+          }
+
+          listItem.dataset.checked = updatedNode.attrs.checked
+          checkbox.checked = updatedNode.attrs.checked
+          updateA11Y(updatedNode)
+
+          // Sync all HTML attributes from the updated node
+          const extensionAttributes = editor.extensionManager.attributes
+          const newHTMLAttributes = getRenderedAttributes(updatedNode, extensionAttributes)
+          const newKeys = new Set(Object.keys(newHTMLAttributes))
+
+          // Remove attributes that were previously rendered but are no longer present
+          // If the attribute exists in static options, restore it instead of removing
+          const staticAttrs = this.options.HTMLAttributes
+
+          prevRenderedAttributeKeys.forEach(key => {
+            if (!newKeys.has(key)) {
+              if (key in staticAttrs) {
+                listItem.setAttribute(key, staticAttrs[key])
+              } else {
+                listItem.removeAttribute(key)
+              }
+            }
+          })
+
+          // Update or add new attributes
+          Object.entries(newHTMLAttributes).forEach(([key, value]) => {
+            if (value === null || value === undefined) {
+              // If the attribute exists in static options, restore it instead of removing
+              if (key in staticAttrs) {
+                listItem.setAttribute(key, staticAttrs[key])
+              } else {
+                listItem.removeAttribute(key)
+              }
+            } else {
+              listItem.setAttribute(key, value)
+            }
+          })
+
+          // Update the tracked keys for next update
+          prevRenderedAttributeKeys = newKeys
+
+          return true
+        },
+      }
+    }
+  },
+
+  addInputRules() {
+    return [
+      wrappingInputRule({
+        find: inputRegex,
+        type: this.type,
+        getAttributes: match => ({
+          checked: match[match.length - 1] === 'x',
+        }),
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-list/src/task-list/index.ts b/packages/extension-list/src/task-list/index.ts
new file mode 100644
index 0000000..b40527e
--- /dev/null
+++ b/packages/extension-list/src/task-list/index.ts
@@ -0,0 +1 @@
+export * from './task-list.js'
diff --git a/packages/extension-list/src/task-list/task-list.ts b/packages/extension-list/src/task-list/task-list.ts
new file mode 100644
index 0000000..22302cc
--- /dev/null
+++ b/packages/extension-list/src/task-list/task-list.ts
@@ -0,0 +1,194 @@
+import { mergeAttributes, Node, parseIndentedBlocks } from '@tiptap/core'
+
+export interface TaskListOptions {
+  /**
+   * The node type name for a task item.
+   * @default 'taskItem'
+   * @example 'myCustomTaskItem'
+   */
+  itemTypeName: string
+
+  /**
+   * The HTML attributes for a task list node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    taskList: {
+      /**
+       * Toggle a task list
+       * @example editor.commands.toggleTaskList()
+       */
+      toggleTaskList: () => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension allows you to create task lists.
+ * @see https://www.tiptap.dev/api/nodes/task-list
+ */
+export const TaskList = Node.create<TaskListOptions>({
+  name: 'taskList',
+
+  addOptions() {
+    return {
+      itemTypeName: 'taskItem',
+      HTMLAttributes: {},
+    }
+  },
+
+  group: 'block list',
+
+  content() {
+    return `${this.options.itemTypeName}+`
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: `ul[data-type="${this.name}"]`,
+        priority: 51,
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      'ul',
+      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { 'data-type': this.name }),
+      0,
+    ]
+  },
+
+  parseMarkdown: (token, h) => {
+    return h.createNode('taskList', {}, h.parseChildren(token.items || []))
+  },
+
+  renderMarkdown: (node, h) => {
+    if (!node.content) {
+      return ''
+    }
+
+    return h.renderChildren(node.content, '\n')
+  },
+
+  markdownTokenizer: {
+    name: 'taskList',
+    level: 'block',
+    start(src) {
+      // Look for the start of a task list item
+      const index = src.match(/^\s*[-+*]\s+\[([ xX])\]\s+/)?.index
+      return index !== undefined ? index : -1
+    },
+    tokenize(src, tokens, lexer) {
+      // Helper function to recursively parse task lists
+      const parseTaskListContent = (content: string): any[] | undefined => {
+        const nestedResult = parseIndentedBlocks(
+          content,
+          {
+            itemPattern: /^(\s*)([-+*])\s+\[([ xX])\]\s+(.*)$/,
+            extractItemData: match => ({
+              indentLevel: match[1].length,
+              mainContent: match[4],
+              checked: match[3].toLowerCase() === 'x',
+            }),
+            createToken: (data, nestedTokens) => ({
+              type: 'taskItem',
+              raw: '',
+              mainContent: data.mainContent,
+              indentLevel: data.indentLevel,
+              checked: data.checked,
+              text: data.mainContent,
+              tokens: lexer.inlineTokens(data.mainContent),
+              nestedTokens,
+            }),
+            // Allow recursive nesting
+            customNestedParser: parseTaskListContent,
+          },
+          lexer,
+        )
+
+        if (nestedResult) {
+          const taskListToken = {
+            type: 'taskList',
+            raw: nestedResult.raw,
+            items: nestedResult.items,
+          }
+
+          // parseIndentedBlocks only consumes checkbox items.
+          // Parse any remaining indented content, such as plain bullets,
+          // and keep it as sibling tokens.
+          const remainder = content.slice(nestedResult.raw.length)
+          if (remainder.trim()) {
+            return [taskListToken, ...lexer.blockTokens(remainder)]
+          }
+
+          return [taskListToken]
+        }
+
+        // Fall back to regular markdown parsing if not a task list
+        return lexer.blockTokens(content)
+      }
+
+      const result = parseIndentedBlocks(
+        src,
+        {
+          itemPattern: /^(\s*)([-+*])\s+\[([ xX])\]\s+(.*)$/,
+          extractItemData: match => ({
+            indentLevel: match[1].length,
+            mainContent: match[4],
+            checked: match[3].toLowerCase() === 'x',
+          }),
+          createToken: (data, nestedTokens) => ({
+            type: 'taskItem',
+            raw: '',
+            mainContent: data.mainContent,
+            indentLevel: data.indentLevel,
+            checked: data.checked,
+            text: data.mainContent,
+            tokens: lexer.inlineTokens(data.mainContent),
+            nestedTokens,
+          }),
+          // Use the recursive parser for nested content
+          customNestedParser: parseTaskListContent,
+        },
+        lexer,
+      )
+
+      if (!result) {
+        return undefined
+      }
+
+      return {
+        type: 'taskList',
+        raw: result.raw,
+        items: result.items,
+      }
+    },
+  },
+
+  markdownOptions: {
+    indentsContent: true,
+  },
+
+  addCommands() {
+    return {
+      toggleTaskList:
+        () =>
+        ({ commands }) => {
+          return commands.toggleList(this.name, this.options.itemTypeName)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-Shift-9': () => this.editor.commands.toggleTaskList(),
+    }
+  },
+})
diff --git a/packages/extension-list/tests/integration/listItemDelete.test.ts b/packages/extension-list/tests/integration/listItemDelete.test.ts
new file mode 100644
index 0000000..420cd46
--- /dev/null
+++ b/packages/extension-list/tests/integration/listItemDelete.test.ts
@@ -0,0 +1,230 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { NodeSelection } from '@tiptap/pm/state'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { BulletList, ListItem } from '../../src/index.js'
+import { hasBranchingNestedListAfterCursor } from '../../src/helpers/hasBranchingNestedListAfterCursor.js'
+import { hoistBranchingNestedList } from '../../src/helpers/hoistBranchingNestedList.js'
+
+const shallowNestedListContent = {
+  type: 'doc',
+  content: [
+    {
+      type: 'bulletList',
+      content: [
+        {
+          type: 'listItem',
+          content: [
+            { type: 'paragraph', content: [{ type: 'text', text: 'Outer' }] },
+            {
+              type: 'bulletList',
+              content: [
+                {
+                  type: 'listItem',
+                  content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Inner' }] }],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
+
+const branchingNestedListContent = {
+  type: 'doc',
+  content: [
+    {
+      type: 'bulletList',
+      content: [
+        {
+          type: 'listItem',
+          content: [
+            { type: 'paragraph', content: [{ type: 'text', text: 'Item 1' }] },
+            {
+              type: 'bulletList',
+              content: [
+                {
+                  type: 'listItem',
+                  content: [
+                    { type: 'paragraph', content: [{ type: 'text', text: 'Item 1.1' }] },
+                    {
+                      type: 'bulletList',
+                      content: [
+                        {
+                          type: 'listItem',
+                          content: [
+                            {
+                              type: 'paragraph',
+                              content: [{ type: 'text', text: 'Item 1.1.1' }],
+                            },
+                          ],
+                        },
+                        {
+                          type: 'listItem',
+                          content: [
+                            {
+                              type: 'paragraph',
+                              content: [{ type: 'text', text: 'Item 1.1.2' }],
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+                {
+                  type: 'listItem',
+                  content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item 1.2' }] }],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'listItem',
+          content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item 2' }] }],
+        },
+      ],
+    },
+  ],
+}
+
+const wrapperNames = ['bulletList', 'orderedList']
+
+function findTextPosition(editor: Editor, text: string) {
+  let position: number | null = null
+
+  editor.state.doc.descendants((node, pos) => {
+    if (position !== null) {
+      return false
+    }
+
+    if (node.isText && node.text === text) {
+      position = pos + node.text.length
+    }
+  })
+
+  if (position === null) {
+    throw new Error(`Could not find text position for "${text}"`)
+  }
+
+  return position
+}
+
+function dispatchDelete(editor: Editor) {
+  return editor.view.someProp('handleKeyDown', f =>
+    f(
+      editor.view,
+      new KeyboardEvent('keydown', { key: 'Delete', bubbles: true, cancelable: true }),
+    ),
+  )
+}
+
+describe('ListItem Delete with nested lists', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('hoists branching nested list via command', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BulletList, ListItem],
+      content: branchingNestedListContent,
+    })
+
+    editor.commands.setTextSelection(findTextPosition(editor, 'Item 1'))
+
+    const handled = hoistBranchingNestedList(
+      editor.state,
+      editor.view.dispatch,
+      'listItem',
+      wrapperNames,
+    )
+
+    expect(handled).toBe(true)
+    expect(editor.getJSON().content?.[0]?.content).toHaveLength(4)
+  })
+
+  it('does not treat shallow nested lists as branching', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BulletList, ListItem],
+      content: shallowNestedListContent,
+    })
+
+    editor.commands.setTextSelection(findTextPosition(editor, 'Outer'))
+
+    expect(hasBranchingNestedListAfterCursor(editor.state, 'listItem', wrapperNames)).toBe(false)
+    expect(hoistBranchingNestedList(editor.state, undefined, 'listItem', wrapperNames)).toBe(false)
+  })
+
+  it('hoists branching nested list items on Delete without node selection', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BulletList, ListItem],
+      content: branchingNestedListContent,
+    })
+
+    editor.commands.setTextSelection(findTextPosition(editor, 'Item 1'))
+
+    expect(dispatchDelete(editor)).toBe(true)
+    expect(editor.state.selection).not.toBeInstanceOf(NodeSelection)
+
+    const topList = editor.getJSON().content?.[0]
+
+    expect(topList?.type).toBe('bulletList')
+    expect(topList?.content).toHaveLength(4)
+
+    const item1 = topList?.content?.[0]
+
+    expect(item1?.type).toBe('listItem')
+    expect(item1?.content).toHaveLength(1)
+    expect(item1?.content?.[0]?.type).toBe('paragraph')
+
+    expect(topList?.content?.[1]?.content?.[0]?.content?.[0]?.text).toBe('Item 1.1')
+    expect(topList?.content?.[2]?.content?.[0]?.content?.[0]?.text).toBe('Item 1.2')
+    expect(topList?.content?.[3]?.content?.[0]?.content?.[0]?.text).toBe('Item 2')
+  })
+
+  it('does not create node selection on a second Delete after hoisting', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BulletList, ListItem],
+      content: branchingNestedListContent,
+    })
+
+    editor.commands.setTextSelection(findTextPosition(editor, 'Item 1'))
+
+    dispatchDelete(editor)
+    dispatchDelete(editor)
+
+    expect(editor.state.selection).not.toBeInstanceOf(NodeSelection)
+
+    const docText = JSON.stringify(editor.getJSON())
+
+    expect(docText).toContain('Item 1.1')
+    expect(docText).toContain('Item 1.2')
+    expect(docText).toContain('Item 2')
+    expect(editor.getJSON().content?.[0]?.content?.length).toBeGreaterThanOrEqual(3)
+  })
+
+  it('still allows joinForward for shallow nested lists when nested items are leaf nodes', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BulletList, ListItem],
+      content: shallowNestedListContent,
+    })
+
+    editor.commands.setTextSelection(findTextPosition(editor, 'Outer'))
+
+    expect(dispatchDelete(editor)).toBe(true)
+    expect(editor.state.selection).not.toBeInstanceOf(NodeSelection)
+
+    const docText = JSON.stringify(editor.getJSON())
+
+    expect(docText).toContain('Outer')
+    expect(docText).toContain('Inner')
+  })
+})
diff --git a/packages/extension-list/tests/integration/listKeymapTab.test.ts b/packages/extension-list/tests/integration/listKeymapTab.test.ts
new file mode 100644
index 0000000..59743eb
--- /dev/null
+++ b/packages/extension-list/tests/integration/listKeymapTab.test.ts
@@ -0,0 +1,155 @@
+import { Editor } from '@tiptap/core'
+import Blockquote from '@tiptap/extension-blockquote'
+import Document from '@tiptap/extension-document'
+import HorizontalRule from '@tiptap/extension-horizontal-rule'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { GapCursor } from '@tiptap/pm/gapcursor'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { BulletList, ListItem, ListKeymap, TaskItem, TaskList } from '../../src/index.js'
+
+function findNodePosition(editor: Editor, typeName: string) {
+  let position: number | null = null
+
+  editor.state.doc.descendants((node, pos) => {
+    if (position !== null) {
+      return false
+    }
+
+    if (node.type.name === typeName) {
+      position = pos
+    }
+  })
+
+  if (position === null) {
+    throw new Error(`Could not find position of "${typeName}"`)
+  }
+
+  return position
+}
+
+function findTextStart(editor: Editor, text: string) {
+  let position: number | null = null
+
+  editor.state.doc.descendants((node, pos) => {
+    if (position !== null) {
+      return false
+    }
+
+    if (node.isText && node.text === text) {
+      position = pos
+    }
+  })
+
+  if (position === null) {
+    throw new Error(`Could not find text position for "${text}"`)
+  }
+
+  return position
+}
+
+function dispatchTab(editor: Editor) {
+  return editor.view.someProp('handleKeyDown', f =>
+    f(editor.view, new KeyboardEvent('keydown', { key: 'Tab', bubbles: true, cancelable: true })),
+  )
+}
+
+describe('ListKeymap Tab', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('does nothing at a gap cursor position', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        BulletList,
+        ListItem,
+        Blockquote,
+        HorizontalRule,
+        ListKeymap,
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'bulletList',
+            content: [
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'A' }] }],
+              },
+            ],
+          },
+          { type: 'blockquote', content: [{ type: 'horizontalRule' }] },
+        ],
+      },
+    })
+
+    // a gap cursor before the hr passes handleTab's empty-selection and parentOffset checks
+    const $gap = editor.state.doc.resolve(findNodePosition(editor, 'horizontalRule'))
+    editor.view.dispatch(editor.state.tr.setSelection(new GapCursor($gap)))
+
+    const before = editor.getJSON()
+
+    expect(dispatchTab(editor)).toBeFalsy()
+    expect(editor.getJSON()).toEqual(before)
+  })
+
+  it('sinks a paragraph only once when list types are chained', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, BulletList, ListItem, TaskList, TaskItem, ListKeymap],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'bulletList',
+            content: [
+              {
+                type: 'listItem',
+                content: [
+                  { type: 'paragraph', content: [{ type: 'text', text: 'A' }] },
+                  {
+                    type: 'taskList',
+                    content: [
+                      {
+                        type: 'taskItem',
+                        attrs: { checked: false },
+                        content: [{ type: 'paragraph', content: [{ type: 'text', text: 'T' }] }],
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+          },
+          { type: 'paragraph', content: [{ type: 'text', text: 'B' }] },
+        ],
+      },
+    })
+
+    editor.commands.setTextSelection(findTextStart(editor, 'B'))
+
+    expect(dispatchTab(editor)).toBe(true)
+
+    const listItem = editor.getJSON().content?.[0]?.content?.[0]
+
+    // "B" becomes the last child of the list item and must not sink again into the taskItem
+    expect(listItem?.content?.map(node => node.type)).toEqual([
+      'paragraph',
+      'taskList',
+      'paragraph',
+    ])
+    expect(listItem?.content?.[2]?.content?.[0]?.text).toBe('B')
+
+    const taskItem = listItem?.content?.[1]?.content?.[0]
+
+    expect(taskItem?.content).toHaveLength(1)
+    expect(taskItem?.content?.[0]?.content?.[0]?.text).toBe('T')
+  })
+})
diff --git a/packages/extension-list/tests/integration/orderedListPhoneNumber.test.ts b/packages/extension-list/tests/integration/orderedListPhoneNumber.test.ts
new file mode 100644
index 0000000..58325e2
--- /dev/null
+++ b/packages/extension-list/tests/integration/orderedListPhoneNumber.test.ts
@@ -0,0 +1,66 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { MarkdownManager } from '@tiptap/markdown'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { BulletList, ListItem, OrderedList } from '../../src/index.js'
+
+describe('phone numbers starting a line', () => {
+  const markdownManager = new MarkdownManager({
+    extensions: [Document, Paragraph, Text, BulletList, OrderedList, ListItem],
+  })
+
+  const paragraph = (text: string) => ({
+    type: 'doc',
+    content: [{ type: 'paragraph', content: [{ type: 'text', text }] }],
+  })
+
+  it('keeps "(216) 555-1234" as a single paragraph', () => {
+    // The mid-line "216)" must not split the paragraph into "(" + an ordered
+    // list. A list marker only starts a list at the beginning of a line.
+    const json = markdownManager.parse('(216) 555-1234')
+
+    expect(json).toEqual(paragraph('(216) 555-1234'))
+  })
+
+  it('does not split "Call me at 555) later" mid-line', () => {
+    const json = markdownManager.parse('Call me at 555) later')
+
+    expect(json).toEqual(paragraph('Call me at 555) later'))
+  })
+
+  it('still treats a leading "216) ..." as an ordered list (CommonMark)', () => {
+    const json = markdownManager.parse('216) 555-1234')
+
+    expect(json).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          attrs: { start: 216 },
+          content: [
+            {
+              type: 'listItem',
+              content: [{ type: 'paragraph', content: [{ type: 'text', text: '555-1234' }] }],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('still splits a paragraph followed by a real ordered list', () => {
+    const json = markdownManager.parse('Intro\n1. First\n2. Second')
+
+    expect(json.content?.[0].type).toBe('paragraph')
+    expect(json.content?.[1].type).toBe('orderedList')
+  })
+
+  it('does not interrupt a paragraph with a non-1 ordered list', () => {
+    const json = markdownManager.parse('Intro\n3. Third\n4. Fourth')
+
+    expect(json.content).toHaveLength(1)
+    expect(json.content?.[0].type).toBe('paragraph')
+  })
+})
diff --git a/packages/extension-list/tests/integration/orderedListType.test.ts b/packages/extension-list/tests/integration/orderedListType.test.ts
new file mode 100644
index 0000000..ba1439d
--- /dev/null
+++ b/packages/extension-list/tests/integration/orderedListType.test.ts
@@ -0,0 +1,696 @@
+import type { JSONContent } from '@tiptap/core'
+import { Editor } from '@tiptap/core'
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { MarkdownManager } from '@tiptap/markdown'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { ListItem, OrderedList } from '../../src/index.js'
+
+describe('OrderedList type attribute', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  describe('markdown round-trip', () => {
+    it('parses markdown with lowercase alpha markers as type "a"', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const json = markdownManager.parse('a. Item 1\nb. Item 2')
+
+      expect(json.content).toHaveLength(1)
+      expect(json.content[0].type).toBe('orderedList')
+      expect(json.content[0].attrs?.type).toBe('a')
+      expect(json.content[0].attrs?.start).toBeUndefined()
+      expect(json.content[0].content).toHaveLength(2)
+    })
+
+    it('parses markdown with alpha list starting at b', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const json = markdownManager.parse('b. Item 1\nc. Item 2')
+
+      expect(json.content[0].attrs?.type).toBe('a')
+      expect(json.content[0].attrs?.start).toBe(2)
+    })
+
+    it('parses markdown with numeric list starting at 3', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const json = markdownManager.parse('3. Item 1\n4. Item 2')
+
+      expect(json.content[0].attrs?.type).toBeUndefined()
+      expect(json.content[0].attrs?.start).toBe(3)
+    })
+
+    it('parses markdown with roman list starting at II', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const json = markdownManager.parse('II. Item 1\nIII. Item 2')
+
+      expect(json.content[0].attrs?.type).toBe('I')
+      expect(json.content[0].attrs?.start).toBe(2)
+    })
+
+    it('parses markdown with uppercase alpha markers as type "A"', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const json = markdownManager.parse('A. Item 1\nB. Item 2')
+
+      expect(json.content[0].attrs?.type).toBe('A')
+    })
+
+    it('parses markdown with lowercase roman markers as type "i"', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const json = markdownManager.parse('i. Item 1\nii. Item 2\niii. Item 3')
+
+      expect(json.content[0].attrs?.type).toBe('i')
+      expect(json.content[0].content).toHaveLength(3)
+    })
+
+    it('parses markdown with uppercase roman markers as type "I"', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const json = markdownManager.parse('I. Item 1\nII. Item 2')
+
+      expect(json.content[0].attrs?.type).toBe('I')
+    })
+
+    it('parses default numeric markdown markers with default type', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const json = markdownManager.parse('1. Item 1\n2. Item 2')
+
+      expect(json.content[0].attrs?.type).toBeUndefined()
+    })
+
+    it('keeps the first character of an under-indented continuation line', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      // The continuation line is indented by a single space, fewer columns than the
+      // marker width. The leading indentation must be stripped without eating the
+      // first real character of the line.
+      const json = markdownManager.parse('1. Item one\n continued text')
+
+      const collectText = (node: JSONContent): string =>
+        (node.text ?? '') + (node.content ?? []).map(collectText).join('')
+
+      const text = collectText(json.content[0].content[0])
+
+      expect(text).toBe('Item one\ncontinued text')
+    })
+
+    it('keeps the first character of an under-indented continuation line for wider markers', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const collectText = (node: JSONContent): string =>
+        (node.text ?? '') + (node.content ?? []).map(collectText).join('')
+
+      const numeric = markdownManager.parse('10. Item ten\n continued text')
+      expect(collectText(numeric.content[0].content[0])).toBe('Item ten\ncontinued text')
+
+      const roman = markdownManager.parse('iv. Item four\n continued text')
+      expect(collectText(roman.content[0].content[0])).toBe('Item four\ncontinued text')
+    })
+
+    it('serializes an ordered list with type="a" to lowercase alpha markers', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const md = markdownManager.serialize({
+        type: 'doc',
+        content: [
+          {
+            type: 'orderedList',
+            attrs: { start: 1, type: 'a' },
+            content: [
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item A' }] }],
+              },
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item B' }] }],
+              },
+            ],
+          },
+        ],
+      })
+
+      expect(md).toBe('a. Item A\nb. Item B')
+    })
+
+    it('serializes an ordered list with type="I" to uppercase roman markers', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const md = markdownManager.serialize({
+        type: 'doc',
+        content: [
+          {
+            type: 'orderedList',
+            attrs: { start: 1, type: 'I' },
+            content: [
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'One' }] }],
+              },
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Two' }] }],
+              },
+            ],
+          },
+        ],
+      })
+
+      expect(md).toBe('I. One\nII. Two')
+    })
+
+    it('serializes a default ordered list with numeric markers', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const md = markdownManager.serialize({
+        type: 'doc',
+        content: [
+          {
+            type: 'orderedList',
+            content: [
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item 1' }] }],
+              },
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item 2' }] }],
+              },
+            ],
+          },
+        ],
+      })
+
+      expect(md).toBe('1. Item 1\n2. Item 2')
+    })
+
+    it('round-trips markdown with type="a" preserving the type', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const original = 'a. Item A\nb. Item B'
+
+      // Parse
+      const json = markdownManager.parse(original)
+      expect(json.content[0].attrs?.type).toBe('a')
+
+      // Serialize back
+      const md = markdownManager.serialize(json)
+      expect(md).toBe(original)
+    })
+
+    it('round-trips markdown with type="I" preserving the type', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const original = 'I. One\nII. Two'
+
+      // Parse
+      const json = markdownManager.parse(original)
+      expect(json.content[0].attrs?.type).toBe('I')
+
+      // Serialize back
+      const md = markdownManager.serialize(json)
+      expect(md).toBe(original)
+    })
+
+    it('does not parse three-letter alpha markers as a list', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const json = markdownManager.parse('abc. Not a list')
+
+      expect(json.content[0].type).not.toBe('orderedList')
+    })
+
+    it('round-trips multi-letter alpha markers beyond 26 items', () => {
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      })
+
+      const original = 'aa. Item 27\nab. Item 28'
+
+      const json = markdownManager.parse(original)
+      expect(json.content[0].attrs?.type).toBe('a')
+      expect(json.content[0].attrs?.start).toBe(27)
+
+      const md = markdownManager.serialize(json)
+      expect(md).toBe(original)
+    })
+
+    it('parses inline formatting inside an indented ordered list item', () => {
+      // A single leading space before the marker (e.g. a top-level ordered
+      // list nested one level inside another list) previously made the
+      // custom ordered-list tokenizer bail out silently, falling back to a
+      // path that left the item's content as literal, unparsed text.
+      const markdownManager = new MarkdownManager({
+        extensions: [Document, Paragraph, Text, Bold, ListItem, OrderedList],
+      })
+
+      const noIndent = markdownManager.parse('1. **bold** item')
+      const indented = markdownManager.parse(' 1. **bold** item')
+
+      expect(indented.content).toEqual(noIndent.content)
+
+      const textNode = indented.content[0].content[0].content[0].content[0]
+      expect(textNode.text).toBe('bold')
+      expect(textNode.marks?.[0]?.type).toBe('bold')
+    })
+  })
+
+  it('creates an ordered list from typed JSON content', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'orderedList',
+            attrs: { type: 'a' },
+            content: [
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item A' }] }],
+              },
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item B' }] }],
+              },
+            ],
+          },
+        ],
+      },
+    })
+
+    const json = editor.getJSON()
+
+    expect(json.content).toHaveLength(1)
+    expect(json.content[0].type).toBe('orderedList')
+    expect(json.content[0].attrs?.type).toBe('a')
+    expect(json.content[0].content).toHaveLength(2)
+    expect(json.content[0].content[0].content[0].content[0].text).toBe('Item A')
+  })
+
+  describe('joinPredicate', () => {
+    it('does not merge adjacent orderedLists with different type values when toggling list', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+        content: '<ol type="a"><li><p>A</p></li></ol><p></p>',
+      })
+
+      // Position cursor at the empty paragraph after the typed list
+      editor.commands.setTextSelection(editor.state.doc.content.size)
+
+      // Toggle ordered list on the paragraph - should create NEW list, not merge
+      editor.commands.toggleOrderedList()
+
+      const json = editor.getJSON()
+
+      // Should have two separate orderedList nodes (types differ)
+      expect(json.content).toHaveLength(2)
+      expect(json.content[0].attrs?.type).toBe('a')
+      expect(json.content[1].attrs?.type).toBe(null)
+    })
+
+    it('does merge adjacent orderedLists when both have default type', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+        content: '<ol><li><p>First</p></li></ol><p></p>',
+      })
+
+      // Position cursor at the empty paragraph
+      editor.commands.setTextSelection(editor.state.doc.content.size)
+
+      // Toggle ordered list - should merge with the existing list
+      editor.commands.toggleOrderedList()
+
+      const json = editor.getJSON()
+
+      // Should have one list with both items (merged)
+      expect(json.content).toHaveLength(1)
+      expect(json.content[0].content).toHaveLength(2)
+    })
+  })
+
+  describe('renderHTML', () => {
+    it('does not render a type attribute when type is null', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'orderedList',
+              attrs: { start: 1, type: null },
+              content: [
+                {
+                  type: 'listItem',
+                  content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item' }] }],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const html = editor.getHTML()
+
+      expect(html).toBe('<ol><li><p>Item</p></li></ol>')
+    })
+
+    it('does not render a type attribute when type is "1" (default)', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'orderedList',
+              attrs: { start: 1, type: '1' },
+              content: [
+                {
+                  type: 'listItem',
+                  content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item' }] }],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const html = editor.getHTML()
+
+      expect(html).toBe('<ol><li><p>Item</p></li></ol>')
+    })
+
+    it('renders type="a" on the ol element', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'orderedList',
+              attrs: { start: 1, type: 'a' },
+              content: [
+                {
+                  type: 'listItem',
+                  content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item' }] }],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const html = editor.getHTML()
+
+      expect(html).toBe('<ol type="a"><li><p>Item</p></li></ol>')
+    })
+
+    it('renders type="A" on the ol element', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'orderedList',
+              attrs: { start: 1, type: 'A' },
+              content: [
+                {
+                  type: 'listItem',
+                  content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item' }] }],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const html = editor.getHTML()
+
+      expect(html).toBe('<ol type="A"><li><p>Item</p></li></ol>')
+    })
+
+    it('renders type="i" on the ol element', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'orderedList',
+              attrs: { start: 1, type: 'i' },
+              content: [
+                {
+                  type: 'listItem',
+                  content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item' }] }],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const html = editor.getHTML()
+
+      expect(html).toBe('<ol type="i"><li><p>Item</p></li></ol>')
+    })
+
+    it('renders type="I" on the ol element', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'orderedList',
+              attrs: { start: 1, type: 'I' },
+              content: [
+                {
+                  type: 'listItem',
+                  content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item' }] }],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const html = editor.getHTML()
+
+      expect(html).toBe('<ol type="I"><li><p>Item</p></li></ol>')
+    })
+
+    it('renders both start and type when both are set', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'orderedList',
+              attrs: { start: 5, type: 'i' },
+              content: [
+                {
+                  type: 'listItem',
+                  content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item' }] }],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const html = editor.getHTML()
+
+      expect(html).toBe('<ol start="5" type="i"><li><p>Item</p></li></ol>')
+    })
+
+    it('renders start attribute only (not default 1) when type is null', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'orderedList',
+              attrs: { start: 3, type: null },
+              content: [
+                {
+                  type: 'listItem',
+                  content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Item' }] }],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      const html = editor.getHTML()
+
+      expect(html).toBe('<ol start="3"><li><p>Item</p></li></ol>')
+    })
+  })
+
+  describe('HTML paste round-trip', () => {
+    const setAndGetJSON = (html: string): JSONContent => {
+      const editor = new Editor({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+        content: html,
+      })
+      const json = editor.getJSON()
+      editor.destroy()
+      return json
+    }
+
+    it('parses type="a" from HTML and preserves it in getJSON', () => {
+      const json = setAndGetJSON('<ol type="a"><li><p>Item A</p></li></ol>')
+
+      expect(json.content).toHaveLength(1)
+      expect(json.content[0].type).toBe('orderedList')
+      expect(json.content[0].attrs?.type).toBe('a')
+      expect(json.content[0].attrs?.start).toBe(1)
+    })
+
+    it('parses type="A" from HTML correctly', () => {
+      const json = setAndGetJSON('<ol type="A"><li><p>Item</p></li></ol>')
+
+      expect(json.content[0].attrs?.type).toBe('A')
+    })
+
+    it('parses type="i" from HTML correctly', () => {
+      const json = setAndGetJSON('<ol type="i"><li><p>Item</p></li></ol>')
+
+      expect(json.content[0].attrs?.type).toBe('i')
+    })
+
+    it('parses type="I" from HTML correctly', () => {
+      const json = setAndGetJSON('<ol type="I"><li><p>Item</p></li></ol>')
+
+      expect(json.content[0].attrs?.type).toBe('I')
+    })
+
+    it('parses type="1" from HTML as null (default) in JSON', () => {
+      const json = setAndGetJSON('<ol type="1"><li><p>Item</p></li></ol>')
+
+      // Note: ProseMirror stores the raw parsed value. With type="1", the
+      // parseHTML returns "1" — which is stored. But it renders as no attribute
+      // because the HTML spec considers "1" as default.
+      expect(json.content[0].attrs?.type).toBe('1')
+    })
+
+    it('parses ol without type attribute as null in JSON', () => {
+      const json = setAndGetJSON('<ol><li><p>Item</p></li></ol>')
+
+      expect(json.content[0].attrs?.type).toBeNull()
+    })
+
+    it('parses both start and type from HTML', () => {
+      const json = setAndGetJSON('<ol type="I" start="5"><li><p>Item</p></li></ol>')
+
+      expect(json.content[0].attrs?.start).toBe(5)
+      expect(json.content[0].attrs?.type).toBe('I')
+    })
+
+    it('preserves type through full HTML round-trip: setContent -> getHTML', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, ListItem, OrderedList],
+        content: '<ol type="i"><li><p>Item</p></li></ol>',
+      })
+
+      const html = editor.getHTML()
+
+      expect(html).toBe('<ol type="i"><li><p>Item</p></li></ol>')
+    })
+
+    // ── CSS list-style-type parsing (Google Docs / Word pattern) ──
+
+    it('parses CSS list-style-type: upper-roman on ol element', () => {
+      const json = setAndGetJSON(
+        '<ol style="list-style-type: upper-roman;"><li><p>Item</p></li></ol>',
+      )
+
+      expect(json.content[0].attrs?.type).toBe('I')
+    })
+
+    it('parses CSS list-style-type: lower-roman on ol element', () => {
+      const json = setAndGetJSON(
+        '<ol style="list-style-type: lower-roman;"><li><p>Item</p></li></ol>',
+      )
+
+      expect(json.content[0].attrs?.type).toBe('i')
+    })
+
+    it('parses CSS list-style-type: upper-alpha on ol element', () => {
+      const json = setAndGetJSON(
+        '<ol style="list-style-type: upper-alpha;"><li><p>Item</p></li></ol>',
+      )
+
+      expect(json.content[0].attrs?.type).toBe('A')
+    })
+
+    it('parses CSS list-style-type: lower-alpha on ol element', () => {
+      const json = setAndGetJSON(
+        '<ol style="list-style-type: lower-alpha;"><li><p>Item</p></li></ol>',
+      )
+
+      expect(json.content[0].attrs?.type).toBe('a')
+    })
+
+    it('parses CSS list-style-type from li child (Google Docs pattern)', () => {
+      const json = setAndGetJSON(
+        '<ol><li style="list-style-type: upper-roman;"><p>Item</p></li></ol>',
+      )
+
+      expect(json.content[0].attrs?.type).toBe('I')
+    })
+
+    it('parses CSS list-style-type: decimal as default (no type)', () => {
+      const json = setAndGetJSON('<ol style="list-style-type: decimal;"><li><p>Item</p></li></ol>')
+
+      expect(json.content[0].attrs?.type).toBeNull()
+    })
+  })
+})
diff --git a/packages/extension-list/vite.config.ts b/packages/extension-list/vite.config.ts
new file mode 100644
index 0000000..10b076e
--- /dev/null
+++ b/packages/extension-list/vite.config.ts
@@ -0,0 +1,27 @@
+import { defineConfig } from 'vite-plus'
+import { tsupCompatibleExtensions } from '../../pack.config.mjs'
+
+const entries = [
+  'src/bullet-list/index.ts',
+  'src/item/index.ts',
+  'src/keymap/index.ts',
+  'src/kit/index.ts',
+  'src/ordered-list/index.ts',
+  'src/task-item/index.ts',
+  'src/task-list/index.ts',
+  'src/index.ts',
+]
+
+export default defineConfig({
+  pack: entries.map(entry => ({
+    entry: [entry],
+    tsconfig: '../../tsconfig.build.json',
+    outDir: `dist${entry.replace('src', '').split('/').slice(0, -1).join('/')}`,
+    dts: { sourcemap: true },
+    sourcemap: true,
+    target: 'es2019',
+    format: ['esm', 'cjs'],
+    deps: { neverBundle: [/^[^./]/] },
+    outExtensions: tsupCompatibleExtensions,
+  })),
+})
diff --git a/packages/extension-mathematics/CHANGELOG.md b/packages/extension-mathematics/CHANGELOG.md
new file mode 100644
index 0000000..45be363
--- /dev/null
+++ b/packages/extension-mathematics/CHANGELOG.md
@@ -0,0 +1,1117 @@
+# @tiptap/extension-mathematics
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- a2ed988: Allow KaTeX 0.18 to be installed with the math extension
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- a1c6243: Allow KaTeX 0.17
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- 2cd78b8: Fix `$$...$# @tiptap/extension-mathematics input rule leaving an empty paragraph above the inserted block math node when the match consumes the entire host paragraph.
+- a8a5857: Fix `updateBlockMath` silently ignoring `latex: ''`. The command used a falsy fallback (`latex || node.attrs.latex`) that treated an explicit empty string the same as `undefined`, leaving the node unchanged. It now uses `latex ?? node.attrs.latex`, so callers can clear the rendered LaTeX with an empty string.
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- 23bc11d: Prevent inline math input rule from capturing previous character. Changed input rule to utilize negative lookbehind to prevent matching previous character. Ensures the range's `from` position is correctly at the start of the double `# @tiptap/extension-mathematics signs.
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- c868252: Fixed an issue with the mathematics regex using modern negative lookups causing crashes in older Safari versions.
+  - @tiptap/core@3.1.0
+  - @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- 4a421bf: Change the way inserting math nodes work – now if no LaTeX string is used for both inline and block math nodes, the current text selection will be used and replaced. This should bring the extension more in line with how other extensions work.
+- 4a421bf: Updated the default class names of the invisible and mathematics plugins
+- ab8bc2f: The Math extension now uses **nodes** to render mathematic content in the editor. This should improve the performance when an editor renders many math equations at the same time.
+
+  This change is not backwards compatible, so you will need to update your code to use the new node-based API.
+
+  At the same time, the `Mathematics` extension has been renamed to `Math` to better align with the naming conventions of other extensions - but the old name is still available for backwards compatibility.
+
+  This extension includes two new nodes:
+
+  - `MathInline` for inline math equations
+  - `MathBlock` for block math equations
+
+  The regex patterns for the input rules were also updated to be less conflicting with text including dollar signs. The new patterns are:
+
+  - Inline: `/(?<!\$)\$\$([^$\n]+)\$\$(?!\$)$/` - for inline math equations, which will match text between two double dollar signs.
+  - Block: `/^\$\$\$([^$]+)\$\$\$/` - for block math equations, which will match text between two triple dollar signs.
+
+  Since the old way of using text content to reflect math equations came with limitations and performance issues, the new node-based approach now requires an explicit update command to update a math equations latex content. This can be done by using:
+
+  - `editor.commands.updateInlineMath({ latex: '3x^2 + 2x + 1' })` for inline math equations.
+  - `editor.commands.updateBlockMath({ latex: '3x^2 + 2x + 1' })` for block math equations.
+
+  Both nodes allow for an `onClick` option that will pass the position and node information up which can be used to trigger a custom action, such as opening a math editor dialog.
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+- 4a421bf: Added a new `migrateMathStrings` utility that can be used to migrate existing LaTeX math strings on an existing document into the inline math nodes`
+
+### Patch Changes
+
+- 4a421bf: Improved JSDoc documentation and comments
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Major Changes
+
+- 4a421bf: Change the way inserting math nodes work – now if no LaTeX string is used for both inline and block math nodes, the current text selection will be used and replaced. This should bring the extension more in line with how other extensions work.
+- 4a421bf: Updated the default class names of the invisible and mathematics plugins
+
+### Minor Changes
+
+- 4a421bf: Added a new `migrateMathStrings` utility that can be used to migrate existing LaTeX math strings on an existing document into the inline math nodes`
+
+### Patch Changes
+
+- 4a421bf: Improved JSDoc documentation and comments
+  - @tiptap/core@3.0.0-beta.18
+  - @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Major Changes
+
+- ab8bc2f: The Math extension now uses **nodes** to render mathematic content in the editor. This should improve the performance when an editor renders many math equations at the same time.
+
+  This change is not backwards compatible, so you will need to update your code to use the new node-based API.
+
+  At the same time, the `Mathematics` extension has been renamed to `Math` to better align with the naming conventions of other extensions - but the old name is still available for backwards compatibility.
+
+  This extension includes two new nodes:
+
+  - `MathInline` for inline math equations
+  - `MathBlock` for block math equations
+
+  The regex patterns for the input rules were also updated to be less conflicting with text including dollar signs. The new patterns are:
+
+  - Inline: `/(?<!\$)\$\$([^$\n]+)\$\$(?!\$)$/` - for inline math equations, which will match text between two double dollar signs.
+  - Block: `/^\$\$\$([^$]+)\$\$\$/` - for block math equations, which will match text between two triple dollar signs.
+
+  Since the old way of using text content to reflect math equations came with limitations and performance issues, the new node-based approach now requires an explicit update command to update a math equations latex content. This can be done by using:
+
+  - `editor.commands.updateInlineMath({ latex: '3x^2 + 2x + 1' })` for inline math equations.
+  - `editor.commands.updateBlockMath({ latex: '3x^2 + 2x + 1' })` for block math equations.
+
+  Both nodes allow for an `onClick` option that will pass the position and node information up which can be used to trigger a custom action, such as opening a math editor dialog.
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
diff --git a/packages/extension-mathematics/README.md b/packages/extension-mathematics/README.md
new file mode 100644
index 0000000..06cad3c
--- /dev/null
+++ b/packages/extension-mathematics/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-mathematics
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-mathematics.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-mathematics)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-mathematics.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-mathematics.svg)](https://www.npmjs.com/package/@tiptap/extension-mathematics)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-mathematics/package.json b/packages/extension-mathematics/package.json
new file mode 100644
index 0000000..a4ab8ca
--- /dev/null
+++ b/packages/extension-mathematics/package.json
@@ -0,0 +1,54 @@
+{
+  "name": "@tiptap/extension-mathematics",
+  "version": "3.30.3",
+  "description": "latex math extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev/api/extensions/mathematics",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-mathematics"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "@types/katex": "^0.16.7 || ^0.17.0"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "katex": "^0.16.4 || ^0.17.0 || ^0.18.0"
+  }
+}
diff --git a/packages/extension-mathematics/src/extensions/BlockMath.test.ts b/packages/extension-mathematics/src/extensions/BlockMath.test.ts
new file mode 100644
index 0000000..bccd6bb
--- /dev/null
+++ b/packages/extension-mathematics/src/extensions/BlockMath.test.ts
@@ -0,0 +1,149 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import { BulletList, ListItem } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { BlockMath } from './BlockMath.js'
+import { InlineMath } from './InlineMath.js'
+
+describe('BlockMath', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  describe('input rule', () => {
+    it('replaces an empty host paragraph instead of leaving it behind', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, BlockMath],
+        content: {
+          type: 'doc',
+          content: [{ type: 'paragraph', content: [{ type: 'text', text: '$$$x^2$$' }] }],
+        },
+      })
+
+      editor.commands.setTextSelection(editor.state.doc.content.size)
+
+      editor.view.someProp('handleTextInput', f =>
+        f(editor.view, editor.state.selection.from, editor.state.selection.from, '$'),
+      )
+
+      expect(editor.getJSON()).toEqual({
+        type: 'doc',
+        content: [{ type: 'blockMath', attrs: { latex: 'x^2' } }],
+      })
+    })
+
+    it('inserts a sibling block math node inside a list item without breaking the schema', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, BulletList, ListItem, BlockMath],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'bulletList',
+              content: [
+                {
+                  type: 'listItem',
+                  content: [{ type: 'paragraph', content: [{ type: 'text', text: '$$$x^2$$' }] }],
+                },
+              ],
+            },
+          ],
+        },
+      })
+
+      editor.commands.setTextSelection(editor.state.doc.content.size - 3)
+
+      editor.view.someProp('handleTextInput', f =>
+        f(editor.view, editor.state.selection.from, editor.state.selection.from, '$'),
+      )
+
+      expect(editor.getJSON()).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'bulletList',
+            content: [
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph' }, { type: 'blockMath', attrs: { latex: 'x^2' } }],
+              },
+            ],
+          },
+        ],
+      })
+    })
+
+    it('does not fire when the match would not start at the textblock start', () => {
+      editor = new Editor({
+        extensions: [Document, Paragraph, Text, BlockMath],
+        content: {
+          type: 'doc',
+          content: [{ type: 'paragraph', content: [{ type: 'text', text: 'hello $$$x^2$$' }] }],
+        },
+      })
+
+      editor.commands.setTextSelection(editor.state.doc.content.size)
+
+      const handled = editor.view.someProp('handleTextInput', f =>
+        f(editor.view, editor.state.selection.from, editor.state.selection.from, '$'),
+      )
+
+      expect(handled).toBeFalsy()
+      expect(editor.getJSON()).toEqual({
+        type: 'doc',
+        content: [{ type: 'paragraph', content: [{ type: 'text', text: 'hello $$$x^2$$' }] }],
+      })
+    })
+  })
+
+  describe('updateBlockMath', () => {
+    function createEditor(latex: string) {
+      return new Editor({
+        extensions: [Document, Paragraph, Text, BlockMath],
+        content: {
+          type: 'doc',
+          content: [{ type: 'blockMath', attrs: { latex } }],
+        },
+      })
+    }
+
+    it('clears the latex attribute when given an empty string', () => {
+      editor = createEditor('x^2')
+
+      editor.commands.updateBlockMath({ latex: '', pos: 0 })
+
+      expect(editor.state.doc.firstChild?.attrs.latex).toBe('')
+    })
+
+    it('matches updateInlineMath behavior when clearing latex with an empty string', () => {
+      const blockEditor = createEditor('x^2')
+      blockEditor.commands.updateBlockMath({ latex: '', pos: 0 })
+      const blockEmpty = blockEditor.state.doc.firstChild?.attrs.latex
+      blockEditor.destroy()
+
+      const inlineEditor = new Editor({
+        extensions: [Document, Paragraph, Text, InlineMath],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'inlineMath', attrs: { latex: 'x^2' } }],
+            },
+          ],
+        },
+      })
+      const inlinePos = 1
+      inlineEditor.commands.updateInlineMath({ latex: '', pos: inlinePos })
+      const inlineEmpty = inlineEditor.state.doc.nodeAt(inlinePos)?.attrs.latex
+      inlineEditor.destroy()
+
+      expect(blockEmpty).toBe(inlineEmpty)
+    })
+  })
+})
diff --git a/packages/extension-mathematics/src/extensions/BlockMath.ts b/packages/extension-mathematics/src/extensions/BlockMath.ts
new file mode 100644
index 0000000..0d543fd
--- /dev/null
+++ b/packages/extension-mathematics/src/extensions/BlockMath.ts
@@ -0,0 +1,302 @@
+import { InputRule, mergeAttributes, Node } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import katex, { type KatexOptions } from 'katex'
+
+/**
+ * Configuration options for the BlockMath extension.
+ */
+export type BlockMathOptions = {
+  /**
+   * KaTeX specific options
+   * @see https://katex.org/docs/options.html
+   * @example
+   * ```ts
+   * katexOptions: {
+   *   displayMode: true,
+   *   throwOnError: false,
+   * },
+   */
+  katexOptions?: KatexOptions
+
+  /**
+   * Optional click handler for block math nodes.
+   * Called when a user clicks on a block math expression in the editor.
+   *
+   * @param node - The ProseMirror node representing the block math element
+   * @param pos - The position of the node within the document
+   * @example
+   * ```ts
+   * onClick: (node, pos) => {
+   *   console.log('Block math clicked:', node.attrs.latex, 'at position:', pos)
+   * },
+   * ```
+   */
+  onClick?: (node: PMNode, pos: number) => void
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    insertBlockMath: {
+      /**
+       * Inserts a math block node with LaTeX string.
+       * @param options - Options for inserting block math.
+       * @returns ReturnType
+       */
+      insertBlockMath: (options: { latex: string; pos?: number }) => ReturnType
+
+      /**
+       * Deletes a block math node.
+       * @returns ReturnType
+       */
+      deleteBlockMath: (options?: { pos?: number }) => ReturnType
+
+      /**
+       * Update block math node with optional LaTeX string.
+       * @param options - Options for updating block math.
+       * @returns ReturnType
+       */
+      updateBlockMath: (options?: { latex: string; pos?: number }) => ReturnType
+    }
+  }
+}
+
+/**
+ * BlockMath is a Tiptap extension for rendering block mathematical expressions using KaTeX.
+ * It allows users to insert LaTeX formatted math expressions block within text.
+ * It supports rendering, input rules for LaTeX syntax, and click handling for interaction.
+ *
+ * @example
+ * ```javascript
+ * import { BlockMath } from '@tiptap/extension-mathematics'
+ * import { Editor } from '@tiptap/core'
+ *
+ * const editor = new Editor({
+ *   extensions: [
+ *     BlockMath.configure({
+ *       onClick: (node, pos) => {
+ *         console.log('Block math clicked:', node.attrs.latex, 'at position:', pos)
+ *       },
+ *     }),
+ *   ],
+ * })
+ */
+export const BlockMath = Node.create<BlockMathOptions>({
+  name: 'blockMath',
+
+  group: 'block',
+
+  atom: true,
+
+  addOptions() {
+    return {
+      onClick: undefined,
+      katexOptions: undefined,
+    }
+  },
+
+  addAttributes() {
+    return {
+      latex: {
+        default: '',
+        parseHTML: element => element.getAttribute('data-latex'),
+        renderHTML: attributes => {
+          return {
+            'data-latex': attributes.latex,
+          }
+        },
+      },
+    }
+  },
+
+  addCommands() {
+    return {
+      insertBlockMath:
+        options =>
+        ({ commands, editor }) => {
+          const { latex, pos } = options
+
+          if (!latex) {
+            return false
+          }
+
+          return commands.insertContentAt(pos ?? editor.state.selection.from, {
+            type: this.name,
+            attrs: { latex },
+          })
+        },
+
+      deleteBlockMath:
+        options =>
+        ({ editor, tr }) => {
+          const pos = options?.pos ?? editor.state.selection.$from.pos
+          const node = editor.state.doc.nodeAt(pos)
+
+          if (!node || node.type.name !== this.name) {
+            return false
+          }
+
+          tr.delete(pos, pos + node.nodeSize)
+          return true
+        },
+
+      updateBlockMath:
+        options =>
+        ({ editor, tr }) => {
+          const latex = options?.latex
+          let pos = options?.pos
+
+          if (pos === undefined) {
+            pos = editor.state.selection.$from.pos
+          }
+
+          const node = editor.state.doc.nodeAt(pos)
+
+          if (!node || node.type.name !== this.name) {
+            return false
+          }
+
+          tr.setNodeMarkup(pos, this.type, {
+            ...node.attrs,
+            latex: latex ?? node.attrs.latex,
+          })
+
+          return true
+        },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="block-math"]',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'block-math' })]
+  },
+
+  parseMarkdown: (token: any) => {
+    return {
+      type: 'blockMath',
+      attrs: {
+        latex: token.latex,
+      },
+    }
+  },
+
+  renderMarkdown: node => {
+    const latex = node.attrs?.latex || ''
+
+    const output = ['$$', latex, '$$']
+    return output.join('\n')
+  },
+
+  markdownTokenizer: {
+    name: 'blockMath',
+    level: 'block',
+    start: (src: string) => src.indexOf('$$'),
+    tokenize: (src: string) => {
+      // Match $$latex$$ syntax for block math
+      const match = src.match(/^\$\$([^$]+)\$\$/)
+      if (!match) {
+        return undefined
+      }
+
+      const [fullMatch, latex] = match
+
+      return {
+        type: 'blockMath',
+        raw: fullMatch,
+        latex: latex.trim(),
+      }
+    },
+  },
+
+  addInputRules() {
+    return [
+      new InputRule({
+        find: /^\$\$\$([^$]+)\$\$\$$/,
+        handler: ({ state, range, match }) => {
+          const [, latex] = match
+          const { tr } = state
+          const $from = state.doc.resolve(range.from)
+          const node = this.type.create({ latex })
+
+          const consumesHostTextblock =
+            $from.depth > 0 &&
+            $from.parent.isTextblock &&
+            range.from === $from.start() &&
+            range.to === $from.end()
+          // Whether the node containing the host textblock can replace it with a blockMath node.
+          const canReplaceHostTextblock =
+            consumesHostTextblock &&
+            $from.node(-1).canReplaceWith($from.index(-1), $from.indexAfter(-1), this.type)
+
+          const replacementRange = canReplaceHostTextblock
+            ? { from: $from.before(), to: $from.after() }
+            : range
+
+          tr.replaceWith(replacementRange.from, replacementRange.to, node)
+        },
+      }),
+    ]
+  },
+
+  addNodeView() {
+    const { katexOptions } = this.options
+
+    return ({ node, getPos }) => {
+      const wrapper = document.createElement('div')
+      const innerWrapper = document.createElement('div')
+      wrapper.className = 'tiptap-mathematics-render'
+
+      if (this.editor.isEditable) {
+        wrapper.classList.add('tiptap-mathematics-render--editable')
+      }
+
+      innerWrapper.className = 'block-math-inner'
+      wrapper.dataset.type = 'block-math'
+      wrapper.setAttribute('data-latex', node.attrs.latex)
+      wrapper.appendChild(innerWrapper)
+
+      function renderMath() {
+        try {
+          katex.render(node.attrs.latex, innerWrapper, katexOptions)
+          wrapper.classList.remove('block-math-error')
+        } catch {
+          wrapper.textContent = node.attrs.latex
+          wrapper.classList.add('block-math-error')
+        }
+      }
+
+      const handleClick = (event: MouseEvent) => {
+        event.preventDefault()
+        event.stopPropagation()
+        const pos = getPos()
+
+        if (pos == null) {
+          return
+        }
+
+        if (this.options.onClick) {
+          this.options.onClick(node, pos)
+        }
+      }
+
+      if (this.options.onClick) {
+        wrapper.addEventListener('click', handleClick)
+      }
+
+      renderMath()
+
+      return {
+        dom: wrapper,
+        destroy() {
+          wrapper.removeEventListener('click', handleClick)
+        },
+      }
+    }
+  },
+})
diff --git a/packages/extension-mathematics/src/extensions/InlineMath.test.ts b/packages/extension-mathematics/src/extensions/InlineMath.test.ts
new file mode 100644
index 0000000..93d4920
--- /dev/null
+++ b/packages/extension-mathematics/src/extensions/InlineMath.test.ts
@@ -0,0 +1,80 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { InlineMath } from './InlineMath.js'
+
+describe('InlineMath', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('preserves previous character to input rule match', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, InlineMath],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'Hello $$x$' }],
+          },
+        ],
+      },
+    })
+
+    editor.commands.setTextSelection(editor.state.doc.nodeSize)
+
+    editor.view.someProp('handleTextInput', f =>
+      f(editor.view, editor.state.selection.from, editor.state.selection.from, '$'),
+    )
+
+    expect(editor.getJSON()).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              // Ensure previous character is preserved (e.g., space)
+              text: 'Hello ',
+            },
+            {
+              type: 'inlineMath',
+              attrs: { latex: 'x' },
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('ensure unmatched triple $ expressions', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, InlineMath],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'Hello $$$x$' }],
+          },
+        ],
+      },
+    })
+
+    editor.commands.setTextSelection(editor.state.doc.nodeSize)
+
+    const handled = editor.view.someProp('handleTextInput', f =>
+      f(editor.view, editor.state.selection.from, editor.state.selection.from, '$'),
+    )
+
+    // Expect no input rule to match
+    expect(handled).toBeFalsy()
+  })
+})
diff --git a/packages/extension-mathematics/src/extensions/InlineMath.ts b/packages/extension-mathematics/src/extensions/InlineMath.ts
new file mode 100644
index 0000000..5e23171
--- /dev/null
+++ b/packages/extension-mathematics/src/extensions/InlineMath.ts
@@ -0,0 +1,288 @@
+import { InputRule, mergeAttributes, Node } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import katex, { type KatexOptions } from 'katex'
+
+/**
+ * Configuration options for the InlineMath extension.
+ */
+export type InlineMathOptions = {
+  /**
+   * KaTeX specific options
+   * @see https://katex.org/docs/options.html
+   * @example
+   * ```ts
+   * katexOptions: {
+   *   displayMode: false,
+   *   throwOnError: false,
+   *   macros: {
+   *     '\\RR': '\\mathbb{R}',
+   *     '\\ZZ': '\\mathbb{Z}'
+   *   }
+   * }
+   * ```
+   */
+  katexOptions?: KatexOptions
+
+  /**
+   * Optional click handler for inline math nodes.
+   * Called when a user clicks on an inline math expression in the editor.
+   *
+   * @param node - The ProseMirror node representing the inline math element
+   * @param pos - The position of the node within the document
+   * @example
+   * ```ts
+   * onClick: (node, pos) => {
+   *   console.log('Inline math clicked:', node.attrs.latex, 'at position:', pos)
+   * }
+   * ```
+   */
+  onClick?: (node: PMNode, pos: number) => void
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    inlineMath: {
+      /**
+       * Insert a inline math node with LaTeX string.
+       * @param options - Options for inserting inline math.
+       * @returns ReturnType
+       */
+      insertInlineMath: (options: { latex: string; pos?: number }) => ReturnType
+
+      /**
+       * Delete an inline math node.
+       * @returns ReturnType
+       */
+      deleteInlineMath: (options?: { pos?: number }) => ReturnType
+
+      /**
+       * Update inline math node with optional LaTeX string.
+       * @param options - Options for updating inline math.
+       * @returns ReturnType
+       */
+      updateInlineMath: (options?: { latex?: string; pos?: number }) => ReturnType
+    }
+  }
+}
+
+/**
+ * InlineMath is a Tiptap extension for rendering inline mathematical expressions using KaTeX.
+ * It allows users to insert LaTeX formatted math expressions inline within text.
+ * It supports rendering, input rules for LaTeX syntax, and click handling for interaction.
+ *
+ * @example
+ * ```javascript
+ * import { InlineMath } from '@tiptap/extension-mathematics'
+ * import { Editor } from '@tiptap/core'
+ *
+ * const editor = new Editor({
+ *   extensions: [
+ *     InlineMath.configure({
+ *       onClick: (node, pos) => {
+ *         console.log('Inline math clicked:', node.attrs.latex, 'at position:', pos)
+ *       },
+ *     }),
+ *   ],
+ * })
+ */
+export const InlineMath = Node.create<InlineMathOptions>({
+  name: 'inlineMath',
+
+  group: 'inline',
+
+  inline: true,
+
+  atom: true,
+
+  addOptions() {
+    return {
+      onClick: undefined,
+      katexOptions: undefined,
+    }
+  },
+
+  addAttributes() {
+    return {
+      latex: {
+        default: '',
+        parseHTML: element => element.getAttribute('data-latex'),
+        renderHTML: attributes => {
+          return {
+            'data-latex': attributes.latex,
+          }
+        },
+      },
+    }
+  },
+
+  addCommands() {
+    return {
+      insertInlineMath:
+        options =>
+        ({ editor, tr }) => {
+          const latex = options.latex
+
+          const from = options?.pos ?? editor.state.selection.from
+
+          if (!latex) {
+            return false
+          }
+
+          tr.replaceWith(from, from, this.type.create({ latex }))
+          return true
+        },
+
+      deleteInlineMath:
+        options =>
+        ({ editor, tr }) => {
+          const pos = options?.pos ?? editor.state.selection.$from.pos
+          const node = editor.state.doc.nodeAt(pos)
+
+          if (!node || node.type.name !== this.name) {
+            return false
+          }
+
+          tr.delete(pos, pos + node.nodeSize)
+          return true
+        },
+
+      updateInlineMath:
+        options =>
+        ({ editor, tr }) => {
+          const latex = options?.latex
+          let pos = options?.pos
+
+          if (pos === undefined) {
+            pos = editor.state.selection.$from.pos
+          }
+
+          const node = editor.state.doc.nodeAt(pos)
+
+          if (!node || node.type.name !== this.name) {
+            return false
+          }
+
+          tr.setNodeMarkup(pos, this.type, { ...node.attrs, latex })
+
+          return true
+        },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'span[data-type="inline-math"]',
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['span', mergeAttributes(HTMLAttributes, { 'data-type': 'inline-math' })]
+  },
+
+  parseMarkdown: (token: any) => {
+    return {
+      type: 'inlineMath',
+      attrs: {
+        latex: token.latex,
+      },
+    }
+  },
+
+  renderMarkdown: node => {
+    const latex = node.attrs?.latex || ''
+
+    return `$${latex}$`
+  },
+
+  markdownTokenizer: {
+    name: 'inlineMath',
+    level: 'inline',
+    start: (src: string) => src.indexOf('$'),
+    tokenize: (src: string) => {
+      // Match $latex$ syntax for inline math (but not $$)
+      const match = src.match(/^\$([^$]+)\$(?!\$)/)
+      if (!match) {
+        return undefined
+      }
+
+      const [fullMatch, latex] = match
+
+      return {
+        type: 'inlineMath',
+        raw: fullMatch,
+        latex: latex.trim(),
+      }
+    },
+  },
+
+  addInputRules() {
+    return [
+      new InputRule({
+        find: /(?<!\$)(\$\$([^$\n]+?)\$\$)(?!\$)/,
+        handler: ({ state, range, match }) => {
+          const latex = match[2]
+          const { tr } = state
+          const start = range.from
+          const end = range.to
+
+          tr.replaceWith(start, end, this.type.create({ latex }))
+        },
+      }),
+    ]
+  },
+
+  addNodeView() {
+    const { katexOptions } = this.options
+
+    return ({ node, getPos }) => {
+      const wrapper = document.createElement('span')
+      wrapper.className = 'tiptap-mathematics-render'
+
+      if (this.editor.isEditable) {
+        wrapper.classList.add('tiptap-mathematics-render--editable')
+      }
+
+      wrapper.dataset.type = 'inline-math'
+      wrapper.setAttribute('data-latex', node.attrs.latex)
+
+      function renderMath() {
+        try {
+          katex.render(node.attrs.latex, wrapper, katexOptions)
+          wrapper.classList.remove('inline-math-error')
+        } catch {
+          wrapper.textContent = node.attrs.latex
+          wrapper.classList.add('inline-math-error')
+        }
+      }
+
+      const handleClick = (event: MouseEvent) => {
+        event.preventDefault()
+        event.stopPropagation()
+        const pos = getPos()
+
+        if (pos == null) {
+          return
+        }
+
+        if (this.options.onClick) {
+          this.options.onClick(node, pos)
+        }
+      }
+
+      if (this.options.onClick) {
+        wrapper.addEventListener('click', handleClick)
+      }
+
+      renderMath()
+
+      return {
+        dom: wrapper,
+        destroy() {
+          wrapper.removeEventListener('click', handleClick)
+        },
+      }
+    }
+  },
+})
diff --git a/packages/extension-mathematics/src/extensions/index.ts b/packages/extension-mathematics/src/extensions/index.ts
new file mode 100644
index 0000000..5d60f42
--- /dev/null
+++ b/packages/extension-mathematics/src/extensions/index.ts
@@ -0,0 +1,2 @@
+export * from './BlockMath.js'
+export * from './InlineMath.js'
diff --git a/packages/extension-mathematics/src/index.ts b/packages/extension-mathematics/src/index.ts
new file mode 100644
index 0000000..3e58075
--- /dev/null
+++ b/packages/extension-mathematics/src/index.ts
@@ -0,0 +1,8 @@
+import { Mathematics } from './mathematics.js'
+
+export * from './extensions/index.js'
+export * from './mathematics.js'
+export * from './types.js'
+export * from './utils.js'
+
+export default Mathematics
diff --git a/packages/extension-mathematics/src/mathematics.ts b/packages/extension-mathematics/src/mathematics.ts
new file mode 100644
index 0000000..32fefef
--- /dev/null
+++ b/packages/extension-mathematics/src/mathematics.ts
@@ -0,0 +1,77 @@
+import { Extension } from '@tiptap/core'
+
+import { BlockMath, InlineMath } from './extensions/index.js'
+import type { MathematicsOptions } from './types.js'
+
+/**
+ * Mathematics extension for Tiptap that provides both inline and block math support using KaTeX.
+ * This extension combines the InlineMath and BlockMath extensions to provide a complete
+ * mathematical expression solution for rich text editing. It supports LaTeX syntax,
+ * custom rendering options, and interactive math nodes.
+ *
+ * @example
+ * ```typescript
+ * import { Editor } from '@tiptap/core'
+ * import { Mathematics } from '@tiptap/extension-mathematics'
+ * import { migrateMathStrings } from '@tiptap/extension-mathematics/utils'
+ *
+ * const editor = new Editor({
+ *   extensions: [
+ *     Mathematics.configure({
+ *       inlineOptions: {
+ *         onClick: (node, pos) => {
+ *           console.log('Inline math clicked:', node.attrs.latex)
+ *         }
+ *       },
+ *       blockOptions: {
+ *         onClick: (node, pos) => {
+ *           console.log('Block math clicked:', node.attrs.latex)
+ *         }
+ *       },
+ *       katexOptions: {
+ *         displayMode: false,
+ *         throwOnError: false,
+ *         macros: {
+ *           '\\RR': '\\mathbb{R}',
+ *           '\\ZZ': '\\mathbb{Z}'
+ *         }
+ *       }
+ *     })
+ *   ],
+ *   content: `
+ *     <p>Inline math: $E = mc^2$</p>
+ *     <div data-type="block-math" data-latex="\\sum_{i=1}^{n} x_i = X"></div>
+ *   `,
+ *   onCreate({ editor }) {
+ *     // Optional: Migrate existing math strings to math nodes
+ *     migrateMathStrings(editor)
+ *   }
+ * })
+ * ```
+ */
+export const Mathematics = Extension.create<MathematicsOptions>({
+  name: 'Mathematics',
+
+  addOptions() {
+    return {
+      inlineOptions: undefined,
+      blockOptions: undefined,
+      katexOptions: undefined,
+    }
+  },
+
+  addExtensions() {
+    return [
+      BlockMath.configure({
+        ...this.options.blockOptions,
+        katexOptions: this.options.katexOptions,
+      }),
+      InlineMath.configure({
+        ...this.options.inlineOptions,
+        katexOptions: this.options.katexOptions,
+      }),
+    ]
+  },
+})
+
+export default Mathematics
diff --git a/packages/extension-mathematics/src/types.ts b/packages/extension-mathematics/src/types.ts
new file mode 100644
index 0000000..7ed2809
--- /dev/null
+++ b/packages/extension-mathematics/src/types.ts
@@ -0,0 +1,24 @@
+import type { Editor } from '@tiptap/core'
+import type { KatexOptions } from 'katex'
+
+import type { BlockMathOptions, InlineMathOptions } from './extensions/index.js'
+
+/**
+ * Configuration options for the Mathematics extension.
+ * This type defines the available customization options for both inline and block math rendering.
+ */
+export type MathematicsOptions = {
+  /** Configuration options specific to inline math nodes */
+  inlineOptions?: Omit<InlineMathOptions, 'katexOptions'>
+  /** Configuration options specific to block math nodes */
+  blockOptions?: Omit<BlockMathOptions, 'katexOptions'>
+  /** KaTeX-specific rendering options passed to the KaTeX library */
+  katexOptions?: KatexOptions
+}
+
+/**
+ * Extended mathematics options that include an editor instance.
+ * This type combines the base mathematics options with an editor reference,
+ * typically used internally by the extension for operations that require editor access.
+ */
+export type MathematicsOptionsWithEditor = MathematicsOptions & { editor: Editor }
diff --git a/packages/extension-mathematics/src/utils.ts b/packages/extension-mathematics/src/utils.ts
new file mode 100644
index 0000000..aa82571
--- /dev/null
+++ b/packages/extension-mathematics/src/utils.ts
@@ -0,0 +1,105 @@
+import type { Editor } from '@tiptap/core'
+import type { Transaction } from '@tiptap/pm/state'
+
+/**
+ * Regular expression to match LaTeX math strings wrapped in single dollar signs.
+ * This should not catch dollar signs which are not part of a math expression,
+ * like those used for currency or other purposes.
+ * It ensures that the dollar signs are not preceded or followed by digits,
+ * allowing for proper identification of inline math expressions.
+ *
+ * - `$x^2 + y^2 = z^2$` will match
+ * - `This is $inline math$ in text.` will match
+ * - `This is $100$ dollars.` will not match (as it is not a math expression)
+ * - `This is $x^2 + y^2 = z^2$ and $100$ dollars.` will match both math expressions
+ */
+export const mathMigrationRegex = /\$(?!\d+\$)(.+?)\$(?!\d)/g
+
+/**
+ * Creates a transaction that migrates existing math strings in the document to new math nodes.
+ * This function traverses the document and replaces LaTeX math syntax (wrapped in single dollar signs)
+ * with proper inline math nodes, preserving the mathematical content.
+ *
+ * @param editor - The editor instance containing the schema and configuration
+ * @param tr - The transaction to modify with the migration operations
+ * @returns The modified transaction with math string replacements
+ *
+ * @example
+ * ```typescript
+ * const editor = new Editor({ ... })
+ * const tr = editor.state.tr
+ * const updatedTr = createMathMigrateTransaction(editor, tr)
+ * editor.view.dispatch(updatedTr)
+ * ```
+ */
+export function createMathMigrateTransaction(
+  editor: Editor,
+  tr: Transaction,
+  regex: RegExp = mathMigrationRegex,
+) {
+  // we traverse the document and replace all math nodes with the new math nodes
+  tr.doc.descendants((node, pos) => {
+    if (!node.isText || !node.text || !node.text.includes('$')) {
+      return
+    }
+
+    const { text } = node
+
+    const match = node.text.match(regex)
+    if (!match) {
+      return
+    }
+
+    match.forEach(mathMatch => {
+      const start = text.indexOf(mathMatch)
+      const end = start + mathMatch.length
+
+      const from = tr.mapping.map(pos + start)
+
+      const $from = tr.doc.resolve(from)
+      const parent = $from.parent
+      const index = $from.index()
+
+      const { inlineMath } = editor.schema.nodes
+
+      if (!parent.canReplaceWith(index, index + 1, inlineMath)) {
+        return
+      }
+
+      // Replace the math syntax with a new math node
+      tr.replaceWith(
+        tr.mapping.map(pos + start),
+        tr.mapping.map(pos + end),
+        inlineMath.create({ latex: mathMatch.slice(1, -1) }),
+      )
+    })
+  })
+
+  // don't add to history
+  tr.setMeta('addToHistory', false)
+  return tr
+}
+
+/**
+ * Migrates existing math strings in the editor document to math nodes.
+ * This function creates and dispatches a transaction that converts LaTeX math syntax
+ * (text wrapped in single dollar signs) into proper inline math nodes. The migration
+ * happens immediately and is not added to the editor's history.
+ *
+ * @param editor - The editor instance to perform the migration on
+ *
+ * @example
+ * ```typescript
+ * const editor = new Editor({
+ *   extensions: [Mathematics],
+ *   content: 'This is inline math: $x^2 + y^2 = z^2$ in text.'
+ * })
+ *
+ * // Math strings will be automatically migrated to math nodes
+ * migrateMathStrings(editor)
+ * ```
+ */
+export function migrateMathStrings(editor: Editor, regex: RegExp = mathMigrationRegex) {
+  const tr = createMathMigrateTransaction(editor, editor.state.tr, regex)
+  editor.view.dispatch(tr)
+}
diff --git a/packages/extension-mathematics/vite.config.ts b/packages/extension-mathematics/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-mathematics/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-mention/CHANGELOG.md b/packages/extension-mention/CHANGELOG.md
new file mode 100644
index 0000000..eff57ba
--- /dev/null
+++ b/packages/extension-mention/CHANGELOG.md
@@ -0,0 +1,2420 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/suggestion@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/suggestion@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/suggestion@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+  - @tiptap/suggestion@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+- @tiptap/suggestion@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+- @tiptap/suggestion@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+  - @tiptap/suggestion@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+- @tiptap/suggestion@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+- @tiptap/suggestion@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/suggestion@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+  - @tiptap/suggestion@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+- @tiptap/suggestion@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6270b99]
+- Updated dependencies [6d12bb9]
+- Updated dependencies [6270b99]
+- Updated dependencies [6270b99]
+- Updated dependencies [6270b99]
+  - @tiptap/core@3.27.0
+  - @tiptap/suggestion@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+- @tiptap/suggestion@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+- @tiptap/suggestion@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+  - @tiptap/suggestion@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+  - @tiptap/suggestion@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/suggestion@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/suggestion@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+- @tiptap/suggestion@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+- @tiptap/suggestion@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/suggestion@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+- @tiptap/suggestion@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/suggestion@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/suggestion@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+  - @tiptap/suggestion@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/suggestion@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/suggestion@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/suggestion@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [7f6d63c]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/suggestion@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+- @tiptap/suggestion@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+- @tiptap/suggestion@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+- @tiptap/suggestion@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/suggestion@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/suggestion@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/suggestion@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/suggestion@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/suggestion@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+- @tiptap/suggestion@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+- @tiptap/suggestion@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/suggestion@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/suggestion@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+- @tiptap/suggestion@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/suggestion@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+- @tiptap/suggestion@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- Updated dependencies [5cdcc9e]
+  - @tiptap/suggestion@3.15.1
+  - @tiptap/core@3.15.1
+  - @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/suggestion@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+- @tiptap/suggestion@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- 526365a: Add 'mentionSuggestionChar' to allowedAttributes for Markdown serialization in multi-mention setups. The attribute is only serialized when it differs from the default '@' character, keeping markdown output clean for single-mention users.
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/suggestion@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+- @tiptap/suggestion@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/suggestion@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/suggestion@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/suggestion@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/suggestion@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+- @tiptap/suggestion@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+- @tiptap/suggestion@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/suggestion@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/suggestion@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+- @tiptap/suggestion@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+- @tiptap/suggestion@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/suggestion@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/suggestion@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+- @tiptap/suggestion@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/suggestion@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+- @tiptap/suggestion@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+- @tiptap/suggestion@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+- @tiptap/suggestion@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/suggestion@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+- @tiptap/suggestion@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+- @tiptap/suggestion@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/suggestion@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+- @tiptap/suggestion@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/suggestion@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+- @tiptap/suggestion@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+- @tiptap/suggestion@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/suggestion@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+- @tiptap/suggestion@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+- @tiptap/suggestion@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+- @tiptap/suggestion@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+- @tiptap/suggestion@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/suggestion@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- f472c5b: Use a named import for Suggestion from `@tiptap/suggestion` to avoid bundler ESM/CJS interop
+  wrapping (`__toESM`) that caused Jest/CJS consumers to receive a module object instead of the
+  callable plugin factory.
+
+  This is a non-breaking internal fix. It keeps runtime module shape stable for CommonJS (Jest)
+  and prevents the TypeError thrown when the extension attempted to call a non-function.
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/suggestion@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/suggestion@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/suggestion@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+- @tiptap/suggestion@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- Updated dependencies [59fb86f]
+  - @tiptap/suggestion@3.4.1
+  - @tiptap/core@3.4.1
+  - @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [3733bb9]
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+- Updated dependencies [90cbed5]
+  - @tiptap/suggestion@3.4.0
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+- @tiptap/suggestion@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/suggestion@3.3.0
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+- @tiptap/suggestion@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/suggestion@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/suggestion@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+- @tiptap/suggestion@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+- @tiptap/suggestion@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+- @tiptap/suggestion@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+- @tiptap/suggestion@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/suggestion@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+- @tiptap/suggestion@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/suggestion@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/suggestion@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+- @tiptap/suggestion@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Minor Changes
+
+- 68034ab: Support multiple triggers in Mention extension
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- b3afd1e: Show mention indicator when converting document to HTML
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [a80e62f]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [7eaa34d]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/suggestion@3.0.1
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+- @tiptap/suggestion@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- Updated dependencies [a80e62f]
+  - @tiptap/suggestion@3.0.0-beta.29
+  - @tiptap/core@3.0.0-beta.29
+  - @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+- @tiptap/suggestion@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/suggestion@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/suggestion@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/suggestion@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+- @tiptap/suggestion@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+- @tiptap/suggestion@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+- @tiptap/suggestion@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/suggestion@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+- @tiptap/suggestion@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/suggestion@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- b3afd1e: Show mention indicator when converting document to HTML
+  - @tiptap/core@3.0.0-beta.18
+  - @tiptap/pm@3.0.0-beta.18
+  - @tiptap/suggestion@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/suggestion@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/suggestion@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/suggestion@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/suggestion@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+- @tiptap/suggestion@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+- @tiptap/suggestion@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+- @tiptap/suggestion@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+- @tiptap/suggestion@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+- @tiptap/suggestion@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+- @tiptap/suggestion@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/suggestion@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+- @tiptap/suggestion@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/suggestion@3.0.0-beta.5
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Minor Changes
+
+- 68034ab: Support multiple triggers in Mention extension
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/suggestion@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/suggestion@3.0.0-beta.3
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/suggestion@3.0.0-next.1
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Major Changes
+
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Patch Changes
+
+- Updated dependencies [7eaa34d]
+- Updated dependencies [0ec0af6]
+  - @tiptap/suggestion@3.0.0-next.0
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/pm@2.5.8
+  - @tiptap/suggestion@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/pm@2.5.7
+  - @tiptap/suggestion@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+  - @tiptap/suggestion@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/pm@2.5.5
+  - @tiptap/suggestion@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/suggestion@2.5.4
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/pm@2.5.3
+- @tiptap/suggestion@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/pm@2.5.2
+  - @tiptap/suggestion@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/pm@2.5.1
+- @tiptap/suggestion@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/pm@2.5.0
+  - @tiptap/suggestion@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/pm@2.5.0-pre.16
+- @tiptap/suggestion@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/pm@2.5.0-pre.15
+- @tiptap/suggestion@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/pm@2.5.0-pre.14
+- @tiptap/suggestion@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+  - @tiptap/suggestion@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+  - @tiptap/suggestion@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+  - @tiptap/suggestion@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+  - @tiptap/suggestion@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+  - @tiptap/suggestion@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+  - @tiptap/suggestion@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+- @tiptap/suggestion@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.193](https://github.com/ueberdosis/tiptap/compare/v0.1.2...v2.0.0-beta.193) (2022-09-10)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+- add pluginKey option to suggestion plugin, fix [#1282](https://github.com/ueberdosis/tiptap/issues/1282) ([7cf3350](https://github.com/ueberdosis/tiptap/commit/7cf3350a832181f8cc1fa7ea1afec8f8d083e507))
+- **extension/mention:** collapse selection to end after suggestion insertion to fix chrome selection issue with mouse ([163de4e](https://github.com/ueberdosis/tiptap/commit/163de4e1876000a88117da8a02b1f62cd4a2cfb0))
+- fix check for showing mention suggestion ([5e652c9](https://github.com/ueberdosis/tiptap/commit/5e652c94a7d72e480003449b2dd6050a55df9cc7))
+- Fix parsing of mention nodes ([#1471](https://github.com/ueberdosis/tiptap/issues/1471)) ([5178172](https://github.com/ueberdosis/tiptap/commit/5178172864e167538698186d56e0aa75df307c98))
+- fixes an error when using the mention extension and pasting text ending with "@", fix [#2413](https://github.com/ueberdosis/tiptap/issues/2413) ([55fa220](https://github.com/ueberdosis/tiptap/commit/55fa2208996f648a2ca06b0a363a249ff5e39169))
+- prevent multiple space characters after mention node, fix [#1703](https://github.com/ueberdosis/tiptap/issues/1703) ([3f7e6b2](https://github.com/ueberdosis/tiptap/commit/3f7e6b219b572d2aa06618ce125ba86cd2fcd0bd))
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+### Features
+
+- add insertContent() command, deprecate insertText(), insertHTML() and insertNode() ([b8d9b7d](https://github.com/ueberdosis/tiptap/commit/b8d9b7d4c70b38fb9eec3c079be8243d30166e5e))
+- add label attribute to mention extension ([#1322](https://github.com/ueberdosis/tiptap/issues/1322)) ([c3afe88](https://github.com/ueberdosis/tiptap/commit/c3afe880ae56e53da429590be4c7e2ffe5a70486))
+- add renderLabel option to mention extension, see [#1322](https://github.com/ueberdosis/tiptap/issues/1322) ([3b78af4](https://github.com/ueberdosis/tiptap/commit/3b78af44a054fa5d0101d8f7d836409b0b68547e))
+- parseHTML for attributes should return the value instead of an object now, fix [#1863](https://github.com/ueberdosis/tiptap/issues/1863) ([8a3b47a](https://github.com/ueberdosis/tiptap/commit/8a3b47a529d28b28b50d634c6ff69b8e5aad3080))
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.103](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.102...@tiptap/extension-mention@2.0.0-beta.103) (2022-09-03)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.102](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.101...@tiptap/extension-mention@2.0.0-beta.102) (2022-06-27)
+
+### Bug Fixes
+
+- **extension/mention:** collapse selection to end after suggestion insertion to fix chrome selection issue with mouse ([163de4e](https://github.com/ueberdosis/tiptap/commit/163de4e1876000a88117da8a02b1f62cd4a2cfb0))
+
+# [2.0.0-beta.101](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.100...@tiptap/extension-mention@2.0.0-beta.101) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.100](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.98...@tiptap/extension-mention@2.0.0-beta.100) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.98](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.98...@tiptap/extension-mention@2.0.0-beta.98) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.97](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.96...@tiptap/extension-mention@2.0.0-beta.97) (2022-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.96](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.95...@tiptap/extension-mention@2.0.0-beta.96) (2022-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.95](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.94...@tiptap/extension-mention@2.0.0-beta.95) (2022-01-25)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.94](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.93...@tiptap/extension-mention@2.0.0-beta.94) (2022-01-21)
+
+### Bug Fixes
+
+- fixes an error when using the mention extension and pasting text ending with "@", fix [#2413](https://github.com/ueberdosis/tiptap/issues/2413) ([55fa220](https://github.com/ueberdosis/tiptap/commit/55fa2208996f648a2ca06b0a363a249ff5e39169))
+
+# [2.0.0-beta.93](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.92...@tiptap/extension-mention@2.0.0-beta.93) (2022-01-20)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.92](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.91...@tiptap/extension-mention@2.0.0-beta.92) (2022-01-13)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.91](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.90...@tiptap/extension-mention@2.0.0-beta.91) (2022-01-04)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.90](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.89...@tiptap/extension-mention@2.0.0-beta.90) (2021-12-04)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.89](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.88...@tiptap/extension-mention@2.0.0-beta.89) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.88](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.87...@tiptap/extension-mention@2.0.0-beta.88) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.87](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.86...@tiptap/extension-mention@2.0.0-beta.87) (2021-11-17)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.86](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.85...@tiptap/extension-mention@2.0.0-beta.86) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.85](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.84...@tiptap/extension-mention@2.0.0-beta.85) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.84](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.83...@tiptap/extension-mention@2.0.0-beta.84) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.83](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.82...@tiptap/extension-mention@2.0.0-beta.83) (2021-11-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.82](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.81...@tiptap/extension-mention@2.0.0-beta.82) (2021-11-05)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.81](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.80...@tiptap/extension-mention@2.0.0-beta.81) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.80](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.79...@tiptap/extension-mention@2.0.0-beta.80) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.79](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.78...@tiptap/extension-mention@2.0.0-beta.79) (2021-10-25)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.78](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.77...@tiptap/extension-mention@2.0.0-beta.78) (2021-10-22)
+
+### Bug Fixes
+
+- fix check for showing mention suggestion ([5e652c9](https://github.com/ueberdosis/tiptap/commit/5e652c94a7d72e480003449b2dd6050a55df9cc7))
+
+# [2.0.0-beta.77](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.76...@tiptap/extension-mention@2.0.0-beta.77) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.76](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.75...@tiptap/extension-mention@2.0.0-beta.76) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.75](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.74...@tiptap/extension-mention@2.0.0-beta.75) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.74](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.73...@tiptap/extension-mention@2.0.0-beta.74) (2021-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.73](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.72...@tiptap/extension-mention@2.0.0-beta.73) (2021-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.72](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.71...@tiptap/extension-mention@2.0.0-beta.72) (2021-09-08)
+
+### Features
+
+- parseHTML for attributes should return the value instead of an object now, fix [#1863](https://github.com/ueberdosis/tiptap/issues/1863) ([8a3b47a](https://github.com/ueberdosis/tiptap/commit/8a3b47a529d28b28b50d634c6ff69b8e5aad3080))
+
+# [2.0.0-beta.71](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.70...@tiptap/extension-mention@2.0.0-beta.71) (2021-09-06)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.70](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.69...@tiptap/extension-mention@2.0.0-beta.70) (2021-08-23)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.69](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.68...@tiptap/extension-mention@2.0.0-beta.69) (2021-08-23)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.68](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.67...@tiptap/extension-mention@2.0.0-beta.68) (2021-08-20)
+
+### Bug Fixes
+
+- prevent multiple space characters after mention node, fix [#1703](https://github.com/ueberdosis/tiptap/issues/1703) ([3f7e6b2](https://github.com/ueberdosis/tiptap/commit/3f7e6b219b572d2aa06618ce125ba86cd2fcd0bd))
+
+# [2.0.0-beta.67](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.66...@tiptap/extension-mention@2.0.0-beta.67) (2021-08-13)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.66](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.65...@tiptap/extension-mention@2.0.0-beta.66) (2021-08-13)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.65](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.64...@tiptap/extension-mention@2.0.0-beta.65) (2021-08-13)
+
+### Bug Fixes
+
+- add pluginKey option to suggestion plugin, fix [#1282](https://github.com/ueberdosis/tiptap/issues/1282) ([7cf3350](https://github.com/ueberdosis/tiptap/commit/7cf3350a832181f8cc1fa7ea1afec8f8d083e507))
+
+# [2.0.0-beta.64](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.63...@tiptap/extension-mention@2.0.0-beta.64) (2021-08-09)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.63](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.62...@tiptap/extension-mention@2.0.0-beta.63) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.62](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.61...@tiptap/extension-mention@2.0.0-beta.62) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.61](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.60...@tiptap/extension-mention@2.0.0-beta.61) (2021-06-23)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.60](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.59...@tiptap/extension-mention@2.0.0-beta.60) (2021-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.59](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.58...@tiptap/extension-mention@2.0.0-beta.59) (2021-06-15)
+
+### Bug Fixes
+
+- Fix parsing of mention nodes ([#1471](https://github.com/ueberdosis/tiptap/issues/1471)) ([5178172](https://github.com/ueberdosis/tiptap/commit/5178172864e167538698186d56e0aa75df307c98))
+
+# [2.0.0-beta.58](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.57...@tiptap/extension-mention@2.0.0-beta.58) (2021-06-14)
+
+### Features
+
+- add label attribute to mention extension ([#1322](https://github.com/ueberdosis/tiptap/issues/1322)) ([c3afe88](https://github.com/ueberdosis/tiptap/commit/c3afe880ae56e53da429590be4c7e2ffe5a70486))
+- add renderLabel option to mention extension, see [#1322](https://github.com/ueberdosis/tiptap/issues/1322) ([3b78af4](https://github.com/ueberdosis/tiptap/commit/3b78af44a054fa5d0101d8f7d836409b0b68547e))
+
+# [2.0.0-beta.57](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.56...@tiptap/extension-mention@2.0.0-beta.57) (2021-05-27)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.56](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.55...@tiptap/extension-mention@2.0.0-beta.56) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.55](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.54...@tiptap/extension-mention@2.0.0-beta.55) (2021-05-17)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.54](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.53...@tiptap/extension-mention@2.0.0-beta.54) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.53](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.52...@tiptap/extension-mention@2.0.0-beta.53) (2021-05-07)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.52](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.51...@tiptap/extension-mention@2.0.0-beta.52) (2021-05-07)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.51](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.50...@tiptap/extension-mention@2.0.0-beta.51) (2021-05-07)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.50](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.49...@tiptap/extension-mention@2.0.0-beta.50) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.49](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.48...@tiptap/extension-mention@2.0.0-beta.49) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.48](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.47...@tiptap/extension-mention@2.0.0-beta.48) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.47](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.46...@tiptap/extension-mention@2.0.0-beta.47) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.46](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.45...@tiptap/extension-mention@2.0.0-beta.46) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.45](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.44...@tiptap/extension-mention@2.0.0-beta.45) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.44](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.43...@tiptap/extension-mention@2.0.0-beta.44) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.43](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.42...@tiptap/extension-mention@2.0.0-beta.43) (2021-05-04)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.42](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.41...@tiptap/extension-mention@2.0.0-beta.42) (2021-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.41](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.40...@tiptap/extension-mention@2.0.0-beta.41) (2021-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.40](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.39...@tiptap/extension-mention@2.0.0-beta.40) (2021-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.39](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.38...@tiptap/extension-mention@2.0.0-beta.39) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.38](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.37...@tiptap/extension-mention@2.0.0-beta.38) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.36...@tiptap/extension-mention@2.0.0-beta.37) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.35...@tiptap/extension-mention@2.0.0-beta.36) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.34...@tiptap/extension-mention@2.0.0-beta.35) (2021-04-20)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.33...@tiptap/extension-mention@2.0.0-beta.34) (2021-04-20)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.32...@tiptap/extension-mention@2.0.0-beta.33) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.31...@tiptap/extension-mention@2.0.0-beta.32) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.30...@tiptap/extension-mention@2.0.0-beta.31) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.29...@tiptap/extension-mention@2.0.0-beta.30) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.28...@tiptap/extension-mention@2.0.0-beta.29) (2021-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.27...@tiptap/extension-mention@2.0.0-beta.28) (2021-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.26...@tiptap/extension-mention@2.0.0-beta.27) (2021-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.25...@tiptap/extension-mention@2.0.0-beta.26) (2021-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.24...@tiptap/extension-mention@2.0.0-beta.25) (2021-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.23...@tiptap/extension-mention@2.0.0-beta.24) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.22...@tiptap/extension-mention@2.0.0-beta.23) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.21...@tiptap/extension-mention@2.0.0-beta.22) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.20...@tiptap/extension-mention@2.0.0-beta.21) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.19...@tiptap/extension-mention@2.0.0-beta.20) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.18...@tiptap/extension-mention@2.0.0-beta.19) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.17...@tiptap/extension-mention@2.0.0-beta.18) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.16...@tiptap/extension-mention@2.0.0-beta.17) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.15...@tiptap/extension-mention@2.0.0-beta.16) (2021-04-07)
+
+### Features
+
+- add insertContent() command, deprecate insertText(), insertHTML() and insertNode() ([b8d9b7d](https://github.com/ueberdosis/tiptap/commit/b8d9b7d4c70b38fb9eec3c079be8243d30166e5e))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.14...@tiptap/extension-mention@2.0.0-beta.15) (2021-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.13...@tiptap/extension-mention@2.0.0-beta.14) (2021-04-04)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.12...@tiptap/extension-mention@2.0.0-beta.13) (2021-04-02)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.11...@tiptap/extension-mention@2.0.0-beta.12) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.10...@tiptap/extension-mention@2.0.0-beta.11) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.9...@tiptap/extension-mention@2.0.0-beta.10) (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.8...@tiptap/extension-mention@2.0.0-beta.9) (2021-03-28)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.7...@tiptap/extension-mention@2.0.0-beta.8) (2021-03-28)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.6...@tiptap/extension-mention@2.0.0-beta.7) (2021-03-28)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.5...@tiptap/extension-mention@2.0.0-beta.6) (2021-03-24)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.4...@tiptap/extension-mention@2.0.0-beta.5) (2021-03-18)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.3...@tiptap/extension-mention@2.0.0-beta.4) (2021-03-18)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.2...@tiptap/extension-mention@2.0.0-beta.3) (2021-03-16)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-beta.1...@tiptap/extension-mention@2.0.0-beta.2) (2021-03-09)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-alpha.12...@tiptap/extension-mention@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-alpha.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-alpha.11...@tiptap/extension-mention@2.0.0-alpha.12) (2021-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-alpha.10...@tiptap/extension-mention@2.0.0-alpha.11) (2021-02-26)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-alpha.9...@tiptap/extension-mention@2.0.0-alpha.10) (2021-02-26)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-alpha.8...@tiptap/extension-mention@2.0.0-alpha.9) (2021-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-alpha.7...@tiptap/extension-mention@2.0.0-alpha.8) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-alpha.6...@tiptap/extension-mention@2.0.0-alpha.7) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-alpha.5...@tiptap/extension-mention@2.0.0-alpha.6) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-alpha.4...@tiptap/extension-mention@2.0.0-alpha.5) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-alpha.3...@tiptap/extension-mention@2.0.0-alpha.4) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-alpha.2...@tiptap/extension-mention@2.0.0-alpha.3) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-mention@2.0.0-alpha.1...@tiptap/extension-mention@2.0.0-alpha.2) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-mention
+
+# 2.0.0-alpha.1 (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-mention
diff --git a/packages/extension-mention/README.md b/packages/extension-mention/README.md
new file mode 100644
index 0000000..c9c49c3
--- /dev/null
+++ b/packages/extension-mention/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-mention
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-mention.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-mention)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-mention.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-mention.svg)](https://www.npmjs.com/package/@tiptap/extension-mention)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-mention/package.json b/packages/extension-mention/package.json
new file mode 100644
index 0000000..8da962f
--- /dev/null
+++ b/packages/extension-mention/package.json
@@ -0,0 +1,54 @@
+{
+  "name": "@tiptap/extension-mention",
+  "version": "3.30.3",
+  "description": "mention extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-mention"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "@tiptap/suggestion": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "@tiptap/suggestion": "workspace:*"
+  }
+}
diff --git a/packages/extension-mention/src/index.ts b/packages/extension-mention/src/index.ts
new file mode 100644
index 0000000..c920249
--- /dev/null
+++ b/packages/extension-mention/src/index.ts
@@ -0,0 +1,5 @@
+import { Mention } from './mention.js'
+
+export * from './mention.js'
+
+export default Mention
diff --git a/packages/extension-mention/src/mention.test.ts b/packages/extension-mention/src/mention.test.ts
new file mode 100644
index 0000000..1ddb61d
--- /dev/null
+++ b/packages/extension-mention/src/mention.test.ts
@@ -0,0 +1,48 @@
+import { Mention } from './mention.js'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('mention Markdown', () => {
+  it('parses mapped attributes', () => {
+    const tokenizer = Mention.config.markdownTokenizer
+    expect(tokenizer).toBeDefined()
+
+    const token = tokenizer?.tokenize('[@ id="feature" char="#"]', [], null as any)
+
+    expect(token).toMatchObject({
+      attributes: {
+        id: 'feature',
+        mentionSuggestionChar: '#',
+      },
+    })
+  })
+
+  it('parses malformed attributes in linear time', () => {
+    const tokenizer = Mention.config.markdownTokenizer
+    expect(tokenizer).toBeDefined()
+
+    const measure = (attributes: string) => {
+      const startedAt = performance.now()
+      tokenizer?.tokenize(`[@ ${attributes}]`, [], null as any)
+      return performance.now() - startedAt
+    }
+
+    measure('warmup="true"')
+    const sizes = [12_288, 24_576]
+    sizes.forEach(size => {
+      const attack = '0'.repeat(size)
+      const control = '-'.repeat(attack.length)
+      const controlDuration = measure(control)
+      const attackDuration = measure(attack)
+
+      expect(attackDuration).toBeLessThan(controlDuration * 20 + 100)
+    })
+  })
+
+  it('only parses attributes at attribute boundaries', () => {
+    const tokenizer = Mention.config.markdownTokenizer
+
+    const token = tokenizer?.tokenize('[@ id="feature" prefix:char="#"]', [], null as any)
+
+    expect(token).toMatchObject({ attributes: { id: 'feature' } })
+  })
+})
diff --git a/packages/extension-mention/src/mention.ts b/packages/extension-mention/src/mention.ts
new file mode 100644
index 0000000..e798982
--- /dev/null
+++ b/packages/extension-mention/src/mention.ts
@@ -0,0 +1,367 @@
+import type { Editor } from '@tiptap/core'
+import { createInlineMarkdownSpec, mergeAttributes, Node } from '@tiptap/core'
+import type { DOMOutputSpec } from '@tiptap/pm/model'
+import { Node as PMNode } from '@tiptap/pm/model'
+import type { SuggestionOptions } from '@tiptap/suggestion'
+import { Suggestion } from '@tiptap/suggestion'
+
+import { getSuggestionOptions } from './utils/get-default-suggestion-attributes.js'
+
+// See `addAttributes` below
+export interface MentionNodeAttrs {
+  /**
+   * The identifier for the selected item that was mentioned, stored as a `data-id`
+   * attribute.
+   */
+  id: string | null
+  /**
+   * The label to be rendered by the editor as the displayed text for this mentioned
+   * item, if provided. Stored as a `data-label` attribute. See `renderLabel`.
+   */
+  label?: string | null
+  /**
+   * The character that triggers the suggestion, stored as
+   * `data-mention-suggestion-char` attribute.
+   */
+  mentionSuggestionChar?: string
+}
+
+export interface MentionOptions<
+  SuggestionItem = any,
+  Attrs extends Record<string, any> = MentionNodeAttrs,
+> {
+  /**
+   * The HTML attributes for a mention node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+
+  /**
+   * A function to render the label of a mention.
+   * @deprecated use renderText and renderHTML instead
+   * @param props The render props
+   * @returns The label
+   * @example ({ options, node }) => `${options.suggestion.char}${node.attrs.label ?? node.attrs.id}`
+   */
+  renderLabel?: (props: {
+    options: MentionOptions<SuggestionItem, Attrs>
+    node: PMNode
+    suggestion: SuggestionOptions | null
+  }) => string
+
+  /**
+   * A function to render the text of a mention.
+   * @param props The render props
+   * @returns The text
+   * @example ({ options, node }) => `${options.suggestion.char}${node.attrs.label ?? node.attrs.id}`
+   */
+  renderText: (props: {
+    options: MentionOptions<SuggestionItem, Attrs>
+    node: PMNode
+    suggestion: SuggestionOptions | null
+  }) => string
+
+  /**
+   * A function to render the HTML of a mention.
+   * @param props The render props
+   * @returns The HTML as a ProseMirror DOM Output Spec
+   * @example ({ options, node }) => ['span', { 'data-type': 'mention' }, `${options.suggestion.char}${node.attrs.label ?? node.attrs.id}`]
+   */
+  renderHTML: (props: {
+    options: MentionOptions<SuggestionItem, Attrs>
+    node: PMNode
+    suggestion: SuggestionOptions | null
+  }) => DOMOutputSpec
+
+  /**
+   * Whether to delete the trigger character with backspace.
+   * @default false
+   */
+  deleteTriggerWithBackspace: boolean
+
+  /**
+   * The suggestion options, when you want to support multiple triggers.
+   *
+   * With this parameter, you can define multiple types of mention. For example, you can use the `@` character
+   * to mention users and the `#` character to mention tags.
+   *
+   * @default [{ char: '@', pluginKey: MentionPluginKey }]
+   * @example [{ char: '@', pluginKey: MentionPluginKey }, { char: '#', pluginKey: new PluginKey('hashtag') }]
+   */
+  suggestions: Array<Omit<SuggestionOptions<SuggestionItem, Attrs>, 'editor'>>
+
+  /**
+   * The suggestion options, when you want to support only one trigger. To support multiple triggers, use the
+   * `suggestions` parameter instead.
+   *
+   * @default {}
+   * @example { char: '@', pluginKey: MentionPluginKey, command: ({ editor, range, props }) => { ... } }
+   */
+  suggestion: Omit<SuggestionOptions<SuggestionItem, Attrs>, 'editor'>
+}
+
+interface GetSuggestionsOptions {
+  editor?: Editor
+  options: MentionOptions
+  name: string
+}
+
+/**
+ * Returns the suggestions for the mention extension.
+ *
+ * @param options The extension options
+ * @returns the suggestions
+ */
+function getSuggestions(options: GetSuggestionsOptions) {
+  return (
+    options.options.suggestions.length ? options.options.suggestions : [options.options.suggestion]
+  ).map(suggestion =>
+    getSuggestionOptions({
+      // @ts-ignore `editor` can be `undefined` when converting the document to HTML with the HTML utility
+      editor: options.editor,
+      overrideSuggestionOptions: suggestion,
+      extensionName: options.name,
+      char: suggestion.char,
+    }),
+  )
+}
+
+/**
+ * Returns the suggestion options of the mention that has a given character trigger. If not
+ * found, it returns the first suggestion.
+ *
+ * @param options The extension options
+ * @param char The character that triggers the mention
+ * @returns The suggestion options
+ */
+function getSuggestionFromChar(options: GetSuggestionsOptions, char: string) {
+  const suggestions = getSuggestions(options)
+
+  const suggestion = suggestions.find(s => s.char === char)
+  if (suggestion) {
+    return suggestion
+  }
+
+  if (suggestions.length) {
+    return suggestions[0]
+  }
+
+  return null
+}
+
+/**
+ * This extension allows you to insert mentions into the editor.
+ * @see https://www.tiptap.dev/api/extensions/mention
+ */
+export const Mention = Node.create<MentionOptions>({
+  name: 'mention',
+
+  priority: 101,
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+      renderText({ node, suggestion }) {
+        return `${suggestion?.char ?? '@'}${node.attrs.label ?? node.attrs.id}`
+      },
+      deleteTriggerWithBackspace: false,
+      renderHTML({ options, node, suggestion }) {
+        return [
+          'span',
+          mergeAttributes(this.HTMLAttributes, options.HTMLAttributes),
+          `${suggestion?.char ?? '@'}${node.attrs.label ?? node.attrs.id}`,
+        ]
+      },
+      suggestions: [],
+      suggestion: {},
+    }
+  },
+
+  group: 'inline',
+
+  inline: true,
+
+  selectable: false,
+
+  atom: true,
+
+  addAttributes() {
+    return {
+      id: {
+        default: null,
+        parseHTML: element => element.getAttribute('data-id'),
+        renderHTML: attributes => {
+          if (!attributes.id) {
+            return {}
+          }
+
+          return {
+            'data-id': attributes.id,
+          }
+        },
+      },
+
+      label: {
+        default: null,
+        parseHTML: element => element.getAttribute('data-label'),
+        renderHTML: attributes => {
+          if (!attributes.label) {
+            return {}
+          }
+
+          return {
+            'data-label': attributes.label,
+          }
+        },
+      },
+
+      // When there are multiple types of mentions, this attribute helps distinguish them
+      mentionSuggestionChar: {
+        default: '@',
+        parseHTML: element => element.getAttribute('data-mention-suggestion-char'),
+        renderHTML: attributes => {
+          return {
+            'data-mention-suggestion-char': attributes.mentionSuggestionChar,
+          }
+        },
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: `span[data-type="${this.name}"]`,
+      },
+    ]
+  },
+
+  renderHTML({ node, HTMLAttributes }) {
+    const suggestion = getSuggestionFromChar(this, node.attrs.mentionSuggestionChar)
+
+    if (this.options.renderLabel !== undefined) {
+      console.warn('renderLabel is deprecated use renderText and renderHTML instead')
+      return [
+        'span',
+        mergeAttributes({ 'data-type': this.name }, this.options.HTMLAttributes, HTMLAttributes),
+        this.options.renderLabel({
+          options: this.options,
+          node,
+          suggestion,
+        }),
+      ]
+    }
+    const mergedOptions = { ...this.options }
+
+    mergedOptions.HTMLAttributes = mergeAttributes(
+      { 'data-type': this.name },
+      this.options.HTMLAttributes,
+      HTMLAttributes,
+    )
+
+    const html = this.options.renderHTML({
+      options: mergedOptions,
+      node,
+      suggestion,
+    })
+
+    if (typeof html === 'string') {
+      return [
+        'span',
+        mergeAttributes({ 'data-type': this.name }, this.options.HTMLAttributes, HTMLAttributes),
+        html,
+      ]
+    }
+    return html
+  },
+
+  ...createInlineMarkdownSpec({
+    nodeName: 'mention',
+    name: '@',
+    selfClosing: true,
+    allowedAttributes: ['id', 'label', { name: 'mentionSuggestionChar', skipIfDefault: '@' }],
+    parseAttributes: (attrString: string) => {
+      const attrs: Record<string, any> = {}
+      const regex = /(?:^|\s)(\w+)=(?:"([^"]*)"|'([^']*)')/g
+      let match = regex.exec(attrString)
+
+      while (match !== null) {
+        const [, key, doubleQuoted, singleQuoted] = match
+        const value = doubleQuoted ?? singleQuoted
+        attrs[key === 'char' ? 'mentionSuggestionChar' : key] = value
+        match = regex.exec(attrString)
+      }
+
+      return attrs
+    },
+    serializeAttributes: (attrs: Record<string, any>) => {
+      return Object.entries(attrs)
+        .filter(([, value]) => value !== undefined && value !== null)
+        .map(([key, value]) => {
+          const serializedKey = key === 'mentionSuggestionChar' ? 'char' : key
+          return `${serializedKey}="${value}"`
+        })
+        .join(' ')
+    },
+  }),
+
+  renderText({ node }) {
+    const args = {
+      options: this.options,
+      node,
+      suggestion: getSuggestionFromChar(this, node.attrs.mentionSuggestionChar),
+    }
+    if (this.options.renderLabel !== undefined) {
+      console.warn('renderLabel is deprecated use renderText and renderHTML instead')
+      return this.options.renderLabel(args)
+    }
+
+    return this.options.renderText(args)
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      Backspace: () =>
+        this.editor.commands.command(({ tr, state }) => {
+          let isMention = false
+          const { selection } = state
+          const { empty, anchor } = selection
+
+          if (!empty) {
+            return false
+          }
+
+          // Store node and position for later use
+          let mentionNode = new PMNode()
+          let mentionPos = 0
+
+          state.doc.nodesBetween(anchor - 1, anchor, (node, pos) => {
+            if (node.type.name === this.name) {
+              isMention = true
+              mentionNode = node
+              mentionPos = pos
+              return false
+            }
+          })
+
+          if (isMention) {
+            tr.insertText(
+              this.options.deleteTriggerWithBackspace
+                ? ''
+                : mentionNode.attrs.mentionSuggestionChar,
+              mentionPos,
+              mentionPos + mentionNode.nodeSize,
+            )
+          }
+
+          return isMention
+        }),
+    }
+  },
+
+  addProseMirrorPlugins() {
+    // Create a plugin for each suggestion configuration
+    return getSuggestions(this).map(Suggestion)
+  },
+})
diff --git a/packages/extension-mention/src/utils/get-default-suggestion-attributes.ts b/packages/extension-mention/src/utils/get-default-suggestion-attributes.ts
new file mode 100644
index 0000000..ef596e2
--- /dev/null
+++ b/packages/extension-mention/src/utils/get-default-suggestion-attributes.ts
@@ -0,0 +1,89 @@
+import type { Editor } from '@tiptap/core'
+import { PluginKey } from '@tiptap/pm/state'
+import type { SuggestionOptions } from '@tiptap/suggestion'
+
+/**
+ * Arguments for the `getSuggestionOptions` function
+ * @see getSuggestionOptions
+ */
+export interface GetSuggestionOptionsOptions {
+  /**
+   * The Tiptap editor instance.
+   */
+  editor: Editor
+  /**
+   * The suggestion options configuration provided to the
+   * `Mention` extension.
+   */
+  overrideSuggestionOptions: Omit<SuggestionOptions, 'editor'>
+  /**
+   * The name of the Mention extension
+   */
+  extensionName: string
+  /**
+   * The character that triggers the suggestion.
+   * @default '@'
+   */
+  char?: string
+}
+
+/**
+ * Returns the suggestion options for a trigger of the Mention extension. These
+ * options are used to create a `Suggestion` ProseMirror plugin. Each plugin lets
+ * you define a different trigger that opens the Mention menu. For example,
+ * you can define a `@` trigger to mention users and a `#` trigger to mention
+ * tags.
+ *
+ * @param param0 The configured options for the suggestion
+ * @returns
+ */
+export function getSuggestionOptions({
+  editor: tiptapEditor,
+  overrideSuggestionOptions,
+  extensionName,
+  char = '@',
+}: GetSuggestionOptionsOptions): SuggestionOptions {
+  const pluginKey = new PluginKey()
+
+  return {
+    editor: tiptapEditor,
+    char,
+    pluginKey,
+    command: ({ editor, range, props }: { editor: any; range: any; props: any }) => {
+      // increase range.to by one when the next node is of type "text"
+      // and starts with a space character
+      const nodeAfter = editor.view.state.selection.$to.nodeAfter
+      const overrideSpace = nodeAfter?.text?.startsWith(' ')
+
+      if (overrideSpace) {
+        range.to += 1
+      }
+
+      editor
+        .chain()
+        .focus()
+        .insertContentAt(range, [
+          {
+            type: extensionName,
+            attrs: { ...props, mentionSuggestionChar: char },
+          },
+          {
+            type: 'text',
+            text: ' ',
+          },
+        ])
+        .run()
+
+      // get reference to `window` object from editor element, to support cross-frame JS usage
+      editor.view.dom.ownerDocument.defaultView?.getSelection()?.collapseToEnd()
+    },
+    allow: ({ state, range }: { state: any; range: any }) => {
+      const $from = state.doc.resolve(range.from)
+      const type = state.schema.nodes[extensionName]
+      const allow = !!$from.parent.type.contentMatch.matchType(type)
+
+      return allow
+    },
+    ...overrideSuggestionOptions,
+  }
+}
diff --git a/packages/extension-mention/vite.config.ts b/packages/extension-mention/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-mention/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-node-range/CHANGELOG.md b/packages/extension-node-range/CHANGELOG.md
new file mode 100644
index 0000000..5fe0b81
--- /dev/null
+++ b/packages/extension-node-range/CHANGELOG.md
@@ -0,0 +1,1049 @@
+# @tiptap/extension-node-range
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- a38c9c0: Fixed drag-and-drop duplicating blocks during collaboration. When a remote collaborator edited the document mid-drag, dropping left an empty copy of the dragged block at its original position. This fix also requires a version of `@tiptap/y-tiptap` that restores node range selections across remote updates.
+- a38c9c0: Bump `@tiptap/y-tiptap` to version ^3.0.5
+  - @tiptap/core@3.26.1
+  - @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- ac994c5: Add an option to control whether node ranges extend when a selection only touches a node boundary.
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
diff --git a/packages/extension-node-range/package.json b/packages/extension-node-range/package.json
new file mode 100644
index 0000000..ee34bde
--- /dev/null
+++ b/packages/extension-node-range/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "@tiptap/extension-node-range",
+  "version": "3.30.3",
+  "description": "node range extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-node-range"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-node-range/src/helpers/NodeRangeBookmark.ts b/packages/extension-node-range/src/helpers/NodeRangeBookmark.ts
new file mode 100644
index 0000000..d96d57b
--- /dev/null
+++ b/packages/extension-node-range/src/helpers/NodeRangeBookmark.ts
@@ -0,0 +1,27 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Mappable } from '@tiptap/pm/transform'
+
+import { NodeRangeSelection } from './NodeRangeSelection.js'
+
+export class NodeRangeBookmark {
+  anchor!: number
+  head!: number
+  depth!: number
+
+  constructor(anchor: number, head: number, depth: number | undefined) {
+    this.anchor = anchor
+    this.head = head
+    this.depth = depth ?? 0
+  }
+
+  map(mapping: Mappable) {
+    return new NodeRangeBookmark(mapping.map(this.anchor), mapping.map(this.head), this.depth)
+  }
+
+  resolve(doc: PMNode) {
+    const $anchor = doc.resolve(this.anchor)
+    const $head = doc.resolve(this.head)
+
+    return new NodeRangeSelection($anchor, $head, this.depth)
+  }
+}
diff --git a/packages/extension-node-range/src/helpers/NodeRangeSelection.test.ts b/packages/extension-node-range/src/helpers/NodeRangeSelection.test.ts
new file mode 100644
index 0000000..db1577b
--- /dev/null
+++ b/packages/extension-node-range/src/helpers/NodeRangeSelection.test.ts
@@ -0,0 +1,93 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Selection } from '@tiptap/pm/state'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { isNodeRangeSelection } from './isNodeRangeSelection.js'
+import { NodeRangeSelection } from './NodeRangeSelection.js'
+
+describe('NodeRangeSelection serialization', () => {
+  let editor: Editor | null = null
+
+  afterEach(() => {
+    editor?.destroy()
+    editor = null
+  })
+
+  function createEditor(content: string): Editor {
+    editor = new Editor({
+      element: document.body,
+      extensions: [Document, Paragraph, Text],
+      content,
+    })
+
+    return editor
+  }
+
+  it('registers the "nodeRange" JSON id', () => {
+    const { state } = createEditor('<p>First</p><p>Second</p>')
+    // jsonID is set on the prototype at registration but not in the Selection type
+    const selection = NodeRangeSelection.create(state.doc, 1, 1) as NodeRangeSelection & {
+      jsonID?: string
+    }
+
+    expect(selection.jsonID).toBe('nodeRange')
+  })
+
+  it('round-trips through the generic Selection.fromJSON dispatcher', () => {
+    // This is the regression: without `Selection.jsonID('nodeRange', …)`,
+    // `Selection.fromJSON` cannot resolve the `nodeRange` type and throws.
+    const { state } = createEditor('<p>First</p><p>Second</p>')
+    const selection = NodeRangeSelection.create(state.doc, 1, 1)
+
+    const restored = Selection.fromJSON(state.doc, selection.toJSON())
+
+    expect(isNodeRangeSelection(restored)).toBe(true)
+    expect(restored.eq(selection)).toBe(true)
+  })
+
+  it('preserves depth across toJSON → fromJSON', () => {
+    const { state } = createEditor('<p>First</p><p>Second</p>')
+    const selection = NodeRangeSelection.create(state.doc, 1, 1, 0)
+
+    const json = selection.toJSON()
+
+    expect(json.depth).toBe(0)
+
+    const restored = NodeRangeSelection.fromJSON(state.doc, json)
+
+    expect(restored.depth).toBe(0)
+  })
+
+  it('round-trips a multi-block selection without losing its ranges', () => {
+    const { state } = createEditor('<p>First</p><p>Second</p><p>Third</p>')
+    const firstParagraphSize = state.doc.child(0).nodeSize
+    const secondParagraphSize = state.doc.child(1).nodeSize
+    // anchor inside the first paragraph, head at the boundary after the second
+    const selection = NodeRangeSelection.create(
+      state.doc,
+      1,
+      firstParagraphSize + secondParagraphSize,
+    )
+
+    expect(selection.ranges).toHaveLength(2)
+
+    const restored = Selection.fromJSON(state.doc, selection.toJSON())
+
+    expect(isNodeRangeSelection(restored)).toBe(true)
+    expect(restored.eq(selection)).toBe(true)
+    expect((restored as NodeRangeSelection).ranges).toHaveLength(2)
+  })
+
+  it('keeps depth when mapped through a transaction', () => {
+    const { state } = createEditor('<p>First</p><p>Second</p>')
+    const selection = NodeRangeSelection.create(state.doc, 1, 1, 0)
+
+    const tr = state.tr.insertText('x', 1)
+    const mapped = selection.map(tr.doc, tr.mapping)
+
+    expect(mapped.depth).toBe(0)
+  })
+})
diff --git a/packages/extension-node-range/src/helpers/NodeRangeSelection.ts b/packages/extension-node-range/src/helpers/NodeRangeSelection.ts
new file mode 100644
index 0000000..f4a8d0c
--- /dev/null
+++ b/packages/extension-node-range/src/helpers/NodeRangeSelection.ts
@@ -0,0 +1,145 @@
+import type { Node as PMNode, ResolvedPos } from '@tiptap/pm/model'
+import { Selection } from '@tiptap/pm/state'
+import type { Mapping } from '@tiptap/pm/transform'
+
+import { getSelectionRanges } from './getSelectionRanges.js'
+import { NodeRangeBookmark } from './NodeRangeBookmark.js'
+
+export class NodeRangeSelection extends Selection {
+  depth: number | undefined
+
+  constructor($anchor: ResolvedPos, $head: ResolvedPos, depth?: number, bias = 1) {
+    // if there is only a cursor we can’t calculate a direction of the selection
+    // that’s why we adjust the head position by 1 in the desired direction
+    const { doc } = $anchor
+    const isCursor = $anchor === $head
+    const isCursorAtEnd = $anchor.pos === doc.content.size && $head.pos === doc.content.size
+    const $correctedHead =
+      isCursor && !isCursorAtEnd ? doc.resolve($head.pos + (bias > 0 ? 1 : -1)) : $head
+    const $correctedAnchor =
+      isCursor && isCursorAtEnd ? doc.resolve($anchor.pos - (bias > 0 ? 1 : -1)) : $anchor
+
+    const ranges = getSelectionRanges(
+      $correctedAnchor.min($correctedHead),
+      $correctedAnchor.max($correctedHead),
+      depth,
+    )
+
+    // get the smallest range start position
+    // this will become the $anchor
+    const $rangeFrom =
+      $correctedHead.pos >= $anchor.pos ? ranges[0].$from : ranges[ranges.length - 1].$to
+
+    // get the biggest range end position
+    // this will become the $head
+    const $rangeTo =
+      $correctedHead.pos >= $anchor.pos ? ranges[ranges.length - 1].$to : ranges[0].$from
+
+    super($rangeFrom, $rangeTo, ranges)
+
+    this.depth = depth
+  }
+
+  // we can safely ignore this TypeScript error: https://github.com/Microsoft/TypeScript/issues/338
+  // @ts-ignore
+  get $to() {
+    return this.ranges[this.ranges.length - 1].$to
+  }
+
+  eq(other: Selection): boolean {
+    return (
+      other instanceof NodeRangeSelection &&
+      other.$from.pos === this.$from.pos &&
+      other.$to.pos === this.$to.pos
+    )
+  }
+
+  map(doc: PMNode, mapping: Mapping): NodeRangeSelection {
+    const $anchor = doc.resolve(mapping.map(this.anchor))
+    const $head = doc.resolve(mapping.map(this.head))
+
+    return new NodeRangeSelection($anchor, $head, this.depth)
+  }
+
+  toJSON() {
+    return {
+      type: 'nodeRange',
+      anchor: this.anchor,
+      head: this.head,
+      depth: this.depth,
+    }
+  }
+
+  get isForwards(): boolean {
+    return this.head >= this.anchor
+  }
+
+  get isBackwards(): boolean {
+    return !this.isForwards
+  }
+
+  extendBackwards(): NodeRangeSelection {
+    const { doc } = this.$from
+
+    if (this.isForwards && this.ranges.length > 1) {
+      const ranges = this.ranges.slice(0, -1)
+      const $from = ranges[0].$from
+      const $to = ranges[ranges.length - 1].$to
+
+      return new NodeRangeSelection($from, $to, this.depth)
+    }
+
+    const firstRange = this.ranges[0]
+    const $from = doc.resolve(Math.max(0, firstRange.$from.pos - 1))
+
+    return new NodeRangeSelection(this.$anchor, $from, this.depth)
+  }
+
+  extendForwards(): NodeRangeSelection {
+    const { doc } = this.$from
+
+    if (this.isBackwards && this.ranges.length > 1) {
+      const ranges = this.ranges.slice(1)
+      const $from = ranges[0].$from
+      const $to = ranges[ranges.length - 1].$to
+
+      return new NodeRangeSelection($to, $from, this.depth)
+    }
+
+    const lastRange = this.ranges[this.ranges.length - 1]
+    const $to = doc.resolve(Math.min(doc.content.size, lastRange.$to.pos + 1))
+
+    return new NodeRangeSelection(this.$anchor, $to, this.depth)
+  }
+
+  static fromJSON(
+    doc: PMNode,
+    json: { anchor: number; head: number; depth?: number },
+  ): NodeRangeSelection {
+    return new NodeRangeSelection(doc.resolve(json.anchor), doc.resolve(json.head), json.depth)
+  }
+
+  static create(
+    doc: PMNode,
+    anchor: number,
+    head: number,
+    depth?: number,
+    bias = 1,
+  ): NodeRangeSelection {
+    return new this(doc.resolve(anchor), doc.resolve(head), depth, bias)
+  }
+
+  getBookmark(): NodeRangeBookmark {
+    return new NodeRangeBookmark(this.anchor, this.head, this.depth)
+  }
+}
+
+NodeRangeSelection.prototype.visible = false
+
+// register the JSON id so collaboration can restore the selection on remote updates
+// guarded because Selection.jsonID throws if the id is already registered (dual ESM/CJS builds)
+try {
+  Selection.jsonID('nodeRange', NodeRangeSelection)
+} catch {
+  // already registered — safe to ignore
+}
diff --git a/packages/extension-node-range/src/helpers/getNodeRangeDecorations.ts b/packages/extension-node-range/src/helpers/getNodeRangeDecorations.ts
new file mode 100644
index 0000000..4b82431
--- /dev/null
+++ b/packages/extension-node-range/src/helpers/getNodeRangeDecorations.ts
@@ -0,0 +1,28 @@
+import type { SelectionRange } from '@tiptap/pm/state'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+
+export function getNodeRangeDecorations(ranges: SelectionRange[]): DecorationSet {
+  if (!ranges.length) {
+    return DecorationSet.empty
+  }
+
+  const decorations: Decoration[] = []
+  const doc = ranges[0].$from.node(0)
+
+  ranges.forEach(range => {
+    const pos = range.$from.pos
+    const node = range.$from.nodeAfter
+
+    if (!node) {
+      return
+    }
+
+    decorations.push(
+      Decoration.node(pos, pos + node.nodeSize, {
+        class: 'ProseMirror-selectednoderange',
+      }),
+    )
+  })
+
+  return DecorationSet.create(doc, decorations)
+}
diff --git a/packages/extension-node-range/src/helpers/getSelectionRanges.test.ts b/packages/extension-node-range/src/helpers/getSelectionRanges.test.ts
new file mode 100644
index 0000000..2ade953
--- /dev/null
+++ b/packages/extension-node-range/src/helpers/getSelectionRanges.test.ts
@@ -0,0 +1,118 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { getSelectionRanges } from './getSelectionRanges.js'
+
+function getNodeContentStart(nodeStart: number): number {
+  return nodeStart + 1
+}
+
+function getNodeContentEnd(nodeStart: number, nodeSize: number): number {
+  return nodeStart + nodeSize - 1
+}
+
+describe('getSelectionRanges', () => {
+  let editor: Editor | null = null
+
+  afterEach(() => {
+    editor?.destroy()
+    editor = null
+  })
+
+  it('extends the trailing range by default when the selection ends at the next node start', () => {
+    editor = new Editor({
+      element: document.body,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>First</p><p>Second</p>',
+    })
+
+    const firstParagraphStart = 0
+    const firstParagraphSize = editor.state.doc.child(0).nodeSize
+    const secondParagraphStart = firstParagraphSize
+    const $from = editor.state.doc.resolve(getNodeContentStart(firstParagraphStart))
+    const $to = editor.state.doc.resolve(getNodeContentStart(secondParagraphStart))
+
+    const ranges = getSelectionRanges($from, $to, 0)
+
+    expect(ranges).toHaveLength(2)
+    expect(ranges[0].$from.pos).toBe(firstParagraphStart)
+    expect(ranges[1].$from.pos).toBe(secondParagraphStart)
+  })
+
+  it('does not extend the trailing range when boundary overlap is disabled', () => {
+    editor = new Editor({
+      element: document.body,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>First</p><p>Second</p>',
+    })
+
+    const firstParagraphStart = 0
+    const firstParagraphSize = editor.state.doc.child(0).nodeSize
+    const secondParagraphStart = firstParagraphSize
+    const $from = editor.state.doc.resolve(getNodeContentStart(firstParagraphStart))
+    const $to = editor.state.doc.resolve(getNodeContentStart(secondParagraphStart))
+
+    const ranges = getSelectionRanges($from, $to, 0, {
+      extendOnBoundaryOverlap: false,
+    })
+
+    expect(ranges).toHaveLength(1)
+    expect(ranges[0].$from.pos).toBe(firstParagraphStart)
+    expect(ranges[0].$to.pos).toBe(secondParagraphStart)
+  })
+
+  it('extends the leading range by default when the selection starts at the previous node end', () => {
+    editor = new Editor({
+      element: document.body,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>First</p><p>Second</p>',
+    })
+
+    const firstParagraphStart = 0
+    const firstParagraphSize = editor.state.doc.child(0).nodeSize
+    const secondParagraphStart = firstParagraphSize
+    const secondParagraphSize = editor.state.doc.child(1).nodeSize
+    const $from = editor.state.doc.resolve(
+      getNodeContentEnd(firstParagraphStart, firstParagraphSize),
+    )
+    const $to = editor.state.doc.resolve(
+      getNodeContentEnd(secondParagraphStart, secondParagraphSize),
+    )
+
+    const ranges = getSelectionRanges($from, $to, 0)
+
+    expect(ranges).toHaveLength(2)
+    expect(ranges[0].$from.pos).toBe(firstParagraphStart)
+    expect(ranges[1].$from.pos).toBe(secondParagraphStart)
+  })
+
+  it('does not extend the leading range when boundary overlap is disabled', () => {
+    editor = new Editor({
+      element: document.body,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>First</p><p>Second</p>',
+    })
+
+    const firstParagraphStart = 0
+    const firstParagraphSize = editor.state.doc.child(0).nodeSize
+    const secondParagraphStart = firstParagraphSize
+    const secondParagraphSize = editor.state.doc.child(1).nodeSize
+    const $from = editor.state.doc.resolve(
+      getNodeContentEnd(firstParagraphStart, firstParagraphSize),
+    )
+    const $to = editor.state.doc.resolve(
+      getNodeContentEnd(secondParagraphStart, secondParagraphSize),
+    )
+
+    const ranges = getSelectionRanges($from, $to, 0, {
+      extendOnBoundaryOverlap: false,
+    })
+
+    expect(ranges).toHaveLength(1)
+    expect(ranges[0].$from.pos).toBe(secondParagraphStart)
+    expect(ranges[0].$to.pos).toBe(secondParagraphStart + secondParagraphSize)
+  })
+})
diff --git a/packages/extension-node-range/src/helpers/getSelectionRanges.ts b/packages/extension-node-range/src/helpers/getSelectionRanges.ts
new file mode 100644
index 0000000..0a27635
--- /dev/null
+++ b/packages/extension-node-range/src/helpers/getSelectionRanges.ts
@@ -0,0 +1,99 @@
+import { type ResolvedPos, NodeRange } from '@tiptap/pm/model'
+import { SelectionRange } from '@tiptap/pm/state'
+
+export interface GetSelectionRangesOptions {
+  /**
+   * Whether nodes should be included when the selection only overlaps their
+   * start or end content boundary.
+   * @default true
+   */
+  extendOnBoundaryOverlap?: boolean
+}
+
+function getNodeContentBounds(
+  nodeStart: number,
+  nodeSize: number,
+  node: { isText: boolean; isAtom: boolean },
+) {
+  const contentOffset = node.isText || node.isAtom ? 0 : 1
+
+  return {
+    start: nodeStart + contentOffset,
+    end: nodeStart + nodeSize - contentOffset,
+  }
+}
+
+/**
+ * Calculates node-aligned selection ranges between two resolved positions.
+ *
+ * The helper derives a suitable depth when none is provided and returns a
+ * `SelectionRange` for each matching child node in the computed `NodeRange`.
+ * Each returned range exposes `$from` as the resolved start position of the
+ * node selection and `$to` as the resolved end position.
+ *
+ * @param $from The resolved anchor position where the selection starts.
+ * @param $to The resolved head position where the selection ends.
+ * @param depth An optional depth to force when creating the ProseMirror `NodeRange`.
+ * When omitted, the depth is inferred from the shared depth of `$from` and `$to`.
+ * @param options Optional behavior flags for how boundary nodes are handled.
+ * @param options.extendOnBoundaryOverlap Whether touching only a node's start
+ * or end content boundary should still include that node in the returned ranges.
+ * @returns An array of `SelectionRange` objects for the nodes covered at the
+ * computed depth.
+ * @example
+ * ```ts
+ * const { $from, $to } = editor.state.selection
+ * const ranges = getSelectionRanges($from, $to, undefined, {
+ *   extendOnBoundaryOverlap: false,
+ * })
+ *
+ * ranges.forEach(range => {
+ *   console.log(range.$from.pos, range.$to.pos)
+ * })
+ * ```
+ */
+export function getSelectionRanges(
+  $from: ResolvedPos,
+  $to: ResolvedPos,
+  depth?: number,
+  options: GetSelectionRangesOptions = {},
+): SelectionRange[] {
+  const ranges: SelectionRange[] = []
+  const doc = $from.node(0)
+  const { extendOnBoundaryOverlap = true } = options
+
+  // Determine the appropriate depth
+  if (typeof depth === 'number' && depth >= 0) {
+    // Use the provided depth
+  } else if ($from.sameParent($to)) {
+    depth = Math.max(0, $from.sharedDepth($to.pos) - 1)
+  } else {
+    depth = $from.sharedDepth($to.pos)
+  }
+
+  const nodeRange = new NodeRange($from, $to, depth)
+  const offset = nodeRange.depth === 0 ? 0 : doc.resolve(nodeRange.start).posAtIndex(0)
+
+  nodeRange.parent.forEach((node, pos) => {
+    const from = offset + pos
+    const to = from + node.nodeSize
+    const contentBounds = getNodeContentBounds(from, node.nodeSize, node)
+    const overlapsNodeContent = extendOnBoundaryOverlap
+      ? $to.pos >= contentBounds.start && $from.pos <= contentBounds.end
+      : $to.pos > contentBounds.start && $from.pos < contentBounds.end
+
+    if (from < nodeRange.start || from >= nodeRange.end) {
+      return
+    }
+
+    if (!overlapsNodeContent) {
+      return
+    }
+
+    const selectionRange = new SelectionRange(doc.resolve(from), doc.resolve(to))
+
+    ranges.push(selectionRange)
+  })
+
+  return ranges
+}
diff --git a/packages/extension-node-range/src/helpers/isNodeRangeSelection.ts b/packages/extension-node-range/src/helpers/isNodeRangeSelection.ts
new file mode 100644
index 0000000..dfb56d6
--- /dev/null
+++ b/packages/extension-node-range/src/helpers/isNodeRangeSelection.ts
@@ -0,0 +1,5 @@
+import { NodeRangeSelection } from './NodeRangeSelection.js'
+
+export function isNodeRangeSelection(value: unknown): value is NodeRangeSelection {
+  return value instanceof NodeRangeSelection
+}
diff --git a/packages/extension-node-range/src/index.ts b/packages/extension-node-range/src/index.ts
new file mode 100644
index 0000000..a0183a4
--- /dev/null
+++ b/packages/extension-node-range/src/index.ts
@@ -0,0 +1,9 @@
+import { NodeRange } from './node-range.js'
+
+export * from './helpers/getNodeRangeDecorations.js'
+export * from './helpers/getSelectionRanges.js'
+export * from './helpers/isNodeRangeSelection.js'
+export * from './helpers/NodeRangeSelection.js'
+export * from './node-range.js'
+
+export default NodeRange
diff --git a/packages/extension-node-range/src/node-range.ts b/packages/extension-node-range/src/node-range.ts
new file mode 100644
index 0000000..f0f7142
--- /dev/null
+++ b/packages/extension-node-range/src/node-range.ts
@@ -0,0 +1,215 @@
+import { Extension } from '@tiptap/core'
+import type { SelectionRange } from '@tiptap/pm/state'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+import { getNodeRangeDecorations } from './helpers/getNodeRangeDecorations.js'
+import { getSelectionRanges } from './helpers/getSelectionRanges.js'
+import { isNodeRangeSelection } from './helpers/isNodeRangeSelection.js'
+import { NodeRangeSelection } from './helpers/NodeRangeSelection.js'
+
+export interface NodeRangeOptions {
+  depth: number | undefined
+  key: 'Shift' | 'Control' | 'Alt' | 'Meta' | 'Mod' | null | undefined
+}
+
+export const NodeRange = Extension.create<NodeRangeOptions>({
+  name: 'nodeRange',
+
+  addOptions() {
+    return {
+      depth: undefined,
+      key: 'Mod',
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      // extend NodeRangeSelection upwards
+      'Shift-ArrowUp': ({ editor }) => {
+        const { depth } = this.options
+        const { view, state } = editor
+        const { doc, selection, tr } = state
+        const { anchor, head } = selection
+
+        if (!isNodeRangeSelection(selection)) {
+          const nodeRangeSelection = NodeRangeSelection.create(doc, anchor, head, depth, -1)
+
+          tr.setSelection(nodeRangeSelection)
+          view.dispatch(tr)
+
+          return true
+        }
+
+        const nodeRangeSelection = selection.extendBackwards()
+
+        tr.setSelection(nodeRangeSelection)
+        view.dispatch(tr)
+
+        return true
+      },
+
+      // extend NodeRangeSelection downwards
+      'Shift-ArrowDown': ({ editor }) => {
+        const { depth } = this.options
+        const { view, state } = editor
+        const { doc, selection, tr } = state
+        const { anchor, head } = selection
+
+        if (!isNodeRangeSelection(selection)) {
+          const nodeRangeSelection = NodeRangeSelection.create(doc, anchor, head, depth)
+
+          tr.setSelection(nodeRangeSelection)
+          view.dispatch(tr)
+
+          return true
+        }
+
+        const nodeRangeSelection = selection.extendForwards()
+
+        tr.setSelection(nodeRangeSelection)
+        view.dispatch(tr)
+
+        return true
+      },
+
+      // add `NodeRangeSelection` to all nodes
+      'Mod-a': ({ editor }) => {
+        const { depth } = this.options
+        const { view, state } = editor
+        const { doc, tr } = state
+        const nodeRangeSelection = NodeRangeSelection.create(doc, 0, doc.content.size, depth)
+
+        tr.setSelection(nodeRangeSelection)
+        view.dispatch(tr)
+
+        return true
+      },
+    }
+  },
+
+  onSelectionUpdate() {
+    const { selection } = this.editor.state
+
+    if (isNodeRangeSelection(selection)) {
+      this.editor.view.dom.classList.add('ProseMirror-noderangeselection')
+    }
+  },
+
+  addProseMirrorPlugins() {
+    let hideTextSelection = false
+    let activeMouseSelection = false
+
+    return [
+      new Plugin({
+        key: new PluginKey('nodeRange'),
+
+        props: {
+          attributes: () => {
+            if (hideTextSelection) {
+              return {
+                class: 'ProseMirror-noderangeselection',
+              }
+            }
+
+            return { class: '' }
+          },
+
+          handleDOMEvents: {
+            mousedown: (view, event) => {
+              const { key } = this.options
+              const isMac = /Mac/.test(navigator.platform)
+              const isShift = !!event.shiftKey
+              const isControl = !!event.ctrlKey
+              const isAlt = !!event.altKey
+              const isMeta = !!event.metaKey
+              const isMod = isMac ? isMeta : isControl
+
+              if (
+                key === null ||
+                key === undefined ||
+                (key === 'Shift' && isShift) ||
+                (key === 'Control' && isControl) ||
+                (key === 'Alt' && isAlt) ||
+                (key === 'Meta' && isMeta) ||
+                (key === 'Mod' && isMod)
+              ) {
+                activeMouseSelection = true
+              }
+
+              if (!activeMouseSelection) {
+                return false
+              }
+
+              document.addEventListener(
+                'mouseup',
+                () => {
+                  activeMouseSelection = false
+
+                  const { state } = view
+                  const { doc, selection, tr } = state
+                  const { $anchor, $head } = selection
+
+                  if ($anchor.sameParent($head)) {
+                    return
+                  }
+
+                  const nodeRangeSelection = NodeRangeSelection.create(
+                    doc,
+                    $anchor.pos,
+                    $head.pos,
+                    this.options.depth,
+                  )
+
+                  tr.setSelection(nodeRangeSelection)
+                  view.dispatch(tr)
+                },
+                { once: true },
+              )
+
+              return false
+            },
+          },
+
+          // when selecting some text we want to render some decorations
+          // to preview a `NodeRangeSelection`
+          decorations: state => {
+            const { selection } = state
+            const isNodeRange = isNodeRangeSelection(selection)
+
+            hideTextSelection = false
+
+            if (!activeMouseSelection) {
+              if (!isNodeRange) {
+                return null
+              }
+
+              hideTextSelection = true
+
+              return getNodeRangeDecorations(selection.ranges as SelectionRange[])
+            }
+
+            const { $from, $to } = selection
+
+            // selection is probably in the same node like a paragraph
+            // so we don’t render decorations and show
+            // a simple text selection instead
+            if (!isNodeRange && $from.sameParent($to)) {
+              return null
+            }
+
+            // try to calculate some node ranges
+            const nodeRanges = getSelectionRanges($from, $to, this.options.depth)
+
+            if (!nodeRanges.length) {
+              return null
+            }
+
+            hideTextSelection = true
+
+            return getNodeRangeDecorations(nodeRanges)
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-node-range/vite.config.ts b/packages/extension-node-range/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-node-range/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-ordered-list/CHANGELOG.md b/packages/extension-ordered-list/CHANGELOG.md
new file mode 100644
index 0000000..192e53c
--- /dev/null
+++ b/packages/extension-ordered-list/CHANGELOG.md
@@ -0,0 +1,2019 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [c296281]
+- Updated dependencies [ceb0dac]
+  - @tiptap/extension-list@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- Updated dependencies [c1254c1]
+  - @tiptap/extension-list@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- Updated dependencies [c28d888]
+  - @tiptap/extension-list@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [b4600b6]
+- Updated dependencies [1f3ca7a]
+  - @tiptap/extension-list@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [f586b6f]
+  - @tiptap/extension-list@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- Updated dependencies [a16901d]
+  - @tiptap/extension-list@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+  - @tiptap/extension-list@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [8dc5694]
+- Updated dependencies [45237e7]
+  - @tiptap/extension-list@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+  - @tiptap/extension-list@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [5ca9902]
+  - @tiptap/extension-list@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/extension-list@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [5d267cb]
+  - @tiptap/extension-list@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- Updated dependencies [c1caa7c]
+  - @tiptap/extension-list@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- @tiptap/extension-list@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/extension-list@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- Updated dependencies [22fcc31]
+  - @tiptap/extension-list@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 2c911d2: This adds all of the list packages to the `@tiptap/extension-list` package.
+
+  ## ListKit
+
+  The `ListKit` export allows configuring all list extensions with one extension, and is the recommended way of using the list extensions.
+
+  ```ts
+  import { ListKit } from "@tiptap/extension-list";
+
+  new Editor({
+    extensions: [
+      ListKit.configure({
+        bulletList: {
+          HTMLAttributes: "bullet-list",
+        },
+        orderedList: {
+          HTMLAttributes: "ordered-list",
+        },
+        listItem: {
+          HTMLAttributes: "list-item",
+        },
+        taskList: {
+          HTMLAttributes: "task-list",
+        },
+        taskItem: {
+          HTMLAttributes: "task-item",
+        },
+        listKeymap: {},
+      }),
+    ],
+  });
+  ```
+
+  ## List repackaging
+
+  Since we've moved the code out of the list extensions to the `@tiptap/extension-list` package, you can remove the following packages from your project:
+
+  ```bash
+  npm uninstall @tiptap/extension-ordered-list @tiptap/extension-bullet-list @tiptap/extension-list-keymap @tiptap/extension-list-item @tiptap/extension-task-list
+  ```
+
+  And replace them with the new `@tiptap/extension-list` package:
+
+  ```bash
+  npm install @tiptap/extension-list
+  ```
+
+  ## Want to use the extensions separately?
+
+  For more control, you can also use the extensions separately.
+
+  ### BulletList
+
+  This extension adds a bullet list to the editor.
+
+  Migrate from `@tiptap/extension-bullet-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import BulletList from '@tiptap/extension-bullet-list'
+  + import { BulletList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { BulletList } from "@tiptap/extension-list";
+  ```
+
+  ### OrderedList
+
+  This extension adds an ordered list to the editor.
+
+  Migrate from `@tiptap/extension-ordered-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import OrderedList from '@tiptap/extension-ordered-list'
+  + import { OrderedList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { OrderedList } from "@tiptap/extension-list";
+  ```
+
+  ### ListItem
+
+  This extension adds a list item to the editor.
+
+  Migrate from `@tiptap/extension-list-item` to `@tiptap/extension-list`:
+
+  ```diff
+  - import ListItem from '@tiptap/extension-list-item'
+  + import { ListItem } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { ListItem } from "@tiptap/extension-list";
+  ```
+
+  ### TaskList
+
+  This extension adds a task list to the editor.
+
+  Migrate from `@tiptap/extension-task-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import TaskList from '@tiptap/extension-task-list'
+  + import { TaskList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TaskList } from "@tiptap/extension-list";
+  ```
+
+  ### TaskItem
+
+  This extension adds a task item to the editor.
+
+  Migrate from `@tiptap/extension-task-item` to `@tiptap/extension-list`:
+
+  ```diff
+  - import TaskItem from '@tiptap/extension-task-item'
+  + import { TaskItem } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TaskItem } from "@tiptap/extension-list";
+  ```
+
+  ### ListKeymap
+
+  This extension adds better default keybindings for lists to the editor.
+
+  Migrate from `@tiptap/extension-list-keymap` to `@tiptap/extension-list`:
+
+  ```diff
+  - import ListKeymap from '@tiptap/extension-list-keymap'
+  + import { ListKeymap } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { ListKeymap } from "@tiptap/extension-list";
+  ```
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [8c69002]
+- Updated dependencies [1d4d928]
+  - @tiptap/extension-list@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- Updated dependencies [1d4d928]
+  - @tiptap/extension-list@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/extension-list@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- @tiptap/extension-list@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/extension-list@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 2c911d2: This adds all of the list packages to the `@tiptap/extension-list` package.
+
+  ## ListKit
+
+  The `ListKit` export allows configuring all list extensions with one extension, and is the recommended way of using the list extensions.
+
+  ```ts
+  import { ListKit } from "@tiptap/extension-list";
+
+  new Editor({
+    extensions: [
+      ListKit.configure({
+        bulletList: {
+          HTMLAttributes: "bullet-list",
+        },
+        orderedList: {
+          HTMLAttributes: "ordered-list",
+        },
+        listItem: {
+          HTMLAttributes: "list-item",
+        },
+        taskList: {
+          HTMLAttributes: "task-list",
+        },
+        taskItem: {
+          HTMLAttributes: "task-item",
+        },
+        listKeymap: {},
+      }),
+    ],
+  });
+  ```
+
+  ## List repackaging
+
+  Since we've moved the code out of the list extensions to the `@tiptap/extension-list` package, you can remove the following packages from your project:
+
+  ```bash
+  npm uninstall @tiptap/extension-ordered-list @tiptap/extension-bullet-list @tiptap/extension-list-keymap @tiptap/extension-list-item @tiptap/extension-task-list
+  ```
+
+  And replace them with the new `@tiptap/extension-list` package:
+
+  ```bash
+  npm install @tiptap/extension-list
+  ```
+
+  ## Want to use the extensions separately?
+
+  For more control, you can also use the extensions separately.
+
+  ### BulletList
+
+  This extension adds a bullet list to the editor.
+
+  Migrate from `@tiptap/extension-bullet-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import BulletList from '@tiptap/extension-bullet-list'
+  + import { BulletList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { BulletList } from "@tiptap/extension-list";
+  ```
+
+  ### OrderedList
+
+  This extension adds an ordered list to the editor.
+
+  Migrate from `@tiptap/extension-ordered-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import OrderedList from '@tiptap/extension-ordered-list'
+  + import { OrderedList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { OrderedList } from "@tiptap/extension-list";
+  ```
+
+  ### ListItem
+
+  This extension adds a list item to the editor.
+
+  Migrate from `@tiptap/extension-list-item` to `@tiptap/extension-list`:
+
+  ```diff
+  - import ListItem from '@tiptap/extension-list-item'
+  + import { ListItem } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { ListItem } from "@tiptap/extension-list";
+  ```
+
+  ### TaskList
+
+  This extension adds a task list to the editor.
+
+  Migrate from `@tiptap/extension-task-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import TaskList from '@tiptap/extension-task-list'
+  + import { TaskList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TaskList } from "@tiptap/extension-list";
+  ```
+
+  ### TaskItem
+
+  This extension adds a task item to the editor.
+
+  Migrate from `@tiptap/extension-task-item` to `@tiptap/extension-list`:
+
+  ```diff
+  - import TaskItem from '@tiptap/extension-task-item'
+  + import { TaskItem } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TaskItem } from "@tiptap/extension-list";
+  ```
+
+  ### ListKeymap
+
+  This extension adds better default keybindings for lists to the editor.
+
+  Migrate from `@tiptap/extension-list-keymap` to `@tiptap/extension-list`:
+
+  ```diff
+  - import ListKeymap from '@tiptap/extension-list-keymap'
+  + import { ListKeymap } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { ListKeymap } from "@tiptap/extension-list";
+  ```
+
+## 3.0.0-next.5
+
+### Major Changes
+
+- 2c911d2: This adds all of the list packages to the `@tiptap/extension-list` package.
+
+  ## ListKit
+
+  The `ListKit` export allows configuring all list extensions with one extension, and is the recommended way of using the list extensions.
+
+  ```ts
+  import { ListKit } from "@tiptap/extension-list";
+
+  new Editor({
+    extensions: [
+      ListKit.configure({
+        bulletList: {
+          HTMLAttributes: "bullet-list",
+        },
+        orderedList: {
+          HTMLAttributes: "ordered-list",
+        },
+        listItem: {
+          HTMLAttributes: "list-item",
+        },
+        taskList: {
+          HTMLAttributes: "task-list",
+        },
+        taskItem: {
+          HTMLAttributes: "task-item",
+        },
+        listKeymap: {},
+      }),
+    ],
+  });
+  ```
+
+  ## List repackaging
+
+  Since we've moved the code out of the list extensions to the `@tiptap/extension-list` package, you can remove the following packages from your project:
+
+  ```bash
+  npm uninstall @tiptap/extension-ordered-list @tiptap/extension-bullet-list @tiptap/extension-list-keymap @tiptap/extension-list-item @tiptap/extension-task-list
+  ```
+
+  And replace them with the new `@tiptap/extension-list` package:
+
+  ```bash
+  npm install @tiptap/extension-list
+  ```
+
+  ## Want to use the extensions separately?
+
+  For more control, you can also use the extensions separately.
+
+  ### BulletList
+
+  This extension adds a bullet list to the editor.
+
+  Migrate from `@tiptap/extension-bullet-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import BulletList from '@tiptap/extension-bullet-list'
+  + import { BulletList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { BulletList } from "@tiptap/extension-list";
+  ```
+
+  ### OrderedList
+
+  This extension adds an ordered list to the editor.
+
+  Migrate from `@tiptap/extension-ordered-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import OrderedList from '@tiptap/extension-ordered-list'
+  + import { OrderedList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { OrderedList } from "@tiptap/extension-list";
+  ```
+
+  ### ListItem
+
+  This extension adds a list item to the editor.
+
+  Migrate from `@tiptap/extension-list-item` to `@tiptap/extension-list`:
+
+  ```diff
+  - import ListItem from '@tiptap/extension-list-item'
+  + import { ListItem } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { ListItem } from "@tiptap/extension-list";
+  ```
+
+  ### TaskList
+
+  This extension adds a task list to the editor.
+
+  Migrate from `@tiptap/extension-task-list` to `@tiptap/extension-list`:
+
+  ```diff
+  - import TaskList from '@tiptap/extension-task-list'
+  + import { TaskList } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TaskList } from "@tiptap/extension-list";
+  ```
+
+  ### TaskItem
+
+  This extension adds a task item to the editor.
+
+  Migrate from `@tiptap/extension-task-item` to `@tiptap/extension-list`:
+
+  ```diff
+  - import TaskItem from '@tiptap/extension-task-item'
+  + import { TaskItem } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TaskItem } from "@tiptap/extension-list";
+  ```
+
+  ### ListKeymap
+
+  This extension adds better default keybindings for lists to the editor.
+
+  Migrate from `@tiptap/extension-list-keymap` to `@tiptap/extension-list`:
+
+  ```diff
+  - import ListKeymap from '@tiptap/extension-list-keymap'
+  + import { ListKeymap } from '@tiptap/extension-list'
+  ```
+
+  Usage:
+
+  ```ts
+  import { ListKeymap } from "@tiptap/extension-list";
+  ```
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+### Patch Changes
+
+- 9abb019: Use null in ordered list's default type value for better schema extension support
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+### Features
+
+- [#3540](https://github.com/ueberdosis/tiptap/issues/3540) Ability to preserve marks on lists ([#3541](https://github.com/ueberdosis/tiptap/issues/3541)) ([36bb1e1](https://github.com/ueberdosis/tiptap/commit/36bb1e1041f91da6437272e7196702df868eae0f))
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.28...@tiptap/extension-ordered-list@2.0.0-beta.30) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.28...@tiptap/extension-ordered-list@2.0.0-beta.28) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.26...@tiptap/extension-ordered-list@2.0.0-beta.27) (2021-12-22)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.25...@tiptap/extension-ordered-list@2.0.0-beta.26) (2021-12-10)
+
+### Features
+
+- add itemTypeName option ([3d7c8e6](https://github.com/ueberdosis/tiptap/commit/3d7c8e642f31b1fa813e84dddc3968504477d536))
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.24...@tiptap/extension-ordered-list@2.0.0-beta.25) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.23...@tiptap/extension-ordered-list@2.0.0-beta.24) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.22...@tiptap/extension-ordered-list@2.0.0-beta.23) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.21...@tiptap/extension-ordered-list@2.0.0-beta.22) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.20...@tiptap/extension-ordered-list@2.0.0-beta.21) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.19...@tiptap/extension-ordered-list@2.0.0-beta.20) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.18...@tiptap/extension-ordered-list@2.0.0-beta.19) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.17...@tiptap/extension-ordered-list@2.0.0-beta.18) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.16...@tiptap/extension-ordered-list@2.0.0-beta.17) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.15...@tiptap/extension-ordered-list@2.0.0-beta.16) (2021-09-08)
+
+### Features
+
+- parseHTML for attributes should return the value instead of an object now, fix [#1863](https://github.com/ueberdosis/tiptap/issues/1863) ([8a3b47a](https://github.com/ueberdosis/tiptap/commit/8a3b47a529d28b28b50d634c6ff69b8e5aad3080))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.14...@tiptap/extension-ordered-list@2.0.0-beta.15) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.13...@tiptap/extension-ordered-list@2.0.0-beta.14) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.12...@tiptap/extension-ordered-list@2.0.0-beta.13) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.11...@tiptap/extension-ordered-list@2.0.0-beta.12) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.10...@tiptap/extension-ordered-list@2.0.0-beta.11) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.9...@tiptap/extension-ordered-list@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.8...@tiptap/extension-ordered-list@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.7...@tiptap/extension-ordered-list@2.0.0-beta.8) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.6...@tiptap/extension-ordered-list@2.0.0-beta.7) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.5...@tiptap/extension-ordered-list@2.0.0-beta.6) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.4...@tiptap/extension-ordered-list@2.0.0-beta.5) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.3...@tiptap/extension-ordered-list@2.0.0-beta.4) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.2...@tiptap/extension-ordered-list@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-beta.1...@tiptap/extension-ordered-list@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-alpha.11...@tiptap/extension-ordered-list@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-alpha.10...@tiptap/extension-ordered-list@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-alpha.9...@tiptap/extension-ordered-list@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-alpha.8...@tiptap/extension-ordered-list@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-alpha.7...@tiptap/extension-ordered-list@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-alpha.6...@tiptap/extension-ordered-list@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-alpha.5...@tiptap/extension-ordered-list@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-alpha.4...@tiptap/extension-ordered-list@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-alpha.3...@tiptap/extension-ordered-list@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-alpha.2...@tiptap/extension-ordered-list@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@2.0.0-alpha.1...@tiptap/extension-ordered-list@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@1.0.0-alpha.2...@tiptap/extension-ordered-list@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-ordered-list@1.0.0-alpha.1...@tiptap/extension-ordered-list@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-ordered-list
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-ordered-list/README.md b/packages/extension-ordered-list/README.md
new file mode 100644
index 0000000..521517a
--- /dev/null
+++ b/packages/extension-ordered-list/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-ordered-list
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-ordered-list.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-ordered-list)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-ordered-list.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-ordered-list.svg)](https://www.npmjs.com/package/@tiptap/extension-ordered-list)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-ordered-list/package.json b/packages/extension-ordered-list/package.json
new file mode 100644
index 0000000..2967717
--- /dev/null
+++ b/packages/extension-ordered-list/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-ordered-list",
+  "version": "3.30.3",
+  "description": "ordered list extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-ordered-list"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/extension-list": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/extension-list": "workspace:*"
+  }
+}
diff --git a/packages/extension-ordered-list/src/index.ts b/packages/extension-ordered-list/src/index.ts
new file mode 100644
index 0000000..a19b6dd
--- /dev/null
+++ b/packages/extension-ordered-list/src/index.ts
@@ -0,0 +1,6 @@
+import { OrderedList } from '@tiptap/extension-list'
+
+export type { OrderedListOptions } from '@tiptap/extension-list'
+export { OrderedList } from '@tiptap/extension-list'
+
+export default OrderedList
diff --git a/packages/extension-ordered-list/vite.config.ts b/packages/extension-ordered-list/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-ordered-list/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-paragraph/CHANGELOG.md b/packages/extension-paragraph/CHANGELOG.md
new file mode 100644
index 0000000..6b10110
--- /dev/null
+++ b/packages/extension-paragraph/CHANGELOG.md
@@ -0,0 +1,1654 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- 269823d: Improved markdown empty-paragraph roundtripping across top-level and nested block content. Empty paragraphs now serialize with natural blank-line spacing for the first paragraph in a run and `&nbsp;` markers for subsequent empty paragraphs at the same level, while parsing preserves those empty paragraphs when converting markdown back to JSON.
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- 62c6f15: Fixed markdown serialization doubling newlines and parsing collapsing multiple blank lines
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.24...@tiptap/extension-paragraph@2.0.0-beta.26) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.24...@tiptap/extension-paragraph@2.0.0-beta.24) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.22...@tiptap/extension-paragraph@2.0.0-beta.23) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.21...@tiptap/extension-paragraph@2.0.0-beta.22) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.20...@tiptap/extension-paragraph@2.0.0-beta.21) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.19...@tiptap/extension-paragraph@2.0.0-beta.20) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.18...@tiptap/extension-paragraph@2.0.0-beta.19) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.17...@tiptap/extension-paragraph@2.0.0-beta.18) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.16...@tiptap/extension-paragraph@2.0.0-beta.17) (2021-08-11)
+
+### Bug Fixes
+
+- use setNode instead of toggleNode for setParagraph command ([bcc1309](https://github.com/ueberdosis/tiptap/commit/bcc1309cd928d4dc5618fa998722f935975389f0))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.15...@tiptap/extension-paragraph@2.0.0-beta.16) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.14...@tiptap/extension-paragraph@2.0.0-beta.15) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.13...@tiptap/extension-paragraph@2.0.0-beta.14) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.12...@tiptap/extension-paragraph@2.0.0-beta.13) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.11...@tiptap/extension-paragraph@2.0.0-beta.12) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.10...@tiptap/extension-paragraph@2.0.0-beta.11) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.9...@tiptap/extension-paragraph@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.8...@tiptap/extension-paragraph@2.0.0-beta.9) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.7...@tiptap/extension-paragraph@2.0.0-beta.8) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.6...@tiptap/extension-paragraph@2.0.0-beta.7) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.5...@tiptap/extension-paragraph@2.0.0-beta.6) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.4...@tiptap/extension-paragraph@2.0.0-beta.5) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.3...@tiptap/extension-paragraph@2.0.0-beta.4) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.2...@tiptap/extension-paragraph@2.0.0-beta.3) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-beta.1...@tiptap/extension-paragraph@2.0.0-beta.2) (2021-04-07)
+
+### Features
+
+- add priority option to extensions ([bb1ae65](https://github.com/ueberdosis/tiptap/commit/bb1ae659a463e97a7ada15af711347b5c004897a))
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-alpha.11...@tiptap/extension-paragraph@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-alpha.10...@tiptap/extension-paragraph@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-alpha.9...@tiptap/extension-paragraph@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-alpha.8...@tiptap/extension-paragraph@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-alpha.7...@tiptap/extension-paragraph@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-alpha.6...@tiptap/extension-paragraph@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-alpha.5...@tiptap/extension-paragraph@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-alpha.4...@tiptap/extension-paragraph@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-alpha.3...@tiptap/extension-paragraph@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-alpha.2...@tiptap/extension-paragraph@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@2.0.0-alpha.1...@tiptap/extension-paragraph@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@1.0.0-alpha.2...@tiptap/extension-paragraph@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-paragraph@1.0.0-alpha.1...@tiptap/extension-paragraph@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-paragraph
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-paragraph/README.md b/packages/extension-paragraph/README.md
new file mode 100644
index 0000000..2cd7a99
--- /dev/null
+++ b/packages/extension-paragraph/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-paragraph
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-paragraph.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-paragraph)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-paragraph.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-paragraph.svg)](https://www.npmjs.com/package/@tiptap/extension-paragraph)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-paragraph/package.json b/packages/extension-paragraph/package.json
new file mode 100644
index 0000000..62103fd
--- /dev/null
+++ b/packages/extension-paragraph/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-paragraph",
+  "version": "3.30.3",
+  "description": "paragraph extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-paragraph"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-paragraph/src/index.ts b/packages/extension-paragraph/src/index.ts
new file mode 100644
index 0000000..2dd2af3
--- /dev/null
+++ b/packages/extension-paragraph/src/index.ts
@@ -0,0 +1,5 @@
+import { Paragraph } from './paragraph.js'
+
+export * from './paragraph.js'
+
+export default Paragraph
diff --git a/packages/extension-paragraph/src/paragraph.ts b/packages/extension-paragraph/src/paragraph.ts
new file mode 100644
index 0000000..9391c2e
--- /dev/null
+++ b/packages/extension-paragraph/src/paragraph.ts
@@ -0,0 +1,139 @@
+import { mergeAttributes, Node } from '@tiptap/core'
+
+export interface ParagraphOptions {
+  /**
+   * The HTML attributes for a paragraph node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    paragraph: {
+      /**
+       * Toggle a paragraph
+       * @example editor.commands.toggleParagraph()
+       */
+      setParagraph: () => ReturnType
+    }
+  }
+}
+
+/**
+ * Markdown marker for empty paragraphs to preserve blank lines.
+ * Using &nbsp; (non-breaking space HTML entity) ensures the paragraph
+ * is not collapsed by markdown parsers while remaining human-readable.
+ */
+const EMPTY_PARAGRAPH_MARKDOWN = '&nbsp;'
+
+/**
+ * Unicode character for non-breaking space (U+00A0).
+ * Some markdown parsers may convert &nbsp; entities to this literal character.
+ */
+const NBSP_CHAR = '\u00A0'
+
+/**
+ * This extension allows you to create paragraphs.
+ * @see https://www.tiptap.dev/api/nodes/paragraph
+ */
+export const Paragraph = Node.create<ParagraphOptions>({
+  name: 'paragraph',
+
+  priority: 1000,
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  group: 'block',
+
+  content: 'inline*',
+
+  parseHTML() {
+    return [{ tag: 'p' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['p', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  parseMarkdown: (token, helpers) => {
+    const tokens = token.tokens || []
+
+    // Special case: if paragraph contains only a single image token,
+    // unwrap it to avoid nesting block elements incorrectly
+    if (tokens.length === 1 && tokens[0].type === 'image') {
+      // Parse the image token directly as a block element
+      return helpers.parseChildren([tokens[0]])
+    }
+
+    // Parse the inline tokens
+    const content = helpers.parseInline(tokens)
+
+    // Special case: if paragraph contains only &nbsp; (non-breaking space),
+    // treat it as an empty paragraph to preserve blank lines
+    const hasExplicitEmptyParagraphMarker =
+      tokens.length === 1 &&
+      tokens[0].type === 'text' &&
+      (tokens[0].raw === EMPTY_PARAGRAPH_MARKDOWN ||
+        tokens[0].text === EMPTY_PARAGRAPH_MARKDOWN ||
+        tokens[0].raw === NBSP_CHAR ||
+        tokens[0].text === NBSP_CHAR)
+
+    if (
+      hasExplicitEmptyParagraphMarker &&
+      content.length === 1 &&
+      content[0].type === 'text' &&
+      (content[0].text === EMPTY_PARAGRAPH_MARKDOWN || content[0].text === NBSP_CHAR)
+    ) {
+      return helpers.createNode('paragraph', undefined, [])
+    }
+
+    // Convert 'paragraph' token to paragraph node
+    return helpers.createNode('paragraph', undefined, content)
+  },
+
+  renderMarkdown: (node, h, ctx) => {
+    if (!node) {
+      return ''
+    }
+
+    // Normalize content: treat undefined/null as empty array
+    const content = Array.isArray(node.content) ? node.content : []
+
+    if (content.length === 0) {
+      // Emit &nbsp; for the second and later empty paragraphs in a consecutive
+      // run at the current nesting level. The first empty paragraph stays empty
+      // so markdown spacing is preserved naturally.
+      const previousContent = Array.isArray(ctx?.previousNode?.content)
+        ? ctx.previousNode.content
+        : []
+      const previousNodeIsEmptyParagraph =
+        ctx?.previousNode?.type === 'paragraph' && previousContent.length === 0
+
+      return previousNodeIsEmptyParagraph ? EMPTY_PARAGRAPH_MARKDOWN : ''
+    }
+
+    return h.renderChildren(content)
+  },
+
+  addCommands() {
+    return {
+      setParagraph:
+        () =>
+        ({ commands }) => {
+          return commands.setNode(this.name)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-Alt-0': () => this.editor.commands.setParagraph(),
+    }
+  },
+})
diff --git a/packages/extension-paragraph/vite.config.ts b/packages/extension-paragraph/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-paragraph/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-ruby-text/CHANGELOG.md b/packages/extension-ruby-text/CHANGELOG.md
new file mode 100644
index 0000000..f842554
--- /dev/null
+++ b/packages/extension-ruby-text/CHANGELOG.md
@@ -0,0 +1,76 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Minor Changes
+
+- 094bdcd: Add official RubyText extension for HTML ruby text annotations with non-editable annotations and mark-based document storage. The click-to-edit annotation editor can be replaced with a custom element via the `renderAnnotationEditor` option.
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.27.3
+
+### Minor Changes
+
+- Add official RubyText extension for HTML ruby text annotations with directly editable annotations and reliable cursor navigation
diff --git a/packages/extension-ruby-text/README.md b/packages/extension-ruby-text/README.md
new file mode 100644
index 0000000..e508871
--- /dev/null
+++ b/packages/extension-ruby-text/README.md
@@ -0,0 +1,20 @@
+# @tiptap/extension-ruby-text
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-ruby-text.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-ruby-text)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-ruby-text.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-ruby-text.svg)](https://www.npmjs.com/package/@tiptap/extension-ruby-text)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+This package adds support for [HTML ruby text](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby) (reading guides for CJK text). It is not related to the Ruby programming language.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-ruby-text/package.json b/packages/extension-ruby-text/package.json
new file mode 100644
index 0000000..6cffbb5
--- /dev/null
+++ b/packages/extension-ruby-text/package.json
@@ -0,0 +1,55 @@
+{
+  "name": "@tiptap/extension-ruby-text",
+  "version": "3.30.3",
+  "description": "HTML ruby text annotation extension for tiptap",
+  "keywords": [
+    "cjk",
+    "furigana",
+    "ruby-text",
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-ruby-text"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-ruby-text/src/index.ts b/packages/extension-ruby-text/src/index.ts
new file mode 100644
index 0000000..6669b98
--- /dev/null
+++ b/packages/extension-ruby-text/src/index.ts
@@ -0,0 +1,5 @@
+import { RubyText } from './ruby-text.js'
+
+export * from './ruby-text.js'
+
+export default RubyText
diff --git a/packages/extension-ruby-text/src/ruby-text-decoration-plugin.ts b/packages/extension-ruby-text/src/ruby-text-decoration-plugin.ts
new file mode 100644
index 0000000..3e6e823
--- /dev/null
+++ b/packages/extension-ruby-text/src/ruby-text-decoration-plugin.ts
@@ -0,0 +1,295 @@
+import type { Editor } from '@tiptap/core'
+import type { Mark, MarkType, Node as PMNode } from '@tiptap/pm/model'
+import { Plugin, PluginKey, TextSelection } from '@tiptap/pm/state'
+import { Decoration, DecorationSet, type EditorView } from '@tiptap/pm/view'
+
+const rubyTextDecorationPluginKey = new PluginKey('rubyTextDecoration')
+
+// Ends a widget's edit session on destroy, so stale submit/dismiss calls do nothing.
+const editSessions = new WeakMap<Node, () => void>()
+
+interface RubyTextRange {
+  from: number
+  to: number
+  mark: Mark
+}
+
+export interface RubyTextAnnotationEditorProps {
+  /**
+   * The current annotation value (`''` when the mark has an empty annotation).
+   */
+  annotation: string
+  /**
+   * Applies the given value as the new annotation and closes the editor.
+   * Calling it more than once (or after `dismiss`) is a no-op.
+   */
+  submit: (value: string) => void
+  /**
+   * Closes the editor without changing the annotation.
+   * Calling it more than once (or after `submit`) is a no-op.
+   */
+  dismiss: () => void
+  /**
+   * The editor instance.
+   */
+  editor: Editor
+}
+
+export interface RubyTextDecorationPluginOptions {
+  editor: Editor
+  allowClickToEdit: boolean
+  renderAnnotationEditor?: (props: RubyTextAnnotationEditorProps) => HTMLElement
+}
+
+// Enter and Escape during IME composition must not close the editor.
+// Safari reports some IME keydowns only via the deprecated keyCode 229.
+function isImeEvent(event: KeyboardEvent) {
+  const legacyKeyCode = (event as { keyCode?: number }).keyCode
+  return event.isComposing || legacyKeyCode === 229
+}
+
+/** Default annotation editor: a plain text input. Enter submits, Escape or blur dismisses. */
+function defaultRenderAnnotationEditor({
+  annotation,
+  submit,
+  dismiss,
+}: RubyTextAnnotationEditorProps) {
+  const input = document.createElement('input')
+  input.type = 'text'
+  input.value = annotation
+  input.size = Math.max(annotation.length, 1)
+  input.setAttribute('aria-label', 'Ruby text annotation')
+
+  input.addEventListener('focus', () => input.select(), { once: true })
+  input.addEventListener('blur', () => dismiss())
+  input.addEventListener('keydown', event => {
+    if (isImeEvent(event)) {
+      return
+    }
+
+    if (event.key === 'Escape') {
+      event.preventDefault()
+      dismiss()
+    }
+
+    if (event.key === 'Enter') {
+      event.preventDefault()
+      submit(input.value)
+    }
+  })
+
+  return input
+}
+
+function createRtElement(
+  annotation: string,
+  range: RubyTextRange,
+  rubyTextType: MarkType,
+  view: EditorView,
+  options: RubyTextDecorationPluginOptions,
+) {
+  const rt = document.createElement('rt')
+  rt.contentEditable = 'false'
+  rt.textContent = annotation
+  let editing = false
+
+  const restoreEditorFocus = () => {
+    view.dispatch(view.state.tr.setSelection(TextSelection.create(view.state.doc, range.to)))
+    view.focus()
+  }
+
+  if (!options.allowClickToEdit || !view.editable) {
+    return rt
+  }
+
+  editSessions.set(rt, () => {
+    editing = false
+  })
+
+  const dismiss = () => {
+    if (!editing) {
+      return
+    }
+
+    editing = false
+    rt.textContent = annotation
+    restoreEditorFocus()
+  }
+
+  const submit = (value: string) => {
+    if (!editing) {
+      return
+    }
+
+    // An unchanged value produces no doc change, so the widget would not
+    // re-render and the editor element would stay mounted.
+    if (!view.editable || value === annotation) {
+      dismiss()
+      return
+    }
+
+    editing = false
+    const transaction = view.state.tr.addMark(
+      range.from,
+      range.to,
+      rubyTextType.create({ ...range.mark.attrs, rt: value }),
+    )
+
+    view.dispatch(transaction.setSelection(TextSelection.create(transaction.doc, range.to)))
+    view.focus()
+  }
+
+  const openEditor = () => {
+    const renderEditor = options.renderAnnotationEditor ?? defaultRenderAnnotationEditor
+    const element = renderEditor({ annotation, submit, dismiss, editor: options.editor })
+
+    rt.replaceChildren(element)
+
+    // Browsers ignore autofocus on inserted nodes, so we focus it manually.
+    const focusTarget = element.querySelector<HTMLElement>('[autofocus]') ?? element
+    focusTarget.focus()
+  }
+
+  rt.addEventListener('click', () => {
+    if (editing || !view.editable) {
+      return
+    }
+
+    editing = true
+    openEditor()
+  })
+
+  return rt
+}
+
+/** Gets the mark of ruby text from the given node, if it exists. */
+function getRubyTextMark(node: PMNode, rubyTextType: MarkType) {
+  return node.isText ? node.marks.find(candidate => candidate.type === rubyTextType) : undefined
+}
+
+/** Adds a ruby text range to an existing array of ranges. */
+function addRange(ranges: RubyTextRange[], range: RubyTextRange | null) {
+  if (range) {
+    ranges.push(range)
+  }
+}
+
+/** Can the current range be extended with the given mark at the given position? */
+function canExtendRange(range: RubyTextRange | null, mark: Mark, pos: number) {
+  return range?.to === pos && range.mark.eq(mark)
+}
+
+/**
+ * Gets the next ruby text range based on the current node and position.
+ * @param ranges The array of ruby text ranges to add to.
+ * @param range The current ruby text range being built.
+ * @param node The current ProseMirror node being processed.
+ * @param pos The position of the current node in the document.
+ * @param rubyTextType The MarkType for ruby text.
+ * @returns The updated ruby text range, or null if the current node does not have a ruby text mark.
+ */
+function getNextRange(
+  ranges: RubyTextRange[],
+  range: RubyTextRange | null,
+  node: PMNode,
+  pos: number,
+  rubyTextType: MarkType,
+) {
+  const mark = getRubyTextMark(node, rubyTextType)
+
+  if (!mark) {
+    addRange(ranges, range)
+    return null
+  }
+
+  if (range && canExtendRange(range, mark, pos)) {
+    range.to += node.nodeSize
+    return range
+  }
+
+  addRange(ranges, range)
+  return { from: pos, to: pos + node.nodeSize, mark }
+}
+
+function getRubyTextRanges(doc: PMNode, rubyTextType: MarkType) {
+  const ranges: RubyTextRange[] = []
+  let range: RubyTextRange | null = null
+
+  doc.descendants((node, pos) => {
+    range = getNextRange(ranges, range, node, pos, rubyTextType)
+  })
+  addRange(ranges, range)
+
+  return ranges
+}
+
+// Events from the annotation editor that ProseMirror must not handle itself.
+const STOPPED_EVENT_TYPES = new Set([
+  'click',
+  'dblclick',
+  'contextmenu',
+  'mousedown',
+  'mouseup',
+  'pointerdown',
+  'pointerup',
+  'touchstart',
+  'touchend',
+  'keydown',
+  'keypress',
+  'keyup',
+  'input',
+  'beforeinput',
+  'compositionstart',
+  'compositionupdate',
+  'compositionend',
+  'paste',
+  'cut',
+  'copy',
+  'focus',
+  'blur',
+  'focusin',
+  'focusout',
+])
+
+function createDecorations(
+  doc: PMNode,
+  rubyTextType: MarkType,
+  options: RubyTextDecorationPluginOptions,
+) {
+  const decorations = getRubyTextRanges(doc, rubyTextType).map(range => {
+    const annotation = range.mark.attrs.rt ?? ''
+
+    return Decoration.widget(
+      range.to,
+      view => createRtElement(annotation, range, rubyTextType, view, options),
+      {
+        key: `ruby-text-${range.from}-${range.to}-${annotation}`,
+        marks: [range.mark],
+        side: 1,
+        stopEvent: event => options.allowClickToEdit && STOPPED_EVENT_TYPES.has(event.type),
+        destroy: node => editSessions.get(node)?.(),
+      },
+    )
+  })
+
+  return DecorationSet.create(doc, decorations)
+}
+
+export function RubyTextDecorationPlugin(
+  rubyTextType: MarkType,
+  options: RubyTextDecorationPluginOptions,
+) {
+  return new Plugin({
+    key: rubyTextDecorationPluginKey,
+    state: {
+      init: (_, state) => createDecorations(state.doc, rubyTextType, options),
+      apply: (transaction, decorations) =>
+        transaction.docChanged
+          ? createDecorations(transaction.doc, rubyTextType, options)
+          : decorations.map(transaction.mapping, transaction.doc),
+    },
+    props: {
+      decorations: state => rubyTextDecorationPluginKey.getState(state),
+    },
+  })
+}
diff --git a/packages/extension-ruby-text/src/ruby-text.ts b/packages/extension-ruby-text/src/ruby-text.ts
new file mode 100644
index 0000000..071c302
--- /dev/null
+++ b/packages/extension-ruby-text/src/ruby-text.ts
@@ -0,0 +1,174 @@
+import { Mark, mergeAttributes } from '@tiptap/core'
+
+import type { RubyTextAnnotationEditorProps } from './ruby-text-decoration-plugin.js'
+import { RubyTextDecorationPlugin } from './ruby-text-decoration-plugin.js'
+
+export type { RubyTextAnnotationEditorProps }
+
+export interface RubyTextOptions {
+  /**
+   * HTML attributes to add to the ruby element.
+   * @default {}
+   */
+  HTMLAttributes: Record<string, any>
+  /**
+   * Whether clicking an annotation opens an inline editor.
+   * @default true
+   */
+  allowClickToEdit: boolean
+  /**
+   * Renders a custom element used as the inline annotation editor.
+   * The returned element is mounted inside the `rt` element. A descendant
+   * with the `autofocus` attribute is focused, otherwise the element itself.
+   * When not set, a plain text input is rendered.
+   * @default undefined
+   */
+  renderAnnotationEditor?: (props: RubyTextAnnotationEditorProps) => HTMLElement
+}
+
+export interface RubyTextAttributes {
+  /**
+   * The ruby text annotation rendered in the HTML `rt` element.
+   */
+  rt: string | null
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    rubyText: {
+      /**
+       * Set a ruby text mark with an annotation on the current selection.
+       * @example editor.commands.setRubyText({ rt: 'かんじ' })
+       */
+      setRubyText: (attributes: RubyTextAttributes) => ReturnType
+      /**
+       * Toggle a ruby text mark on the current selection.
+       * @example editor.commands.toggleRubyText({ rt: 'かんじ' })
+       */
+      toggleRubyText: (attributes: RubyTextAttributes) => ReturnType
+      /**
+       * Remove the ruby text mark from the current selection.
+       * @example editor.commands.unsetRubyText()
+       */
+      unsetRubyText: () => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension adds support for HTML ruby text annotations.
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby
+ */
+export const RubyText = Mark.create<RubyTextOptions>({
+  name: 'rubyText',
+
+  inclusive: false,
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+      allowClickToEdit: true,
+      renderAnnotationEditor: undefined,
+    }
+  },
+
+  addAttributes() {
+    return {
+      rt: {
+        default: null,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'ruby',
+        contentElement: (node: HTMLElement) => {
+          const rb = node.querySelector('rb')
+
+          if (rb) {
+            return rb
+          }
+
+          const surrogate = document.createElement('span')
+
+          Array.from(node.childNodes).forEach(child => {
+            if (child.nodeName !== 'RT' && child.nodeName !== 'RP') {
+              surrogate.appendChild(child.cloneNode(true))
+            }
+          })
+
+          return surrogate
+        },
+        getAttrs: (node: HTMLElement) => {
+          const rt = node.querySelector('rt')
+
+          if (!rt) {
+            return false
+          }
+
+          return { rt: rt.textContent ?? '' }
+        },
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes, mark }) {
+    return [
+      'ruby',
+      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+      ['rb', 0],
+      ...(mark.attrs.rt == null ? [] : [['rt', { contenteditable: 'false' }, mark.attrs.rt]]),
+    ]
+  },
+
+  addCommands() {
+    return {
+      setRubyText:
+        attributes =>
+        ({ commands }) => {
+          return commands.setMark(this.name, attributes)
+        },
+      toggleRubyText:
+        attributes =>
+        ({ commands }) => {
+          return commands.toggleMark(this.name, attributes, { extendEmptyMarkRange: true })
+        },
+      unsetRubyText:
+        () =>
+        ({ commands }) => {
+          return commands.unsetMark(this.name, { extendEmptyMarkRange: true })
+        },
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      RubyTextDecorationPlugin(this.type, {
+        editor: this.editor,
+        allowClickToEdit: this.options.allowClickToEdit,
+        renderAnnotationEditor: this.options.renderAnnotationEditor,
+      }),
+    ]
+  },
+
+  addMarkView() {
+    return ({ HTMLAttributes }) => {
+      const ruby = document.createElement('ruby')
+
+      Object.entries(mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)).forEach(
+        ([key, value]) => {
+          if (value != null) {
+            ruby.setAttribute(key, String(value))
+          }
+        },
+      )
+
+      return {
+        dom: ruby,
+        contentDOM: ruby,
+      }
+    }
+  },
+})
diff --git a/packages/extension-ruby-text/tests/integration/rubyText.test.ts b/packages/extension-ruby-text/tests/integration/rubyText.test.ts
new file mode 100644
index 0000000..6fc372b
--- /dev/null
+++ b/packages/extension-ruby-text/tests/integration/rubyText.test.ts
@@ -0,0 +1,489 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { RubyText, type RubyTextOptions } from '../../src/ruby-text.js'
+
+let container: HTMLElement | undefined
+
+function createEditor(content = '<p></p>', options: Partial<RubyTextOptions> = {}) {
+  const element = document.createElement('div')
+  document.body.appendChild(element)
+  container = element
+
+  return new Editor({
+    element,
+    extensions: [Document, Paragraph, Text, RubyText.configure(options)],
+    content,
+  })
+}
+
+describe('RubyText', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+    container?.remove()
+    container = undefined
+  })
+
+  it('stores base text in the document and annotation in mark attributes', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    expect(editor.getJSON()).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: '漢字',
+              marks: [{ type: 'rubyText', attrs: { rt: 'かんじ' } }],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('sets, toggles, and unsets the ruby mark', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+    expect(editor.isActive('rubyText')).toBe(true)
+
+    editor.commands.selectAll()
+    editor.commands.toggleRubyText({ rt: 'かんじ' })
+    expect(editor.isActive('rubyText')).toBe(false)
+
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+    editor.commands.selectAll()
+    editor.commands.unsetRubyText()
+    expect(editor.getHTML()).toBe('<p>漢字</p>')
+  })
+
+  it('updates the annotation on an existing mark', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ（新）' })
+
+    expect(editor.getHTML()).toContain('かんじ（新）')
+  })
+
+  it('renders a non-editable rt element', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+
+    expect(editor.getHTML()).toContain('<rt contenteditable="false">かんじ</rt>')
+    expect(rt.contentEditable).toBe('false')
+    expect(rt.parentElement?.tagName).toBe('RUBY')
+  })
+
+  it('applies configured HTML attributes to the mark view', () => {
+    editor = createEditor('<p>漢字</p>', { HTMLAttributes: { class: 'ruby-text' } })
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    expect(editor.view.dom.querySelector('ruby')?.className).toBe('ruby-text')
+  })
+
+  it('preserves an empty annotation', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: '' })
+
+    expect(editor.getHTML()).not.toContain('data-rt')
+    expect(editor.getHTML()).toContain('<rt contenteditable="false"></rt>')
+  })
+
+  it('does not render an annotation when it is null', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: null })
+
+    expect(editor.getHTML()).toBe('<p><ruby><rb>漢字</rb></ruby></p>')
+  })
+
+  it('updates an annotation after submitting its inline editor', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    const input = rt.querySelector('input') as HTMLInputElement
+    input.value = 'かんじ（新）'
+    input.dispatchEvent(new KeyboardEvent('keydown', { bubbles: true, key: 'Enter' }))
+
+    expect(editor.getHTML()).toContain('かんじ（新）')
+    expect(editor.view.dom.querySelector('ruby > rt')?.textContent).toBe('かんじ（新）')
+    expect(editor.state.selection.from).toBe(3)
+  })
+
+  it('closes the editor when submitting an unchanged annotation', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    const input = rt.querySelector('input') as HTMLInputElement
+    input.dispatchEvent(new KeyboardEvent('keydown', { bubbles: true, key: 'Enter' }))
+
+    expect(rt.querySelector('input')).toBeNull()
+    expect(rt.textContent).toBe('かんじ')
+    expect(editor.state.selection.from).toBe(3)
+  })
+
+  it('does not open an inline editor when click editing is disabled', () => {
+    editor = createEditor('<p>漢字</p>', { allowClickToEdit: false })
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    expect(rt.querySelector('input')).toBeNull()
+  })
+
+  it('does not open an inline editor when the editor is not editable', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+    editor.setEditable(false)
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    expect(rt.querySelector('input')).toBeNull()
+    expect(editor.getHTML()).toContain('かんじ')
+  })
+
+  it('discards an annotation edit when dismissed', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    const input = rt.querySelector('input') as HTMLInputElement
+    input.value = 'かんじ（新）'
+    input.dispatchEvent(new KeyboardEvent('keydown', { bubbles: true, key: 'Escape' }))
+
+    expect(editor.getHTML()).toContain('かんじ')
+    expect(editor.getHTML()).not.toContain('かんじ（新）')
+    expect(rt.textContent).toBe('かんじ')
+    expect(editor.state.selection.from).toBe(3)
+  })
+
+  it('discards an annotation edit when it loses focus', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    const input = rt.querySelector('input') as HTMLInputElement
+    input.value = 'かんじ（新）'
+    input.blur()
+
+    expect(editor.getHTML()).toContain('かんじ')
+    expect(editor.getHTML()).not.toContain('かんじ（新）')
+    expect(rt.textContent).toBe('かんじ')
+    expect(editor.state.selection.from).toBe(3)
+  })
+
+  it('focuses the default input after opening the inline editor', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    expect(document.activeElement).toBe(rt.querySelector('input'))
+  })
+
+  it('ignores Enter while an IME composition is in progress', () => {
+    editor = createEditor('<p>漢字</p>')
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    const input = rt.querySelector('input') as HTMLInputElement
+    input.value = 'かんじ（新）'
+    input.dispatchEvent(
+      new KeyboardEvent('keydown', { bubbles: true, key: 'Enter', isComposing: true }),
+    )
+
+    expect(editor.getHTML()).not.toContain('かんじ（新）')
+    expect(rt.querySelector('input')).toBe(input)
+  })
+
+  it('renders a custom annotation editor instead of the default input', () => {
+    editor = createEditor('<p>漢字</p>', {
+      renderAnnotationEditor: () => {
+        const button = document.createElement('button')
+        button.dataset.testid = 'custom-editor'
+        return button
+      },
+    })
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    expect(rt.querySelector('[data-testid="custom-editor"]')).not.toBeNull()
+    expect(rt.querySelector('input')).toBeNull()
+  })
+
+  it('focuses the autofocus control inside a custom editor', () => {
+    editor = createEditor('<p>漢字</p>', {
+      renderAnnotationEditor: () => {
+        const wrapper = document.createElement('span')
+        const input = document.createElement('input')
+        input.autofocus = true
+        wrapper.appendChild(input)
+        return wrapper
+      },
+    })
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    expect(document.activeElement).toBe(rt.querySelector('input'))
+  })
+
+  it('passes the annotation and editor instance to the custom editor', () => {
+    let receivedAnnotation: string | undefined
+    let receivedEditor: Editor | undefined
+
+    editor = createEditor('<p>漢字</p>', {
+      renderAnnotationEditor: ({ annotation, editor: editorInstance }) => {
+        receivedAnnotation = annotation
+        receivedEditor = editorInstance
+        return document.createElement('span')
+      },
+    })
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    expect(receivedAnnotation).toBe('かんじ')
+    expect(receivedEditor).toBe(editor)
+  })
+
+  it('updates the annotation when a custom editor submits a value', () => {
+    let submit: ((value: string) => void) | undefined
+
+    editor = createEditor('<p>漢字</p>', {
+      renderAnnotationEditor: props => {
+        submit = props.submit
+        return document.createElement('span')
+      },
+    })
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+    submit?.('かんじ（新）')
+
+    expect(editor.getHTML()).toContain('かんじ（新）')
+    expect(editor.view.dom.querySelector('ruby > rt')?.textContent).toBe('かんじ（新）')
+    expect(editor.state.selection.from).toBe(3)
+  })
+
+  it('restores the annotation when a custom editor dismisses', () => {
+    let dismiss: (() => void) | undefined
+
+    editor = createEditor('<p>漢字</p>', {
+      renderAnnotationEditor: props => {
+        dismiss = props.dismiss
+        const span = document.createElement('span')
+        span.dataset.testid = 'custom-editor'
+        return span
+      },
+    })
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+    dismiss?.()
+
+    expect(editor.getHTML()).toContain('かんじ')
+    expect(rt.textContent).toBe('かんじ')
+    expect(rt.querySelector('[data-testid="custom-editor"]')).toBeNull()
+    expect(editor.state.selection.from).toBe(3)
+  })
+
+  it('ignores submit and dismiss after the editor is closed', () => {
+    let submit: ((value: string) => void) | undefined
+    let dismiss: (() => void) | undefined
+    let updates = 0
+
+    editor = createEditor('<p>漢字</p>', {
+      renderAnnotationEditor: props => {
+        submit = props.submit
+        dismiss = props.dismiss
+        return document.createElement('span')
+      },
+    })
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+    editor.on('update', () => {
+      updates += 1
+    })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+    submit?.('かんじ（新）')
+    submit?.('かんじ（無視）')
+    dismiss?.()
+
+    expect(updates).toBe(1)
+    expect(editor.getHTML()).toContain('かんじ（新）')
+    expect(editor.getHTML()).not.toContain('かんじ（無視）')
+  })
+
+  it('dismisses instead of submitting when the editor became non-editable', () => {
+    let submit: ((value: string) => void) | undefined
+
+    editor = createEditor('<p>漢字</p>', {
+      renderAnnotationEditor: props => {
+        submit = props.submit
+        return document.createElement('span')
+      },
+    })
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+    editor.setEditable(false)
+
+    expect(submit).toBeDefined()
+    submit?.('かんじ（新）')
+
+    expect(editor.getHTML()).toContain('かんじ')
+    expect(editor.getHTML()).not.toContain('かんじ（新）')
+  })
+
+  it('ignores submit when the document changed while editing', () => {
+    let submit: ((value: string) => void) | undefined
+
+    editor = createEditor('<p>漢字</p>', {
+      renderAnnotationEditor: props => {
+        submit = props.submit
+        return document.createElement('span')
+      },
+    })
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    expect(submit).toBeDefined()
+
+    // Shift the ruby range so the captured submit becomes stale.
+    editor.commands.insertContentAt(1, 'あ')
+    submit?.('かんじ（新）')
+
+    expect(editor.getHTML()).toContain('かんじ')
+    expect(editor.getHTML()).not.toContain('かんじ（新）')
+  })
+
+  it('does not invoke the custom editor when click editing is disabled', () => {
+    let invoked = false
+
+    editor = createEditor('<p>漢字</p>', {
+      allowClickToEdit: false,
+      renderAnnotationEditor: () => {
+        invoked = true
+        return document.createElement('span')
+      },
+    })
+    editor.commands.selectAll()
+    editor.commands.setRubyText({ rt: 'かんじ' })
+
+    const rt = editor.view.dom.querySelector('ruby > rt') as HTMLElement
+    rt.click()
+
+    expect(invoked).toBe(false)
+  })
+
+  it('parses ruby HTML with rb and rt elements', () => {
+    editor = createEditor('<p><ruby><rb>漢字</rb><rt>かんじ</rt></ruby></p>')
+
+    expect(editor.getJSON()).toMatchObject({
+      content: [
+        {
+          content: [
+            {
+              text: '漢字',
+              marks: [{ type: 'rubyText', attrs: { rt: 'かんじ' } }],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('parses native ruby HTML without an rb element', () => {
+    editor = createEditor('<p><ruby>東京<rt>とうきょう</rt></ruby>は日本の首都です。</p>')
+
+    expect(editor.getJSON()).toMatchObject({
+      content: [
+        {
+          content: [
+            {
+              text: '東京',
+              marks: [{ type: 'rubyText', attrs: { rt: 'とうきょう' } }],
+            },
+            {
+              text: 'は日本の首都です。',
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('does not parse ruby HTML without an annotation as a mark', () => {
+    editor = createEditor('<p><ruby>漢字</ruby></p>')
+
+    expect(editor.getJSON()).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [{ type: 'text', text: '漢字' }],
+        },
+      ],
+    })
+  })
+})
diff --git a/packages/extension-ruby-text/vite.config.ts b/packages/extension-ruby-text/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-ruby-text/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-strike/CHANGELOG.md b/packages/extension-strike/CHANGELOG.md
new file mode 100644
index 0000000..582704b
--- /dev/null
+++ b/packages/extension-strike/CHANGELOG.md
@@ -0,0 +1,1668 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+### Bug Fixes
+
+- Disallow only whitespace between markdown shortcuts delimiters ([#4866](https://github.com/ueberdosis/tiptap/issues/4866)) ([aa029fe](https://github.com/ueberdosis/tiptap/commit/aa029fe2242aeadc38555b2832df6ae1614c7d1d))
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+### Bug Fixes
+
+- **strikethrough:** update strikethrough shortcut ([#4288](https://github.com/ueberdosis/tiptap/issues/4288)) ([fd35db4](https://github.com/ueberdosis/tiptap/commit/fd35db4d090d9fdfef1196fb1f6f858f13cf53d1))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.27...@tiptap/extension-strike@2.0.0-beta.29) (2022-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.26...@tiptap/extension-strike@2.0.0-beta.27) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.25...@tiptap/extension-strike@2.0.0-beta.26) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.24...@tiptap/extension-strike@2.0.0-beta.25) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.23...@tiptap/extension-strike@2.0.0-beta.24) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.22...@tiptap/extension-strike@2.0.0-beta.23) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.21...@tiptap/extension-strike@2.0.0-beta.22) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.20...@tiptap/extension-strike@2.0.0-beta.21) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.19...@tiptap/extension-strike@2.0.0-beta.20) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.18...@tiptap/extension-strike@2.0.0-beta.19) (2021-10-10)
+
+### Bug Fixes
+
+- fix regex modifier for input rules and paste rules, fix [#2003](https://github.com/ueberdosis/tiptap/issues/2003) ([65eddf0](https://github.com/ueberdosis/tiptap/commit/65eddf0e789c620a53d9bec9509b515211fb9b3f))
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.17...@tiptap/extension-strike@2.0.0-beta.18) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.16...@tiptap/extension-strike@2.0.0-beta.17) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.15...@tiptap/extension-strike@2.0.0-beta.16) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.14...@tiptap/extension-strike@2.0.0-beta.15) (2021-05-27)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.13...@tiptap/extension-strike@2.0.0-beta.14) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.12...@tiptap/extension-strike@2.0.0-beta.13) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.11...@tiptap/extension-strike@2.0.0-beta.12) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.10...@tiptap/extension-strike@2.0.0-beta.11) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.9...@tiptap/extension-strike@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.8...@tiptap/extension-strike@2.0.0-beta.9) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.7...@tiptap/extension-strike@2.0.0-beta.8) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.6...@tiptap/extension-strike@2.0.0-beta.7) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.5...@tiptap/extension-strike@2.0.0-beta.6) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.4...@tiptap/extension-strike@2.0.0-beta.5) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.3...@tiptap/extension-strike@2.0.0-beta.4) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.2...@tiptap/extension-strike@2.0.0-beta.3) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-beta.1...@tiptap/extension-strike@2.0.0-beta.2) (2021-04-09)
+
+### Bug Fixes
+
+- fix a bug where strike and underline can’t parsed together ([eff2c41](https://github.com/ueberdosis/tiptap/commit/eff2c4140a9e15762fa2238caf21dfbc47ffc3df))
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-alpha.11...@tiptap/extension-strike@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-alpha.10...@tiptap/extension-strike@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-alpha.9...@tiptap/extension-strike@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-alpha.8...@tiptap/extension-strike@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-alpha.7...@tiptap/extension-strike@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-alpha.6...@tiptap/extension-strike@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-alpha.5...@tiptap/extension-strike@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-alpha.4...@tiptap/extension-strike@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-alpha.3...@tiptap/extension-strike@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-alpha.2...@tiptap/extension-strike@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@2.0.0-alpha.1...@tiptap/extension-strike@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@1.0.0-alpha.2...@tiptap/extension-strike@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-strike@1.0.0-alpha.1...@tiptap/extension-strike@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-strike
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-strike/README.md b/packages/extension-strike/README.md
new file mode 100644
index 0000000..169433e
--- /dev/null
+++ b/packages/extension-strike/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-strike
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-strike.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-strike)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-strike.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-strike.svg)](https://www.npmjs.com/package/@tiptap/extension-strike)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-strike/package.json b/packages/extension-strike/package.json
new file mode 100644
index 0000000..0cc0a0b
--- /dev/null
+++ b/packages/extension-strike/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-strike",
+  "version": "3.30.3",
+  "description": "strike extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-strike"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-strike/src/index.ts b/packages/extension-strike/src/index.ts
new file mode 100644
index 0000000..377a83a
--- /dev/null
+++ b/packages/extension-strike/src/index.ts
@@ -0,0 +1,5 @@
+import { Strike } from './strike.js'
+
+export * from './strike.js'
+
+export default Strike
diff --git a/packages/extension-strike/src/strike.ts b/packages/extension-strike/src/strike.ts
new file mode 100644
index 0000000..846e45d
--- /dev/null
+++ b/packages/extension-strike/src/strike.ts
@@ -0,0 +1,134 @@
+import { Mark, markInputRule, markPasteRule, mergeAttributes } from '@tiptap/core'
+
+export interface StrikeOptions {
+  /**
+   * HTML attributes to add to the strike element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    strike: {
+      /**
+       * Set a strike mark
+       * @example editor.commands.setStrike()
+       */
+      setStrike: () => ReturnType
+      /**
+       * Toggle a strike mark
+       * @example editor.commands.toggleStrike()
+       */
+      toggleStrike: () => ReturnType
+      /**
+       * Unset a strike mark
+       * @example editor.commands.unsetStrike()
+       */
+      unsetStrike: () => ReturnType
+    }
+  }
+}
+
+/**
+ * Matches a strike to a ~~strike~~ on input.
+ */
+export const inputRegex = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/
+
+/**
+ * Matches a strike to a ~~strike~~ on paste.
+ */
+export const pasteRegex = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g
+
+/**
+ * This extension allows you to create strike text.
+ * @see https://www.tiptap.dev/api/marks/strike
+ */
+export const Strike = Mark.create<StrikeOptions>({
+  name: 'strike',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 's',
+      },
+      {
+        tag: 'del',
+      },
+      {
+        tag: 'strike',
+      },
+      {
+        style: 'text-decoration',
+        consuming: false,
+        getAttrs: style => ((style as string).includes('line-through') ? {} : false),
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['s', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  markdownTokenName: 'del',
+
+  parseMarkdown: (token, helpers) => {
+    // Convert 'del' token to strike mark
+    return helpers.applyMark('strike', helpers.parseInline(token.tokens || []))
+  },
+
+  renderMarkdown: (node, h) => {
+    return `~~${h.renderChildren(node)}~~`
+  },
+
+  addCommands() {
+    return {
+      setStrike:
+        () =>
+        ({ commands }) => {
+          return commands.setMark(this.name)
+        },
+      toggleStrike:
+        () =>
+        ({ commands }) => {
+          return commands.toggleMark(this.name)
+        },
+      unsetStrike:
+        () =>
+        ({ commands }) => {
+          return commands.unsetMark(this.name)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-Shift-s': () => this.editor.commands.toggleStrike(),
+    }
+  },
+
+  addInputRules() {
+    return [
+      markInputRule({
+        find: inputRegex,
+        type: this.type,
+      }),
+    ]
+  },
+
+  addPasteRules() {
+    return [
+      markPasteRule({
+        find: pasteRegex,
+        type: this.type,
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-strike/vite.config.ts b/packages/extension-strike/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-strike/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-subscript/CHANGELOG.md b/packages/extension-subscript/CHANGELOG.md
new file mode 100644
index 0000000..fec9ab9
--- /dev/null
+++ b/packages/extension-subscript/CHANGELOG.md
@@ -0,0 +1,1673 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-subscript@2.0.0-beta.13...@tiptap/extension-subscript@2.0.0-beta.14) (2022-09-03)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-subscript@2.0.0-beta.12...@tiptap/extension-subscript@2.0.0-beta.13) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-subscript@2.0.0-beta.10...@tiptap/extension-subscript@2.0.0-beta.12) (2022-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-subscript@2.0.0-beta.9...@tiptap/extension-subscript@2.0.0-beta.10) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-subscript@2.0.0-beta.8...@tiptap/extension-subscript@2.0.0-beta.9) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-subscript@2.0.0-beta.7...@tiptap/extension-subscript@2.0.0-beta.8) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-subscript@2.0.0-beta.6...@tiptap/extension-subscript@2.0.0-beta.7) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-subscript@2.0.0-beta.5...@tiptap/extension-subscript@2.0.0-beta.6) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-subscript@2.0.0-beta.4...@tiptap/extension-subscript@2.0.0-beta.5) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-subscript@2.0.0-beta.3...@tiptap/extension-subscript@2.0.0-beta.4) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-subscript@2.0.0-beta.2...@tiptap/extension-subscript@2.0.0-beta.3) (2021-06-15)
+
+### Bug Fixes
+
+- revert excluding superscript from subscript, and vice versa to prevent error if not both extensions are used ([123f206](https://github.com/ueberdosis/tiptap/commit/123f2067e5ccc15f1fceee164e8bc461193cf8a0))
+
+# 2.0.0-beta.2 (2021-06-09)
+
+**Note:** Version bump only for package @tiptap/extension-subscript
diff --git a/packages/extension-subscript/README.md b/packages/extension-subscript/README.md
new file mode 100644
index 0000000..e9ae768
--- /dev/null
+++ b/packages/extension-subscript/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-subscript
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-subscript.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-subscript)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-subscript.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-subscript.svg)](https://www.npmjs.com/package/@tiptap/extension-subscript)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-subscript/package.json b/packages/extension-subscript/package.json
new file mode 100644
index 0000000..3d32df0
--- /dev/null
+++ b/packages/extension-subscript/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "@tiptap/extension-subscript",
+  "version": "3.30.3",
+  "description": "subscript extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-subscript"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-subscript/src/index.ts b/packages/extension-subscript/src/index.ts
new file mode 100644
index 0000000..61106e2
--- /dev/null
+++ b/packages/extension-subscript/src/index.ts
@@ -0,0 +1,5 @@
+import { Subscript } from './subscript.js'
+
+export * from './subscript.js'
+
+export default Subscript
diff --git a/packages/extension-subscript/src/subscript.test.ts b/packages/extension-subscript/src/subscript.test.ts
new file mode 100644
index 0000000..cd325b4
--- /dev/null
+++ b/packages/extension-subscript/src/subscript.test.ts
@@ -0,0 +1,48 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+import { Subscript } from './subscript.js'
+
+describe('Subscript', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, Subscript],
+      content: '<p>Example Text</p>',
+    })
+    editor.commands.selectAll()
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('transforms inline style vertical-align: sub to sub tags', () => {
+    editor.commands.setContent('<p><span style="vertical-align: sub">Example Text</span></p>')
+    expect(editor.getHTML()).toBe('<p><sub>Example Text</sub></p>')
+  })
+
+  it('omits inline style with a different vertical-align', () => {
+    editor.commands.setContent('<p><b style="vertical-align: middle">Example Text</b></p>')
+    expect(editor.getHTML()).toBe('<p>Example Text</p>')
+  })
+
+  it('toggleSubscript wraps the selection in a sub tag', () => {
+    editor.commands.toggleSubscript()
+    expect(editor.getHTML()).toBe('<p><sub>Example Text</sub></p>')
+  })
+
+  it('toggleSubscript twice removes the sub tag', () => {
+    editor.commands.toggleSubscript()
+    editor.commands.selectAll()
+    editor.commands.toggleSubscript()
+    expect(editor.getHTML()).toBe('<p>Example Text</p>')
+  })
+})
diff --git a/packages/extension-subscript/src/subscript.ts b/packages/extension-subscript/src/subscript.ts
new file mode 100644
index 0000000..c299d98
--- /dev/null
+++ b/packages/extension-subscript/src/subscript.ts
@@ -0,0 +1,97 @@
+import { Mark, mergeAttributes } from '@tiptap/core'
+import type { StyleParseRule } from '@tiptap/pm/model'
+
+export interface SubscriptExtensionOptions {
+  /**
+   * HTML attributes to add to the subscript element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    subscript: {
+      /**
+       * Set a subscript mark
+       * @example editor.commands.setSubscript()
+       */
+      setSubscript: () => ReturnType
+      /**
+       * Toggle a subscript mark
+       * @example editor.commands.toggleSubscript()
+       */
+      toggleSubscript: () => ReturnType
+      /**
+       * Unset a subscript mark
+       * @example editor.commands.unsetSubscript()
+       */
+      unsetSubscript: () => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension allows you to create subscript text.
+ * @see https://www.tiptap.dev/api/marks/subscript
+ */
+export const Subscript = Mark.create<SubscriptExtensionOptions>({
+  name: 'subscript',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'sub',
+      },
+      {
+        style: 'vertical-align',
+        getAttrs(value) {
+          // Don’t match this rule if the vertical align isn’t sub.
+          if (value !== 'sub') {
+            return false
+          }
+
+          // If it falls through we’ll match, and this mark will be applied.
+          return null
+        },
+      } as StyleParseRule,
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['sub', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  addCommands() {
+    return {
+      setSubscript:
+        () =>
+        ({ commands }) => {
+          return commands.setMark(this.name)
+        },
+      toggleSubscript:
+        () =>
+        ({ commands }) => {
+          return commands.toggleMark(this.name)
+        },
+      unsetSubscript:
+        () =>
+        ({ commands }) => {
+          return commands.unsetMark(this.name)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-,': () => this.editor.commands.toggleSubscript(),
+    }
+  },
+})
diff --git a/packages/extension-subscript/vite.config.ts b/packages/extension-subscript/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-subscript/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-superscript/CHANGELOG.md b/packages/extension-superscript/CHANGELOG.md
new file mode 100644
index 0000000..5b648e4
--- /dev/null
+++ b/packages/extension-superscript/CHANGELOG.md
@@ -0,0 +1,1669 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-superscript@2.0.0-beta.12...@tiptap/extension-superscript@2.0.0-beta.13) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-superscript@2.0.0-beta.10...@tiptap/extension-superscript@2.0.0-beta.12) (2022-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-superscript@2.0.0-beta.9...@tiptap/extension-superscript@2.0.0-beta.10) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-superscript@2.0.0-beta.8...@tiptap/extension-superscript@2.0.0-beta.9) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-superscript@2.0.0-beta.7...@tiptap/extension-superscript@2.0.0-beta.8) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-superscript@2.0.0-beta.6...@tiptap/extension-superscript@2.0.0-beta.7) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-superscript@2.0.0-beta.5...@tiptap/extension-superscript@2.0.0-beta.6) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-superscript@2.0.0-beta.4...@tiptap/extension-superscript@2.0.0-beta.5) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-superscript@2.0.0-beta.3...@tiptap/extension-superscript@2.0.0-beta.4) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-superscript@2.0.0-beta.2...@tiptap/extension-superscript@2.0.0-beta.3) (2021-06-15)
+
+### Bug Fixes
+
+- revert excluding superscript from subscript, and vice versa to prevent error if not both extensions are used ([123f206](https://github.com/ueberdosis/tiptap/commit/123f2067e5ccc15f1fceee164e8bc461193cf8a0))
+
+# 2.0.0-beta.2 (2021-06-09)
+
+**Note:** Version bump only for package @tiptap/extension-superscript
diff --git a/packages/extension-superscript/README.md b/packages/extension-superscript/README.md
new file mode 100644
index 0000000..2bda259
--- /dev/null
+++ b/packages/extension-superscript/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-superscript
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-superscript.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-superscript)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-superscript.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-superscript.svg)](https://www.npmjs.com/package/@tiptap/extension-superscript)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-superscript/package.json b/packages/extension-superscript/package.json
new file mode 100644
index 0000000..9fbca89
--- /dev/null
+++ b/packages/extension-superscript/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "@tiptap/extension-superscript",
+  "version": "3.30.3",
+  "description": "superscript extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-superscript"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-superscript/src/index.ts b/packages/extension-superscript/src/index.ts
new file mode 100644
index 0000000..264d996
--- /dev/null
+++ b/packages/extension-superscript/src/index.ts
@@ -0,0 +1,5 @@
+import { Superscript } from './superscript.js'
+
+export * from './superscript.js'
+
+export default Superscript
diff --git a/packages/extension-superscript/src/superscript.test.ts b/packages/extension-superscript/src/superscript.test.ts
new file mode 100644
index 0000000..ecd2c7e
--- /dev/null
+++ b/packages/extension-superscript/src/superscript.test.ts
@@ -0,0 +1,48 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+import { Superscript } from './superscript.js'
+
+describe('Superscript', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, Superscript],
+      content: '<p>Example Text</p>',
+    })
+    editor.commands.selectAll()
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('transforms inline style vertical-align: super to sup tags', () => {
+    editor.commands.setContent('<p><span style="vertical-align: super">Example Text</span></p>')
+    expect(editor.getHTML()).toBe('<p><sup>Example Text</sup></p>')
+  })
+
+  it('omits inline style with a different vertical-align', () => {
+    editor.commands.setContent('<p><span style="vertical-align: middle">Example Text</span></p>')
+    expect(editor.getHTML()).toBe('<p>Example Text</p>')
+  })
+
+  it('toggleSuperscript wraps the selection in a sup tag', () => {
+    editor.commands.toggleSuperscript()
+    expect(editor.getHTML()).toBe('<p><sup>Example Text</sup></p>')
+  })
+
+  it('toggleSuperscript twice removes the sup tag', () => {
+    editor.commands.toggleSuperscript()
+    editor.commands.selectAll()
+    editor.commands.toggleSuperscript()
+    expect(editor.getHTML()).toBe('<p>Example Text</p>')
+  })
+})
diff --git a/packages/extension-superscript/src/superscript.ts b/packages/extension-superscript/src/superscript.ts
new file mode 100644
index 0000000..5367d6f
--- /dev/null
+++ b/packages/extension-superscript/src/superscript.ts
@@ -0,0 +1,97 @@
+import { Mark, mergeAttributes } from '@tiptap/core'
+import type { StyleParseRule } from '@tiptap/pm/model'
+
+export interface SuperscriptExtensionOptions {
+  /**
+   * HTML attributes to add to the superscript element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    superscript: {
+      /**
+       * Set a superscript mark
+       * @example editor.commands.setSuperscript()
+       */
+      setSuperscript: () => ReturnType
+      /**
+       * Toggle a superscript mark
+       * @example editor.commands.toggleSuperscript()
+       */
+      toggleSuperscript: () => ReturnType
+      /**
+       * Unset a superscript mark
+       *  @example editor.commands.unsetSuperscript()
+       */
+      unsetSuperscript: () => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension allows you to create superscript text.
+ * @see https://www.tiptap.dev/api/marks/superscript
+ */
+export const Superscript = Mark.create<SuperscriptExtensionOptions>({
+  name: 'superscript',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'sup',
+      },
+      {
+        style: 'vertical-align',
+        getAttrs(value) {
+          // Don’t match this rule if the vertical align isn’t super.
+          if (value !== 'super') {
+            return false
+          }
+
+          // If it falls through we’ll match, and this mark will be applied.
+          return null
+        },
+      } as StyleParseRule,
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['sup', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  addCommands() {
+    return {
+      setSuperscript:
+        () =>
+        ({ commands }) => {
+          return commands.setMark(this.name)
+        },
+      toggleSuperscript:
+        () =>
+        ({ commands }) => {
+          return commands.toggleMark(this.name)
+        },
+      unsetSuperscript:
+        () =>
+        ({ commands }) => {
+          return commands.unsetMark(this.name)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-.': () => this.editor.commands.toggleSuperscript(),
+    }
+  },
+})
diff --git a/packages/extension-superscript/vite.config.ts b/packages/extension-superscript/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-superscript/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-table-of-contents/CHANGELOG.md b/packages/extension-table-of-contents/CHANGELOG.md
new file mode 100644
index 0000000..f28446c
--- /dev/null
+++ b/packages/extension-table-of-contents/CHANGELOG.md
@@ -0,0 +1,1055 @@
+# @tiptap/extension-table-of-contents
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Minor Changes
+
+- 6c35d17: Add `generateTocIds`, a server-side utility that assigns `id` and `data-toc-id` attributes to anchor nodes in a Tiptap JSON document without needing an `Editor` instance.
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- 62fbb81: Update uuid dependency to version `14.0.0`
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- e12994c: Fix duplicate `onUpdate` invocation per document change in the `TableOfContents` extension.
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- 18eef0d: Skip the table of contents update logic during IME input method composition to avoid interference with input.
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- 06facb6: Fixed a bug that mutated the ProseMirror document during server-side rendering, which could cause "Invalid content for node doc" errors.
+  - @tiptap/core@3.12.1
+  - @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- 2eab2d0: Improve typings by inferring the storage type for the Table of Contents extension
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
diff --git a/packages/extension-table-of-contents/README.md b/packages/extension-table-of-contents/README.md
new file mode 100644
index 0000000..46fe572
--- /dev/null
+++ b/packages/extension-table-of-contents/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-table-of-contents
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-table-of-contents.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-table-of-contents)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-table-of-contents.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-table-of-contents.svg)](https://www.npmjs.com/package/@tiptap/extension-table-of-contents)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-table-of-contents/package.json b/packages/extension-table-of-contents/package.json
new file mode 100644
index 0000000..97fd53d
--- /dev/null
+++ b/packages/extension-table-of-contents/package.json
@@ -0,0 +1,55 @@
+{
+  "name": "@tiptap/extension-table-of-contents",
+  "version": "3.30.3",
+  "description": "table of contents extension for Tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev/docs/editor/extensions/functionality/table-of-contents",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-table-of-contents"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "uuid": "^14.0.0"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-table-of-contents/src/generate-toc-ids.test.ts b/packages/extension-table-of-contents/src/generate-toc-ids.test.ts
new file mode 100644
index 0000000..7905c1f
--- /dev/null
+++ b/packages/extension-table-of-contents/src/generate-toc-ids.test.ts
@@ -0,0 +1,146 @@
+import type { JSONContent } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { generateTocIds } from './generate-toc-ids.js'
+import { TableOfContents } from './tableOfContents.js'
+
+const baseExtensions = [Document, Paragraph, Text, Heading]
+
+const docWithHeadings = (...texts: string[]): JSONContent => ({
+  type: 'doc',
+  content: texts.map(text => ({
+    type: 'heading',
+    attrs: { level: 1 },
+    content: [{ type: 'text', text }],
+  })),
+})
+
+describe('generateTocIds', () => {
+  it('throws when TableOfContents extension is missing', () => {
+    expect(() => generateTocIds(docWithHeadings('a'), baseExtensions)).toThrow(
+      'TableOfContents extension (name: "tableOfContents") not found in the extensions array',
+    )
+  })
+
+  it('accepts a custom extension name for users who extend TableOfContents', () => {
+    const CustomToc = TableOfContents.extend({ name: 'myCustomToc' })
+    const result = generateTocIds(
+      docWithHeadings('Intro'),
+      [...baseExtensions, CustomToc],
+      'myCustomToc',
+    )
+    const heading = result.content?.[0]
+
+    expect(heading?.attrs?.id).toEqual(expect.any(String))
+    expect(heading?.attrs?.['data-toc-id']).toEqual(expect.any(String))
+  })
+
+  it('reports the requested name in the not-found error when a custom name is missing', () => {
+    expect(() => generateTocIds(docWithHeadings('a'), baseExtensions, 'myCustomToc')).toThrow(
+      'TableOfContents extension (name: "myCustomToc") not found in the extensions array',
+    )
+  })
+
+  it('assigns id and data-toc-id to anchor nodes that have none', () => {
+    const result = generateTocIds(docWithHeadings('Intro'), [...baseExtensions, TableOfContents])
+    const heading = result.content?.[0]
+
+    expect(heading?.attrs?.id).toEqual(expect.any(String))
+    expect(heading?.attrs?.['data-toc-id']).toEqual(expect.any(String))
+    expect(heading?.attrs?.id).toBe(heading?.attrs?.['data-toc-id'])
+  })
+
+  it('skips anchor nodes with empty text content', () => {
+    const doc: JSONContent = {
+      type: 'doc',
+      content: [{ type: 'heading', attrs: { level: 1 } }],
+    }
+    const result = generateTocIds(doc, [...baseExtensions, TableOfContents])
+    const heading = result.content?.[0]
+
+    expect(heading?.attrs?.id).toBeFalsy()
+    expect(heading?.attrs?.['data-toc-id']).toBeFalsy()
+  })
+
+  it('preserves unique existing data-toc-id values', () => {
+    const doc: JSONContent = {
+      type: 'doc',
+      content: [
+        {
+          type: 'heading',
+          attrs: { level: 1, id: 'existing', 'data-toc-id': 'existing' },
+          content: [{ type: 'text', text: 'Intro' }],
+        },
+      ],
+    }
+    const result = generateTocIds(doc, [...baseExtensions, TableOfContents])
+
+    expect(result.content?.[0].attrs?.['data-toc-id']).toBe('existing')
+    expect(result.content?.[0].attrs?.id).toBe('existing')
+  })
+
+  it('regenerates ids for duplicate data-toc-id values', () => {
+    const doc: JSONContent = {
+      type: 'doc',
+      content: [
+        {
+          type: 'heading',
+          attrs: { level: 1, id: 'dup', 'data-toc-id': 'dup' },
+          content: [{ type: 'text', text: 'First' }],
+        },
+        {
+          type: 'heading',
+          attrs: { level: 1, id: 'dup', 'data-toc-id': 'dup' },
+          content: [{ type: 'text', text: 'Second' }],
+        },
+      ],
+    }
+    const result = generateTocIds(doc, [...baseExtensions, TableOfContents])
+    const [first, second] = result.content ?? []
+
+    expect(first.attrs?.['data-toc-id']).toBe('dup')
+    expect(second.attrs?.['data-toc-id']).not.toBe('dup')
+    expect(second.attrs?.['data-toc-id']).toEqual(expect.any(String))
+  })
+
+  it('does not modify non-anchor nodes', () => {
+    const doc: JSONContent = {
+      type: 'doc',
+      content: [
+        { type: 'paragraph', content: [{ type: 'text', text: 'hello' }] },
+        {
+          type: 'heading',
+          attrs: { level: 1 },
+          content: [{ type: 'text', text: 'Intro' }],
+        },
+      ],
+    }
+    const result = generateTocIds(doc, [...baseExtensions, TableOfContents])
+
+    expect(result.content?.[0].attrs?.id).toBeUndefined()
+    expect(result.content?.[1].attrs?.id).toEqual(expect.any(String))
+  })
+
+  it('respects a custom getId option', () => {
+    const result = generateTocIds(docWithHeadings('Hello World'), [
+      ...baseExtensions,
+      TableOfContents.configure({
+        getId: textContent => textContent.toLowerCase().replace(/\s+/g, '-'),
+      }),
+    ])
+
+    expect(result.content?.[0].attrs?.id).toBe('hello-world')
+    expect(result.content?.[0].attrs?.['data-toc-id']).toBe('hello-world')
+  })
+
+  it('returns an empty content array unchanged', () => {
+    const doc: JSONContent = { type: 'doc', content: [] }
+    const result = generateTocIds(doc, [...baseExtensions, TableOfContents])
+
+    expect(result).toEqual({ type: 'doc' })
+  })
+})
diff --git a/packages/extension-table-of-contents/src/generate-toc-ids.ts b/packages/extension-table-of-contents/src/generate-toc-ids.ts
new file mode 100644
index 0000000..7e08612
--- /dev/null
+++ b/packages/extension-table-of-contents/src/generate-toc-ids.ts
@@ -0,0 +1,89 @@
+import type { Extensions, JSONContent } from '@tiptap/core'
+import { getSchema } from '@tiptap/core'
+import { Node as PMNode } from '@tiptap/pm/model'
+import { EditorState } from '@tiptap/pm/state'
+import { v4 as uuidv4 } from 'uuid'
+
+import type { TableOfContents } from './tableOfContents.js'
+
+/**
+ * Creates a new document with `id` and `data-toc-id` attributes added to
+ * anchor-type nodes (headings by default). Does the same job as the
+ * `TableOfContents` ProseMirror plugin, but without needing an `Editor`
+ * instance — so it can run on the server before `renderToHTMLString`.
+ *
+ * The configuration from the `TableOfContents` extension (in particular
+ * `anchorTypes` and `getId`) is picked up automatically. Nodes that already
+ * have a unique `data-toc-id` are left untouched; duplicates and missing IDs
+ * are re-generated to match the plugin's behavior.
+ *
+ * @throws {Error} If the `TableOfContents` extension is not in the array.
+ *
+ * @example
+ * const doc = {
+ *   type: 'doc',
+ *   content: [
+ *     { type: 'heading', attrs: { level: 1 }, content: [{ type: 'text', text: 'Intro' }] },
+ *   ],
+ * }
+ * const docWithIds = generateTocIds(doc, [StarterKit, TableOfContents])
+ * // → heading now has `id` and `data-toc-id` attributes
+ * const html = renderToHTMLString({ content: docWithIds, extensions: [...] })
+ *
+ * @param doc - A Tiptap JSON document to add anchor IDs to.
+ * @param extensions - The extensions to use. Must include the `TableOfContents` extension (or one extending it).
+ * @param extensionName - Optional name of the `TableOfContents` extension to look up. Defaults to `'tableOfContents'`. Override this if you have extended the base extension and changed its `name`.
+ * @returns The updated Tiptap JSON document.
+ */
+export function generateTocIds(
+  doc: JSONContent,
+  extensions: Extensions,
+  extensionName = 'tableOfContents',
+): JSONContent {
+  const tocExtension = extensions.find(ext => ext.name === extensionName) as
+    | typeof TableOfContents
+    | undefined
+
+  if (!tocExtension) {
+    throw new Error(
+      `TableOfContents extension (name: "${extensionName}") not found in the extensions array`,
+    )
+  }
+
+  const schema = getSchema([...extensions.filter(ext => ext.name !== extensionName), tocExtension])
+  const anchorTypes = tocExtension.options.anchorTypes ?? ['heading']
+  const getId = tocExtension.options.getId ?? (() => uuidv4())
+
+  const contentNode = PMNode.fromJSON(schema, doc)
+
+  // Mirrors the TableOfContents plugin's appendTransaction in `plugin.ts`:
+  // an anchor node gets a fresh id when its `data-toc-id` is missing or
+  // already seen earlier in the document. We track original ids — including
+  // null — to match the plugin's behavior exactly.
+  type Update = { pos: number; attrs: Record<string, unknown> }
+  const updates: Update[] = []
+  const existingIds: Array<string | null | undefined> = []
+
+  contentNode.descendants((node, pos) => {
+    if (!anchorTypes.includes(node.type.name) || node.textContent.length === 0) {
+      return
+    }
+
+    const currentId = node.attrs['data-toc-id'] as string | null | undefined
+
+    if (currentId == null || existingIds.includes(currentId)) {
+      const id = getId(node.textContent)
+      updates.push({ pos, attrs: { ...node.attrs, id, 'data-toc-id': id } })
+    }
+
+    existingIds.push(currentId)
+  })
+
+  const tr = EditorState.create({ doc: contentNode }).tr
+
+  updates.forEach(({ pos, attrs }) => {
+    tr.setNodeMarkup(pos, undefined, attrs)
+  })
+
+  return tr.doc.toJSON()
+}
diff --git a/packages/extension-table-of-contents/src/index.ts b/packages/extension-table-of-contents/src/index.ts
new file mode 100644
index 0000000..ceee4ab
--- /dev/null
+++ b/packages/extension-table-of-contents/src/index.ts
@@ -0,0 +1,8 @@
+import { TableOfContents } from './tableOfContents.js'
+
+export * from './generate-toc-ids.js'
+export * from './plugin.js'
+export * from './tableOfContents.js'
+export * from './utils.js'
+
+export default TableOfContents
diff --git a/packages/extension-table-of-contents/src/plugin.ts b/packages/extension-table-of-contents/src/plugin.ts
new file mode 100644
index 0000000..e5f8161
--- /dev/null
+++ b/packages/extension-table-of-contents/src/plugin.ts
@@ -0,0 +1,65 @@
+import type { NodeType } from '@tiptap/pm/model'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import { v4 as uuidv4 } from 'uuid'
+
+export const TableOfContentsPlugin = ({
+  getId,
+  anchorTypes = ['heading'],
+}: {
+  getId?: (textContent: string) => string
+  anchorTypes?: Array<string | NodeType>
+}) => {
+  return new Plugin({
+    key: new PluginKey('tableOfContent'),
+
+    appendTransaction(transactions, _oldState, newState) {
+      // Avoid running on the server where `window` / DOM is not available.
+      if (typeof window === 'undefined') {
+        return null
+      }
+
+      // Skip updating table of contents during IME composition
+      // to avoid interfering with input method editor
+      if (transactions.some(tr => tr.getMeta('composition'))) {
+        return
+      }
+
+      const tr = newState.tr
+      let modified = false
+
+      if (transactions.some(transaction => transaction.docChanged)) {
+        const existingIds: string[] = []
+
+        newState.doc.descendants((node, pos) => {
+          const nodeId = node.attrs['data-toc-id']
+
+          if (!anchorTypes.includes(node.type.name) || node.textContent.length === 0) {
+            return
+          }
+
+          if (nodeId === null || nodeId === undefined || existingIds.includes(nodeId)) {
+            let id = ''
+
+            if (getId) {
+              id = getId(node.textContent)
+            } else {
+              id = uuidv4()
+            }
+
+            tr.setNodeMarkup(pos, undefined, {
+              ...node.attrs,
+              'data-toc-id': id,
+              id,
+            })
+
+            modified = true
+          }
+
+          existingIds.push(nodeId)
+        })
+      }
+
+      return modified ? tr : null
+    },
+  })
+}
diff --git a/packages/extension-table-of-contents/src/tableOfContents.ts b/packages/extension-table-of-contents/src/tableOfContents.ts
new file mode 100644
index 0000000..7a75219
--- /dev/null
+++ b/packages/extension-table-of-contents/src/tableOfContents.ts
@@ -0,0 +1,373 @@
+import type { Editor } from '@tiptap/core'
+import { Extension } from '@tiptap/core'
+import type { Node as TiptapNode } from '@tiptap/pm/model'
+import { v4 as uuidv4 } from 'uuid'
+
+import { TableOfContentsPlugin } from './plugin.js'
+import type {
+  GetTableOfContentIndexFunction,
+  GetTableOfContentLevelFunction,
+  TableOfContentData,
+  TableOfContentDataItem,
+  TableOfContentsOptions,
+  TableOfContentsStorage,
+} from './types.js'
+import { getHeadlineLevel, getLinearIndexes } from './utils.js'
+
+export * from './types.js'
+
+const addTocActiveStatesAndGetItems = (
+  content: TableOfContentDataItem[],
+  options: {
+    editor: Editor
+    anchorTypes: Array<string> | undefined
+    storage: TableOfContentsStorage
+    onUpdate?: (data: TableOfContentData, isCreate?: boolean) => void | undefined
+  },
+) => {
+  const { editor } = options
+  const headlines: Array<{ node: TiptapNode; pos: number }> = []
+  const scrolledOverIds: string[] = []
+  let activeId: string | null = null
+
+  if (editor.isDestroyed) {
+    return content
+  }
+
+  editor.state.doc.descendants((node, pos) => {
+    const isValidType = options.anchorTypes?.includes(node.type.name)
+
+    if (!isValidType) {
+      return
+    }
+
+    headlines.push({ node, pos })
+  })
+
+  headlines.forEach(headline => {
+    const domElement = editor.view.domAtPos(headline.pos + 1).node as
+      | HTMLHeadingElement
+      | HTMLElement
+    const scrolledOver = options.storage.scrollPosition >= domElement.offsetTop
+
+    if (scrolledOver) {
+      activeId = headline.node.attrs['data-toc-id']
+      scrolledOverIds.push(headline.node.attrs['data-toc-id'])
+    }
+  })
+
+  content = content.map(heading => ({
+    ...heading,
+    isActive: heading.id === activeId,
+    isScrolledOver: scrolledOverIds.includes(heading.id),
+  }))
+
+  if (options.onUpdate) {
+    const isInitialCreation = options.storage.content.length === 0
+
+    options.onUpdate(content, isInitialCreation)
+  }
+
+  return content
+}
+
+const setTocData = (options: {
+  editor: Editor
+  anchorTypes: Array<string> | undefined
+  getIndexFn: GetTableOfContentIndexFunction
+  getLevelFn: GetTableOfContentLevelFunction
+  storage: TableOfContentsStorage
+  onUpdate?: (data: TableOfContentData, isCreate?: boolean) => void | undefined
+}) => {
+  const { editor } = options
+
+  if (editor.isDestroyed) {
+    return
+  }
+
+  const headlines: Array<{ node: TiptapNode; pos: number }> = []
+
+  let anchors: TableOfContentDataItem[] = []
+  const anchorEls: Array<HTMLHeadingElement | HTMLElement> = []
+
+  editor.state.doc.descendants((node, pos) => {
+    const isValidType = options.anchorTypes?.includes(node.type.name)
+
+    if (!isValidType) {
+      return
+    }
+
+    headlines.push({ node, pos })
+  })
+
+  headlines.forEach((headline, i) => {
+    if (headline.node.textContent.length === 0) {
+      return
+    }
+
+    const domElement = editor.view.domAtPos(headline.pos + 1).node as HTMLHeadingElement
+    const scrolledOver = options.storage.scrollPosition >= domElement.offsetTop
+
+    anchorEls.push(domElement)
+
+    const originalLevel = headline.node.attrs.level
+
+    const prevHeadline = headlines[i - 1]
+
+    const level = options.getLevelFn(headline, anchors)
+    const itemIndex = options.getIndexFn(headline, anchors, level)
+
+    if (!prevHeadline) {
+      anchors = [
+        ...anchors,
+        {
+          itemIndex,
+          id: headline.node.attrs['data-toc-id'],
+          originalLevel,
+          level,
+          textContent: headline.node.textContent,
+          pos: headline.pos,
+          editor,
+          isActive: false,
+          isScrolledOver: scrolledOver,
+          node: headline.node,
+          dom: domElement,
+        },
+      ]
+
+      return
+    }
+
+    anchors = [
+      ...anchors,
+      {
+        itemIndex,
+        id: headline.node.attrs['data-toc-id'],
+        originalLevel,
+        level,
+        textContent: headline.node.textContent,
+        pos: headline.pos,
+        editor,
+        isActive: false,
+        isScrolledOver: false,
+        node: headline.node,
+        dom: domElement,
+      },
+    ]
+  })
+
+  anchors = addTocActiveStatesAndGetItems(anchors, options)
+
+  options.storage.anchors = anchorEls
+  options.storage.content = anchors
+  editor.state.tr.setMeta('toc', anchors)
+  editor.view.dispatch(editor.state.tr)
+}
+
+export const TableOfContents = Extension.create<TableOfContentsOptions, TableOfContentsStorage>({
+  name: 'tableOfContents',
+
+  addStorage() {
+    return {
+      content: [],
+      anchors: [],
+      scrollHandler: () => null,
+      scrollPosition: 0,
+    }
+  },
+
+  addGlobalAttributes() {
+    return [
+      {
+        types: (this.options.anchorTypes as string[]) || ['headline'],
+        attributes: {
+          id: {
+            default: null,
+            renderHTML: attributes => {
+              return {
+                id: attributes.id,
+              }
+            },
+            parseHTML: element => {
+              return element.id || null
+            },
+          },
+          'data-toc-id': {
+            default: null,
+            renderHTML: attributes => {
+              return {
+                'data-toc-id': attributes['data-toc-id'],
+              }
+            },
+            parseHTML: element => {
+              return element.dataset.tocId || null
+            },
+          },
+        },
+      },
+    ]
+  },
+
+  addOptions() {
+    const defaultScrollParent = typeof window !== 'undefined' ? () => window : undefined
+
+    return {
+      // oxlint-disable-next-line
+      onUpdate: () => {},
+      // oxlint-disable-next-line
+      getId: _textContent => uuidv4(),
+
+      scrollParent: defaultScrollParent,
+
+      anchorTypes: ['heading'],
+    }
+  },
+
+  addCommands() {
+    return {
+      updateTableOfContents:
+        () =>
+        ({ dispatch }) => {
+          if (dispatch) {
+            setTocData({
+              editor: this.editor,
+              storage: this.storage,
+              onUpdate: this.options.onUpdate?.bind(this),
+              getIndexFn: this.options.getIndex || getLinearIndexes,
+              getLevelFn: this.options.getLevel || getHeadlineLevel,
+              anchorTypes: this.options.anchorTypes,
+            })
+          }
+
+          return true
+        },
+    }
+  },
+
+  onTransaction({ transaction }) {
+    if (transaction.docChanged && !transaction.getMeta('toc')) {
+      setTocData({
+        editor: this.editor,
+        storage: this.storage,
+        onUpdate: this.options.onUpdate?.bind(this),
+        getIndexFn: this.options.getIndex || getLinearIndexes,
+        getLevelFn: this.options.getLevel || getHeadlineLevel,
+        anchorTypes: this.options.anchorTypes,
+      })
+    }
+  },
+
+  onCreate() {
+    // Avoid mutating the document during server-side rendering.
+    if (typeof window === 'undefined' || !this.editor.view) {
+      return
+    }
+
+    const { tr } = this.editor.state
+    const existingIds: string[] = []
+
+    if (this.options.scrollParent && typeof this.options.scrollParent !== 'function') {
+      console.warn(
+        "[Tiptap Table of Contents Deprecation Notice]: The 'scrollParent' option must now be provided as a callback function that returns the 'scrollParent' element. The ability to pass this option directly will be deprecated in future releases.",
+      )
+    }
+
+    this.editor.state.doc.descendants((node, pos) => {
+      const nodeId = node.attrs['data-toc-id']
+      const isValidType = this.options.anchorTypes?.includes(node.type.name)
+
+      if (!isValidType || node.textContent.length === 0) {
+        return
+      }
+
+      if (nodeId === null || nodeId === undefined || existingIds.includes(nodeId)) {
+        let id = ''
+
+        if (this.options.getId) {
+          id = this.options.getId(node.textContent)
+        } else {
+          id = uuidv4()
+        }
+
+        tr.setNodeMarkup(pos, undefined, {
+          ...node.attrs,
+          'data-toc-id': id,
+          id,
+        })
+      }
+
+      existingIds.push(nodeId)
+    })
+
+    this.editor.view.dispatch(tr)
+
+    setTocData({
+      editor: this.editor,
+      storage: this.storage,
+      onUpdate: this.options.onUpdate?.bind(this),
+      getIndexFn: this.options.getIndex || getLinearIndexes,
+      getLevelFn: this.options.getLevel || getHeadlineLevel,
+      anchorTypes: this.options.anchorTypes,
+    })
+
+    this.storage.scrollHandler = () => {
+      if (!this.options.scrollParent) {
+        return
+      }
+
+      // if scrollParent is HTML Element, use scrollTop - otherwise use scrollY
+      const scrollParent =
+        typeof this.options.scrollParent === 'function'
+          ? this.options.scrollParent()
+          : this.options.scrollParent
+
+      const scrollPosition =
+        scrollParent instanceof HTMLElement ? scrollParent.scrollTop : scrollParent.scrollY
+
+      this.storage.scrollPosition = scrollPosition || 0
+
+      const updatedItems = addTocActiveStatesAndGetItems(this.storage.content, {
+        editor: this.editor,
+        anchorTypes: this.options.anchorTypes,
+        storage: this.storage,
+        onUpdate: this.options.onUpdate?.bind(this),
+      })
+
+      this.storage.content = updatedItems
+    }
+
+    if (!this.options.scrollParent) {
+      return
+    }
+
+    const scrollParent =
+      typeof this.options.scrollParent === 'function'
+        ? this.options.scrollParent()
+        : this.options.scrollParent
+
+    if (scrollParent) {
+      scrollParent.addEventListener('scroll', this.storage.scrollHandler)
+    }
+  },
+
+  onDestroy() {
+    if (!this.options.scrollParent) {
+      return
+    }
+
+    const scrollParent =
+      typeof this.options.scrollParent === 'function'
+        ? this.options.scrollParent()
+        : this.options.scrollParent
+
+    if (scrollParent) {
+      scrollParent.removeEventListener('scroll', this.storage.scrollHandler)
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      TableOfContentsPlugin({ getId: this.options.getId, anchorTypes: this.options.anchorTypes }),
+    ]
+  },
+})
diff --git a/packages/extension-table-of-contents/src/types.ts b/packages/extension-table-of-contents/src/types.ts
new file mode 100644
index 0000000..6ba6c4e
--- /dev/null
+++ b/packages/extension-table-of-contents/src/types.ts
@@ -0,0 +1,57 @@
+import type { Editor } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+export type GetTableOfContentLevelFunction = (
+  headline: { node: PMNode; pos: number },
+  previousItems: TableOfContentDataItem[],
+) => number
+
+export type GetTableOfContentIndexFunction = (
+  headline: { node: PMNode; pos: number },
+  previousItems: TableOfContentDataItem[],
+  currentLevel?: number,
+) => number
+
+export type TableOfContentsOptions = {
+  getId?: (textContent: string) => string
+  onUpdate?: (data: TableOfContentData, isCreate?: boolean) => void
+  getLevel?: GetTableOfContentLevelFunction
+  getIndex?: GetTableOfContentIndexFunction
+  scrollParent?: (() => HTMLElement | Window) | HTMLElement | Window
+  anchorTypes?: Array<string>
+}
+
+export type TableOfContentsStorage = {
+  content: TableOfContentData
+  anchors: Array<HTMLHeadingElement | HTMLElement>
+  scrollHandler: () => void
+  scrollPosition: number
+}
+
+export type TableOfContentData = Array<TableOfContentDataItem>
+
+export type TableOfContentDataItem = {
+  dom: HTMLHeadingElement
+  editor: Editor
+  id: string
+  isActive: boolean
+  isScrolledOver: boolean
+  itemIndex: number
+  level: number
+  node: PMNode
+  originalLevel: number
+  pos: number
+  textContent: string
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    tableOfContents: {
+      updateTableOfContents: () => ReturnType
+    }
+  }
+
+  interface Storage {
+    tableOfContents: TableOfContentsStorage
+  }
+}
diff --git a/packages/extension-table-of-contents/src/utils.ts b/packages/extension-table-of-contents/src/utils.ts
new file mode 100644
index 0000000..80dbe36
--- /dev/null
+++ b/packages/extension-table-of-contents/src/utils.ts
@@ -0,0 +1,85 @@
+import type {
+  GetTableOfContentIndexFunction,
+  GetTableOfContentLevelFunction,
+  TableOfContentDataItem,
+} from './types.js'
+
+export const getLastHeadingOnLevel = (
+  headings: TableOfContentDataItem[],
+  level: number,
+): TableOfContentDataItem | undefined => {
+  let heading = headings.filter(currentHeading => currentHeading.level === level).pop()
+
+  if (level === 0) {
+    return undefined
+  }
+
+  if (!heading) {
+    heading = getLastHeadingOnLevel(headings, level - 1)
+  }
+
+  return heading
+}
+
+export const getHeadlineLevel: GetTableOfContentLevelFunction = (headline, previousItems) => {
+  let level = 1
+
+  const previousHeadline = previousItems.at(-1)
+  const highestHeadlineAbove = [...previousItems]
+    .reverse()
+    .find(h => h.originalLevel <= headline.node.attrs.level)
+
+  const highestLevelAbove = highestHeadlineAbove?.level || 1
+
+  if (headline.node.attrs.level > (previousHeadline?.originalLevel || 1)) {
+    level = (previousHeadline?.level || 1) + 1
+  } else if (headline.node.attrs.level < (previousHeadline?.originalLevel || 1)) {
+    level = highestLevelAbove
+  } else {
+    level = previousHeadline?.level || 1
+  }
+
+  return level
+}
+
+export const getLinearIndexes: GetTableOfContentIndexFunction = (_headline, previousHeadlines) => {
+  const previousHeadline = previousHeadlines.at(-1)
+
+  if (!previousHeadline) {
+    return 1
+  }
+
+  return (previousHeadline?.itemIndex || 1) + 1
+}
+
+export const getHierarchicalIndexes: GetTableOfContentIndexFunction = (
+  headline,
+  previousHeadlines,
+  currentLevel,
+) => {
+  const level = currentLevel || headline.node.attrs.level || 1
+  let itemIndex = 1
+
+  const previousHeadlinesOnLevelOrBelow = previousHeadlines.filter(h => h.level <= level)
+
+  if (previousHeadlinesOnLevelOrBelow.at(-1)?.level === level) {
+    itemIndex = (previousHeadlinesOnLevelOrBelow.at(-1)?.itemIndex || 1) + 1
+  } else {
+    itemIndex = 1
+  }
+
+  return itemIndex
+}
+
+export function debounce(func: (...args: any[]) => void, wait: number) {
+  let timeout: ReturnType<typeof setTimeout> | null = null
+
+  return (...args: any[]) => {
+    if (timeout) {
+      clearTimeout(timeout)
+    }
+    timeout = setTimeout(() => {
+      func(...args)
+    }, wait)
+  }
+}
diff --git a/packages/extension-table-of-contents/vite.config.ts b/packages/extension-table-of-contents/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-table-of-contents/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-table/CHANGELOG.md b/packages/extension-table/CHANGELOG.md
new file mode 100644
index 0000000..fe9367c
--- /dev/null
+++ b/packages/extension-table/CHANGELOG.md
@@ -0,0 +1,2231 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- 3c929ad: Fixed table markdown pipe escaping so the extension loads on older Safari and iOS versions (WebKit before Safari 16.4).
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- eded5e4: Deleting the last row or column of a table no longer moves the cursor outside the table when there is content below it.
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- 093573a: Fix inserting a table with an empty cell or header (e.g. via `insertContent`/`insertContentAt`) throwing `RangeError: Invalid content for node tableCell/tableHeader: <>`. Empty `<td>`/`<th>` elements are now backfilled with the cell's default block content, matching the behavior you already get from `setContent`.
+- 8649f2f: Keep line breaks inside table cells when serializing to markdown. Hard breaks and paragraph breaks in a cell are now written as `<br>` instead of being collapsed into a space, so they survive a parse/serialize round trip.
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- 246e1e8: Fix `<col width>` in a table's `<colgroup>` being ignored when parsing HTML. The width of the first column was always dropped because the cell index `0` failed a truthiness check, and header cells (`<th>`) never read the colgroup at all. Both table cells and table headers now fall back to the matching `<col>` element's `width` attribute when they have no `colwidth` attribute of their own.
+- edaac47: Fix pipe characters inside backtick inline code spans being incorrectly treated as table column delimiters in both leading-pipe and pipeless (no leading `|`) GFM tables. Cells containing expressions like `` `||` `` or `` `a || b` `` now parse correctly instead of splitting into extra columns and losing their code formatting.
+  - @tiptap/core@3.27.4
+  - @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- 86e29ec: Fix `HTMLAttributes` not being applied to the `<table>` element when `resizable` is disabled (the default). The `TableView` node view (introduced in 3.23) bypassed `renderHTML` and never applied user-configured attributes like `class` or `data-*` to the rendered table element.
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- d2ad165: Fix colgroup not updating when adding or deleting columns in non-resizable tables (#7015)
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Minor Changes
+
+- 3ae64ed: Added Markdown table alignment support. The `TableCell` and `TableHeader` nodes now have an `align` attribute (`left`, `center`, `right`) that is parsed from Markdown column alignment markers (`:---`, `---:`, `:---:`) and serialized back when rendering to Markdown. Alignment is also parsed from and rendered to HTML via `style="text-align: ..."`.
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- 8299f73: Allow setting custom table widths by respecting user-provided `style` attributes instead of always overriding them with calculated widths.
+  - @tiptap/core@3.10.2
+  - @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- 16fbfcb: Add a `renderWrapper` option to the Table extension so consumers can customize whether the table wrapper for the resizable node view should be rendered in non-editable mode as well.
+  - @tiptap/core@3.9.1
+  - @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- c4ed2e6: Parse cell `colwidth` from nearest `<colgroup>` when missing on the cell
+
+  When importing HTML, table column widths are often declared on a surrounding `<colgroup>` rather than on each `<td>`. Previously, `tableCell` only read the `colwidth` attribute from the cell itself and would lose width information in that case. The implementation now falls back to reading the corresponding `<col>`'s `width` from the table's `<colgroup>` using the cell's index.
+
+  This is a non-breaking bugfix that preserves layout information when HTML uses `<colgroup>`. Consider adding a small demo or unit test to assert colwidth is preserved for cells when only the `<colgroup>` contains width attributes.
+
+- f778a16: Fixes table wrapper replacement and lost selections when `resizable: true`.
+
+  TableView.ignoreMutation now ignores attribute/childList/characterData mutations that occur inside the table wrapper but outside the editable `contentDOM`, preventing wrapper re-creation during resize interactions so selections (e.g. `mergeCells()`) are preserved.
+
+  No API or breaking changes.
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Minor Changes
+
+- 131c7d0: This adds all of the table packages to the `@tiptap/extension-table` package.
+
+  ## TableKit
+
+  The `TableKit` export allows configuring the entire table with one extension, and is the recommended way of using the table extensions.
+
+  ```ts
+  import { TableKit } from "@tiptap/extension-table";
+
+  new Editor({
+    extensions: [
+      TableKit.configure({
+        table: {
+          HTMLAttributes: {
+            class: "table",
+          },
+        },
+        tableCell: {
+          HTMLAttributes: {
+            class: "table-cell",
+          },
+        },
+        tableHeader: {
+          HTMLAttributes: {
+            class: "table-header",
+          },
+        },
+        tableRow: {
+          HTMLAttributes: {
+            class: "table-row",
+          },
+        },
+      }),
+    ],
+  });
+  ```
+
+  ## Table repackaging
+
+  Since we've moved the code out of the table extensions to the `@tiptap/extension-table` package, you can remove the following packages from your project:
+
+  ```bash
+  npm uninstall @tiptap/extension-table-header @tiptap/extension-table-cell @tiptap/extension-table-row
+  ```
+
+  And replace them with the new `@tiptap/extension-table` package:
+
+  ```bash
+  npm install @tiptap/extension-table
+  ```
+
+  ## Want to use the extensions separately?
+
+  For more control, you can also use the extensions separately.
+
+  ### Table
+
+  This extension adds a table to the editor.
+
+  Migrate from default export to named export:
+
+  ```diff
+  - import Table from '@tiptap/extension-table'
+  + import { Table } from '@tiptap/extension-table'
+  ```
+
+  Usage:
+
+  ```ts
+  import { Table } from "@tiptap/extension-table";
+  ```
+
+  ### TableCell
+
+  This extension adds a table cell to the editor.
+
+  Migrate from `@tiptap/extension-table-cell` to `@tiptap/extension-table`:
+
+  ```diff
+  - import TableCell from '@tiptap/extension-table-cell'
+  + import { TableCell } from '@tiptap/extension-table'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TableCell } from "@tiptap/extension-table";
+  ```
+
+  ### TableHeader
+
+  This extension adds a table header to the editor.
+
+  Migrate from `@tiptap/extension-table-header` to `@tiptap/extension-table`:
+
+  ```diff
+  - import TableHeader from '@tiptap/extension-table-header'
+  + import { TableHeader } from '@tiptap/extension-table'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TableHeader } from "@tiptap/extension-table";
+  ```
+
+  ### TableRow
+
+  This extension adds a table row to the editor.
+
+  Migrate from `@tiptap/extension-table-row` to `@tiptap/extension-table`:
+
+  ```diff
+  - import TableRow from '@tiptap/extension-table-row'
+  + import { TableRow } from '@tiptap/extension-table'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TableRow } from "@tiptap/extension-table";
+  ```
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 991f43c: Added new export for TableView class
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+### Patch Changes
+
+- 991f43c: Added new export for TableView class
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Minor Changes
+
+- 131c7d0: This adds all of the table packages to the `@tiptap/extension-table` package.
+
+  ## TableKit
+
+  The `TableKit` export allows configuring the entire table with one extension, and is the recommended way of using the table extensions.
+
+  ```ts
+  import { TableKit } from "@tiptap/extension-table";
+
+  new Editor({
+    extensions: [
+      TableKit.configure({
+        table: {
+          HTMLAttributes: {
+            class: "table",
+          },
+        },
+        tableCell: {
+          HTMLAttributes: {
+            class: "table-cell",
+          },
+        },
+        tableHeader: {
+          HTMLAttributes: {
+            class: "table-header",
+          },
+        },
+        tableRow: {
+          HTMLAttributes: {
+            class: "table-row",
+          },
+        },
+      }),
+    ],
+  });
+  ```
+
+  ## Table repackaging
+
+  Since we've moved the code out of the table extensions to the `@tiptap/extension-table` package, you can remove the following packages from your project:
+
+  ```bash
+  npm uninstall @tiptap/extension-table-header @tiptap/extension-table-cell @tiptap/extension-table-row
+  ```
+
+  And replace them with the new `@tiptap/extension-table` package:
+
+  ```bash
+  npm install @tiptap/extension-table
+  ```
+
+  ## Want to use the extensions separately?
+
+  For more control, you can also use the extensions separately.
+
+  ### Table
+
+  This extension adds a table to the editor.
+
+  Migrate from default export to named export:
+
+  ```diff
+  - import Table from '@tiptap/extension-table'
+  + import { Table } from '@tiptap/extension-table'
+  ```
+
+  Usage:
+
+  ```ts
+  import { Table } from "@tiptap/extension-table";
+  ```
+
+  ### TableCell
+
+  This extension adds a table cell to the editor.
+
+  Migrate from `@tiptap/extension-table-cell` to `@tiptap/extension-table`:
+
+  ```diff
+  - import TableCell from '@tiptap/extension-table-cell'
+  + import { TableCell } from '@tiptap/extension-table'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TableCell } from "@tiptap/extension-table";
+  ```
+
+  ### TableHeader
+
+  This extension adds a table header to the editor.
+
+  Migrate from `@tiptap/extension-table-header` to `@tiptap/extension-table`:
+
+  ```diff
+  - import TableHeader from '@tiptap/extension-table-header'
+  + import { TableHeader } from '@tiptap/extension-table'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TableHeader } from "@tiptap/extension-table";
+  ```
+
+  ### TableRow
+
+  This extension adds a table row to the editor.
+
+  Migrate from `@tiptap/extension-table-row` to `@tiptap/extension-table`:
+
+  ```diff
+  - import TableRow from '@tiptap/extension-table-row'
+  + import { TableRow } from '@tiptap/extension-table'
+  ```
+
+  Usage:
+
+  ```ts
+  import { TableRow } from "@tiptap/extension-table";
+  ```
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+### Patch Changes
+
+- a44a311: Added new export for TableView class
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.11.2
+
+## 2.11.1
+
+## 2.11.0
+
+## 2.10.4
+
+## 2.10.3
+
+## 2.10.2
+
+## 2.10.1
+
+## 2.10.0
+
+### Patch Changes
+
+- 7619215: enforce cellMinWidth even on column not resized by the user, fixes #5435
+
+## 2.9.1
+
+## 2.9.0
+
+## 2.8.0
+
+### Minor Changes
+
+- 131c7d0: This change repackages all of the table extensions to be within the `@tiptap/extension-table` package (other packages are just a re-export of the `@tiptap/extension-table` package). It also adds the `TableKit` export which will allow configuring the entire table with one extension.
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/pm@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/pm@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- c7f5550: Set correct `min-width` for a table fixes #5217
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/pm@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/pm@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/pm@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/pm@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/pm@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/pm@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/pm@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/pm@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+### Bug Fixes
+
+- fix imports, fix demos, unpin y-prosemirror ([681aa57](https://github.com/ueberdosis/tiptap/commit/681aa577bff500015c3f925e300c55a71c73efaf))
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+### Bug Fixes
+
+- **extension-table:** add prosemirror-tables to peerDependencies ([c187e0e](https://github.com/ueberdosis/tiptap/commit/c187e0e2586f1d0069e93ab41a144ae14d5172e0))
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+### Bug Fixes
+
+- **extension/table:** move dependency from @\_ueberdosis to [@tiptap](https://github.com/tiptap) ([#3448](https://github.com/ueberdosis/tiptap/issues/3448)) ([31c3a9a](https://github.com/ueberdosis/tiptap/commit/31c3a9aad9eb37f445eadcd27135611291178ca6))
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+### Bug Fixes
+
+- **types:** fix link and table type errors ([#3208](https://github.com/ueberdosis/tiptap/issues/3208)) ([ae13cf6](https://github.com/ueberdosis/tiptap/commit/ae13cf61ad0ead942515d8c597f96a4b4d026412))
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.54](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.53...@tiptap/extension-table@2.0.0-beta.54) (2022-06-27)
+
+### Bug Fixes
+
+- **maintainment:** fix cjs issues with prosemirror-tables ([eb92597](https://github.com/ueberdosis/tiptap/commit/eb925976038fbf59f6ba333ccc57ea84113da00e))
+
+# [2.0.0-beta.53](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.52...@tiptap/extension-table@2.0.0-beta.53) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.52](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.50...@tiptap/extension-table@2.0.0-beta.52) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.50](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.50...@tiptap/extension-table@2.0.0-beta.50) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.49](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.48...@tiptap/extension-table@2.0.0-beta.49) (2022-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.48](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.47...@tiptap/extension-table@2.0.0-beta.48) (2022-01-25)
+
+### Bug Fixes
+
+- use toggleHeader from prosemirror-tables ([#2412](https://github.com/ueberdosis/tiptap/issues/2412)), fix [#548](https://github.com/ueberdosis/tiptap/issues/548) ([c6bea9a](https://github.com/ueberdosis/tiptap/commit/c6bea9aa5c4d38523f2f1095a570cdfc6936392e))
+
+# [2.0.0-beta.47](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.46...@tiptap/extension-table@2.0.0-beta.47) (2022-01-25)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.46](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.45...@tiptap/extension-table@2.0.0-beta.46) (2022-01-04)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.45](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.44...@tiptap/extension-table@2.0.0-beta.45) (2021-12-03)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.44](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.43...@tiptap/extension-table@2.0.0-beta.44) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.43](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.42...@tiptap/extension-table@2.0.0-beta.43) (2021-11-17)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.42](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.41...@tiptap/extension-table@2.0.0-beta.42) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.41](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.40...@tiptap/extension-table@2.0.0-beta.41) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.40](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.39...@tiptap/extension-table@2.0.0-beta.40) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.39](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.38...@tiptap/extension-table@2.0.0-beta.39) (2021-11-08)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.38](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.37...@tiptap/extension-table@2.0.0-beta.38) (2021-11-05)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.36...@tiptap/extension-table@2.0.0-beta.37) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.35...@tiptap/extension-table@2.0.0-beta.36) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.34...@tiptap/extension-table@2.0.0-beta.35) (2021-10-22)
+
+### Features
+
+- Add extension storage ([#2069](https://github.com/ueberdosis/tiptap/issues/2069)) ([7ffabf2](https://github.com/ueberdosis/tiptap/commit/7ffabf251c408a652eec1931cc78a8bd43cccb67))
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.33...@tiptap/extension-table@2.0.0-beta.34) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.32...@tiptap/extension-table@2.0.0-beta.33) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.31...@tiptap/extension-table@2.0.0-beta.32) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.30...@tiptap/extension-table@2.0.0-beta.31) (2021-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.29...@tiptap/extension-table@2.0.0-beta.30) (2021-09-06)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.28...@tiptap/extension-table@2.0.0-beta.29) (2021-08-20)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.27...@tiptap/extension-table@2.0.0-beta.28) (2021-08-13)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.26...@tiptap/extension-table@2.0.0-beta.27) (2021-08-09)
+
+### Bug Fixes
+
+- don’t resize tables if editable is set to false, fix [#1549](https://github.com/ueberdosis/tiptap/issues/1549) ([239a2e3](https://github.com/ueberdosis/tiptap/commit/239a2e36a47e4d0ad3012a54cda2d8b5c4f7a3ca))
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.25...@tiptap/extension-table@2.0.0-beta.26) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.24...@tiptap/extension-table@2.0.0-beta.25) (2021-07-09)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.23...@tiptap/extension-table@2.0.0-beta.24) (2021-06-23)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.22...@tiptap/extension-table@2.0.0-beta.23) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.21...@tiptap/extension-table@2.0.0-beta.22) (2021-05-27)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.20...@tiptap/extension-table@2.0.0-beta.21) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.19...@tiptap/extension-table@2.0.0-beta.20) (2021-05-17)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.18...@tiptap/extension-table@2.0.0-beta.19) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.17...@tiptap/extension-table@2.0.0-beta.18) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.16...@tiptap/extension-table@2.0.0-beta.17) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.15...@tiptap/extension-table@2.0.0-beta.16) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.14...@tiptap/extension-table@2.0.0-beta.15) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.13...@tiptap/extension-table@2.0.0-beta.14) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.12...@tiptap/extension-table@2.0.0-beta.13) (2021-05-04)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.11...@tiptap/extension-table@2.0.0-beta.12) (2021-04-27)
+
+### Features
+
+- add setCellSelection command ([eb7e92f](https://github.com/ueberdosis/tiptap/commit/eb7e92f10aff60e68cae613750903eb0adce5933))
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.10...@tiptap/extension-table@2.0.0-beta.11) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.9...@tiptap/extension-table@2.0.0-beta.10) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.8...@tiptap/extension-table@2.0.0-beta.9) (2021-04-21)
+
+### Bug Fixes
+
+- add name to context ([a43d4c7](https://github.com/ueberdosis/tiptap/commit/a43d4c7bcb5ba5e386f268a2a71a7449bc2f658e))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.7...@tiptap/extension-table@2.0.0-beta.8) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.6...@tiptap/extension-table@2.0.0-beta.7) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.5...@tiptap/extension-table@2.0.0-beta.6) (2021-04-12)
+
+### Features
+
+- add parentConfig to extension context for more extendable extensions, fix [#259](https://github.com/ueberdosis/tiptap/issues/259) ([5e1ec5d](https://github.com/ueberdosis/tiptap/commit/5e1ec5d2a66be164f505d631f97861ab9344ba96))
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.4...@tiptap/extension-table@2.0.0-beta.5) (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.3...@tiptap/extension-table@2.0.0-beta.4) (2021-03-28)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.2...@tiptap/extension-table@2.0.0-beta.3) (2021-03-24)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-beta.1...@tiptap/extension-table@2.0.0-beta.2) (2021-03-18)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-alpha.12...@tiptap/extension-table@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-alpha.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-alpha.11...@tiptap/extension-table@2.0.0-alpha.12) (2021-02-26)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-alpha.10...@tiptap/extension-table@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-alpha.9...@tiptap/extension-table@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-alpha.8...@tiptap/extension-table@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-alpha.7...@tiptap/extension-table@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-table@2.0.0-alpha.6...@tiptap/extension-table@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-table
+
+# 2.0.0-alpha.6 (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-table
diff --git a/packages/extension-table/README.md b/packages/extension-table/README.md
new file mode 100644
index 0000000..09164ac
--- /dev/null
+++ b/packages/extension-table/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-table
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-table.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-table)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-table.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-table.svg)](https://www.npmjs.com/package/@tiptap/extension-table)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-table/package.json b/packages/extension-table/package.json
new file mode 100644
index 0000000..57babc2
--- /dev/null
+++ b/packages/extension-table/package.json
@@ -0,0 +1,92 @@
+{
+  "name": "@tiptap/extension-table",
+  "version": "3.30.3",
+  "description": "table extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-table"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./table": {
+      "types": {
+        "import": "./dist/table/index.d.ts",
+        "require": "./dist/table/index.d.cts"
+      },
+      "import": "./dist/table/index.js",
+      "require": "./dist/table/index.cjs"
+    },
+    "./cell": {
+      "types": {
+        "import": "./dist/cell/index.d.ts",
+        "require": "./dist/cell/index.d.cts"
+      },
+      "import": "./dist/cell/index.js",
+      "require": "./dist/cell/index.cjs"
+    },
+    "./header": {
+      "types": {
+        "import": "./dist/header/index.d.ts",
+        "require": "./dist/header/index.d.cts"
+      },
+      "import": "./dist/header/index.js",
+      "require": "./dist/header/index.cjs"
+    },
+    "./kit": {
+      "types": {
+        "import": "./dist/kit/index.d.ts",
+        "require": "./dist/kit/index.d.cts"
+      },
+      "import": "./dist/kit/index.js",
+      "require": "./dist/kit/index.cjs"
+    },
+    "./row": {
+      "types": {
+        "import": "./dist/row/index.d.ts",
+        "require": "./dist/row/index.d.cts"
+      },
+      "import": "./dist/row/index.js",
+      "require": "./dist/row/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-table/src/cell/index.ts b/packages/extension-table/src/cell/index.ts
new file mode 100644
index 0000000..cabf450
--- /dev/null
+++ b/packages/extension-table/src/cell/index.ts
@@ -0,0 +1 @@
+export * from './table-cell.js'
diff --git a/packages/extension-table/src/cell/table-cell.test.ts b/packages/extension-table/src/cell/table-cell.test.ts
new file mode 100644
index 0000000..b2f9a04
--- /dev/null
+++ b/packages/extension-table/src/cell/table-cell.test.ts
@@ -0,0 +1,160 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { TableHeader } from '../header/table-header.js'
+import { TableRow } from '../row/table-row.js'
+import { Table } from '../table/table.js'
+import { TableCell } from './table-cell.js'
+
+describe('extension table cell', () => {
+  const editorElClass = 'tiptap'
+  let editor: Editor | null = null
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+    return editorEl
+  }
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  it('should start with a Table', () => {
+    const content =
+      '<table style="width:100%"><tr><td>Firstname</td><td>Lastname</td><td>Age</td></tr><tr><td>Jill</td><td>Smith</td><td>50</td></tr><tr><td>Eve</td><td>Jackson</td><td>94</td></tr><tr><td>John</td><td>Doe</td><td>80</td></tr></table>'
+
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({
+          resizable: true,
+        }),
+      ],
+      content,
+    })
+
+    expect(editor.getHTML()).toContain('Jackson')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('should parse a single colWidth', () => {
+    const content =
+      '<table><tbody><tr><td colwidth="200">Name</td><td>Description</td></tr><tr><td>Cyndi Lauper</td><td>Singer</td><td>Songwriter</td><td>Actress</td></tr><tr><td>Marie Curie</td><td>Scientist</td><td>Chemist</td><td>Physicist</td></tr><tr><td>Indira Gandhi</td><td>Prime minister</td><td colspan="2">Politician</td></tr></tbody></table>'
+
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({
+          resizable: true,
+        }),
+      ],
+      content,
+    })
+
+    // @ts-expect-error content is not guaranteed to be this shape
+    expect(editor.getJSON().content[0].content[0].content[0].attrs.colwidth[0]).toBe(200)
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('should parse multiple colWidths', () => {
+    const content =
+      '<table><tbody><tr><td colwidth="200">Name</td><td colspan="3" colwidth="150,100">Description</td></tr><tr><td>Cyndi Lauper</td><td>Singer</td><td>Songwriter</td><td>Actress</td></tr><tr><td>Marie Curie</td><td>Scientist</td><td>Chemist</td><td>Physicist</td></tr><tr><td>Indira Gandhi</td><td>Prime minister</td><td colspan="2">Politician</td></tr></tbody></table>'
+
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({
+          resizable: true,
+        }),
+      ],
+      content,
+    })
+
+    // @ts-expect-error content is not guaranteed to be this shape
+    expect(editor.getJSON().content[0].content[0].content[1].attrs.colwidth).toEqual([150, 100])
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('should parse the colgroup col width for the first column', () => {
+    const content =
+      '<table><colgroup><col width="64" /><col /></colgroup><tbody><tr><td>hello</td><td>world</td></tr></tbody></table>'
+
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({
+          resizable: true,
+        }),
+      ],
+      content,
+    })
+
+    const firstRow = editor.getJSON().content?.[0].content?.[0]
+
+    expect(firstRow?.content?.[0].attrs?.colwidth).toEqual([64])
+    expect(firstRow?.content?.[1].attrs?.colwidth).toBeNull()
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('should prefer the colwidth attribute over the colgroup col width', () => {
+    const content =
+      '<table><colgroup><col width="64" /><col /></colgroup><tbody><tr><td colwidth="200">hello</td><td>world</td></tr></tbody></table>'
+
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({
+          resizable: true,
+        }),
+      ],
+      content,
+    })
+
+    // @ts-expect-error content is not guaranteed to be this shape
+    expect(editor.getJSON().content[0].content[0].content[0].attrs.colwidth).toEqual([200])
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+})
diff --git a/packages/extension-table/src/cell/table-cell.ts b/packages/extension-table/src/cell/table-cell.ts
new file mode 100644
index 0000000..2ead19f
--- /dev/null
+++ b/packages/extension-table/src/cell/table-cell.ts
@@ -0,0 +1,68 @@
+import '../types.js'
+
+import { mergeAttributes, Node } from '@tiptap/core'
+
+import { createAlignAttribute } from '../utils/parseAlign.js'
+import { parseColwidth } from '../utils/parseColwidth.js'
+import { fillEmptyCellContent, isEmptyCellElement } from '../utils/fillEmptyCellContent.js'
+
+export interface TableCellOptions {
+  /**
+   * The HTML attributes for a table cell node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+/**
+ * This extension allows you to create table cells.
+ * @see https://www.tiptap.dev/api/nodes/table-cell
+ */
+export const TableCell = Node.create<TableCellOptions>({
+  name: 'tableCell',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  content: 'block+',
+
+  addAttributes() {
+    return {
+      colspan: {
+        default: 1,
+      },
+      rowspan: {
+        default: 1,
+      },
+      colwidth: {
+        default: null,
+        parseHTML: parseColwidth,
+      },
+      align: createAlignAttribute(),
+    }
+  },
+
+  tableRole: 'cell',
+
+  isolating: true,
+
+  parseHTML() {
+    return [
+      {
+        // Backfill empty cells; non-empty cells fall through to the rule below.
+        tag: 'td',
+        getAttrs: node => (isEmptyCellElement(node) ? {} : false),
+        getContent: (_node, schema) => fillEmptyCellContent(schema.nodes[this.name]),
+      },
+      { tag: 'td' },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['td', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+})
diff --git a/packages/extension-table/src/header/index.ts b/packages/extension-table/src/header/index.ts
new file mode 100644
index 0000000..0bd1791
--- /dev/null
+++ b/packages/extension-table/src/header/index.ts
@@ -0,0 +1 @@
+export * from './table-header.js'
diff --git a/packages/extension-table/src/header/table-header.test.ts b/packages/extension-table/src/header/table-header.test.ts
new file mode 100644
index 0000000..e9544b8
--- /dev/null
+++ b/packages/extension-table/src/header/table-header.test.ts
@@ -0,0 +1,133 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { TableCell } from '../cell/table-cell.js'
+import { TableRow } from '../row/table-row.js'
+import { Table } from '../table/table.js'
+import { TableHeader } from './table-header.js'
+
+describe('extension table header', () => {
+  const editorElClass = 'tiptap'
+  let editor: Editor | null = null
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+    return editorEl
+  }
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  it('should start with a Table', () => {
+    const content =
+      '<table style="width:100%"><tr><th>Firstname</th><th>Lastname</th><th>Age</th></tr><tr><td>Jill</td><td>Smith</td><td>50</td></tr><tr><td>Eve</td><td>Jackson</td><td>94</td></tr><tr><td>John</td><td>Doe</td><td>80</td></tr></table>'
+
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({
+          resizable: true,
+        }),
+      ],
+      content,
+    })
+
+    expect(editor.getHTML()).toContain('Jackson')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('should parse a single colWidth', () => {
+    const content =
+      '<table><tbody><tr><th colwidth="200">Name</th><th>Description</th></tr><tr><td>Cyndi Lauper</td><td>Singer</td><td>Songwriter</td><td>Actress</td></tr><tr><td>Marie Curie</td><td>Scientist</td><td>Chemist</td><td>Physicist</td></tr><tr><td>Indira Gandhi</td><td>Prime minister</td><td colspan="2">Politician</td></tr></tbody></table>'
+
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({
+          resizable: true,
+        }),
+      ],
+      content,
+    })
+
+    // @ts-expect-error content is not guaranteed to be this shape
+    expect(editor.getJSON().content[0].content[0].content[0].attrs.colwidth[0]).toBe(200)
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('should parse multiple colWidths', () => {
+    const content =
+      '<table><tbody><tr><th colwidth="200">Name</th><th colspan="3" colwidth="150,100">Description</th></tr><tr><td>Cyndi Lauper</td><td>Singer</td><td>Songwriter</td><td>Actress</td></tr><tr><td>Marie Curie</td><td>Scientist</td><td>Chemist</td><td>Physicist</td></tr><tr><td>Indira Gandhi</td><td>Prime minister</td><td colspan="2">Politician</td></tr></tbody></table>'
+
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({
+          resizable: true,
+        }),
+      ],
+      content,
+    })
+
+    // @ts-expect-error content is not guaranteed to be this shape
+    expect(editor.getJSON().content[0].content[0].content[1].attrs.colwidth).toEqual([150, 100])
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('should parse the colgroup col widths for a header row', () => {
+    const content =
+      '<table><colgroup><col width="64" /><col width="128" /></colgroup><tbody><tr><th>Name</th><th>Description</th></tr><tr><td>Cyndi Lauper</td><td>Singer</td></tr></tbody></table>'
+
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({
+          resizable: true,
+        }),
+      ],
+      content,
+    })
+
+    const headerRow = editor.getJSON().content?.[0].content?.[0]
+
+    expect(headerRow?.content?.[0].attrs?.colwidth).toEqual([64])
+    expect(headerRow?.content?.[1].attrs?.colwidth).toEqual([128])
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+})
diff --git a/packages/extension-table/src/header/table-header.ts b/packages/extension-table/src/header/table-header.ts
new file mode 100644
index 0000000..fb5ce90
--- /dev/null
+++ b/packages/extension-table/src/header/table-header.ts
@@ -0,0 +1,68 @@
+import '../types.js'
+
+import { mergeAttributes, Node } from '@tiptap/core'
+
+import { createAlignAttribute } from '../utils/parseAlign.js'
+import { parseColwidth } from '../utils/parseColwidth.js'
+import { fillEmptyCellContent, isEmptyCellElement } from '../utils/fillEmptyCellContent.js'
+
+export interface TableHeaderOptions {
+  /**
+   * The HTML attributes for a table header node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+/**
+ * This extension allows you to create table headers.
+ * @see https://www.tiptap.dev/api/nodes/table-header
+ */
+export const TableHeader = Node.create<TableHeaderOptions>({
+  name: 'tableHeader',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  content: 'block+',
+
+  addAttributes() {
+    return {
+      colspan: {
+        default: 1,
+      },
+      rowspan: {
+        default: 1,
+      },
+      colwidth: {
+        default: null,
+        parseHTML: parseColwidth,
+      },
+      align: createAlignAttribute(),
+    }
+  },
+
+  tableRole: 'header_cell',
+
+  isolating: true,
+
+  parseHTML() {
+    return [
+      {
+        // Backfill empty cells; non-empty cells fall through to the rule below.
+        tag: 'th',
+        getAttrs: node => (isEmptyCellElement(node) ? {} : false),
+        getContent: (_node, schema) => fillEmptyCellContent(schema.nodes[this.name]),
+      },
+      { tag: 'th' },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['th', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+})
diff --git a/packages/extension-table/src/index.ts b/packages/extension-table/src/index.ts
new file mode 100644
index 0000000..c16b6c4
--- /dev/null
+++ b/packages/extension-table/src/index.ts
@@ -0,0 +1,6 @@
+export * from './cell/index.js'
+export * from './header/index.js'
+export * from './kit/index.js'
+export * from './row/index.js'
+export * from './table/index.js'
+export * from './table/TableView.js'
diff --git a/packages/extension-table/src/kit/index.ts b/packages/extension-table/src/kit/index.ts
new file mode 100644
index 0000000..79a8fb7
--- /dev/null
+++ b/packages/extension-table/src/kit/index.ts
@@ -0,0 +1,64 @@
+import { Extension } from '@tiptap/core'
+
+import type { TableCellOptions } from '../cell/index.js'
+import { TableCell } from '../cell/index.js'
+import type { TableHeaderOptions } from '../header/index.js'
+import { TableHeader } from '../header/index.js'
+import type { TableRowOptions } from '../row/index.js'
+import { TableRow } from '../row/index.js'
+import type { TableOptions } from '../table/index.js'
+import { Table } from '../table/index.js'
+
+export interface TableKitOptions {
+  /**
+   * If set to false, the table extension will not be registered
+   * @example table: false
+   */
+  table: Partial<TableOptions> | false
+  /**
+   * If set to false, the table extension will not be registered
+   * @example tableCell: false
+   */
+  tableCell: Partial<TableCellOptions> | false
+  /**
+   * If set to false, the table extension will not be registered
+   * @example tableHeader: false
+   */
+  tableHeader: Partial<TableHeaderOptions> | false
+  /**
+   * If set to false, the table extension will not be registered
+   * @example tableRow: false
+   */
+  tableRow: Partial<TableRowOptions> | false
+}
+
+/**
+ * The table kit is a collection of table editor extensions.
+ *
+ * It’s a good starting point for building your own table in Tiptap.
+ */
+export const TableKit = Extension.create<TableKitOptions>({
+  name: 'tableKit',
+
+  addExtensions() {
+    const extensions = []
+
+    if (this.options.table !== false) {
+      extensions.push(Table.configure(this.options.table))
+    }
+
+    if (this.options.tableCell !== false) {
+      extensions.push(TableCell.configure(this.options.tableCell))
+    }
+
+    if (this.options.tableHeader !== false) {
+      extensions.push(TableHeader.configure(this.options.tableHeader))
+    }
+
+    if (this.options.tableRow !== false) {
+      extensions.push(TableRow.configure(this.options.tableRow))
+    }
+
+    return extensions
+  },
+})
diff --git a/packages/extension-table/src/row/index.ts b/packages/extension-table/src/row/index.ts
new file mode 100644
index 0000000..8a3564c
--- /dev/null
+++ b/packages/extension-table/src/row/index.ts
@@ -0,0 +1 @@
+export * from './table-row.js'
diff --git a/packages/extension-table/src/row/table-row.ts b/packages/extension-table/src/row/table-row.ts
new file mode 100644
index 0000000..632a2fd
--- /dev/null
+++ b/packages/extension-table/src/row/table-row.ts
@@ -0,0 +1,38 @@
+import '../types.js'
+
+import { mergeAttributes, Node } from '@tiptap/core'
+
+export interface TableRowOptions {
+  /**
+   * The HTML attributes for a table row node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+/**
+ * This extension allows you to create table rows.
+ * @see https://www.tiptap.dev/api/nodes/table-row
+ */
+export const TableRow = Node.create<TableRowOptions>({
+  name: 'tableRow',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  content: '(tableCell | tableHeader)*',
+
+  tableRole: 'row',
+
+  parseHTML() {
+    return [{ tag: 'tr' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['tr', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+})
diff --git a/packages/extension-table/src/table/TableView.ts b/packages/extension-table/src/table/TableView.ts
new file mode 100644
index 0000000..abb664c
--- /dev/null
+++ b/packages/extension-table/src/table/TableView.ts
@@ -0,0 +1,154 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { EditorView, NodeView, ViewMutationRecord } from '@tiptap/pm/view'
+
+import { getColStyleDeclaration } from './utilities/colStyle.js'
+
+export function updateColumns(
+  node: PMNode,
+  colgroup: HTMLTableColElement, // <colgroup> has the same prototype as <col>
+  table: HTMLTableElement,
+  cellMinWidth: number,
+  overrideCol?: number,
+  overrideValue?: number,
+) {
+  let totalWidth = 0
+  let fixedWidth = true
+  let nextDOM = colgroup.firstChild
+  const row = node.firstChild
+
+  if (row !== null) {
+    for (let i = 0, col = 0; i < row.childCount; i += 1) {
+      const { colspan, colwidth } = row.child(i).attrs
+
+      for (let j = 0; j < colspan; j += 1, col += 1) {
+        const hasWidth =
+          overrideCol === col ? overrideValue : ((colwidth && colwidth[j]) as number | undefined)
+        const cssWidth = hasWidth ? `${hasWidth}px` : ''
+
+        totalWidth += hasWidth || cellMinWidth
+
+        if (!hasWidth) {
+          fixedWidth = false
+        }
+
+        if (!nextDOM) {
+          const colElement = document.createElement('col')
+
+          const [propertyKey, propertyValue] = getColStyleDeclaration(cellMinWidth, hasWidth)
+
+          colElement.style.setProperty(propertyKey, propertyValue)
+
+          colgroup.appendChild(colElement)
+        } else {
+          if ((nextDOM as HTMLTableColElement).style.width !== cssWidth) {
+            const [propertyKey, propertyValue] = getColStyleDeclaration(cellMinWidth, hasWidth)
+
+            ;(nextDOM as HTMLTableColElement).style.setProperty(propertyKey, propertyValue)
+          }
+
+          nextDOM = nextDOM.nextSibling
+        }
+      }
+    }
+  }
+
+  while (nextDOM) {
+    const after = nextDOM.nextSibling
+
+    nextDOM.parentNode?.removeChild(nextDOM)
+    nextDOM = after
+  }
+
+  // Check if user has set a width style on the table node
+  const hasUserWidth =
+    node.attrs.style &&
+    typeof node.attrs.style === 'string' &&
+    /\bwidth\s*:/i.test(node.attrs.style)
+
+  if (fixedWidth && !hasUserWidth) {
+    table.style.width = `${totalWidth}px`
+    table.style.minWidth = ''
+  } else {
+    table.style.width = ''
+    table.style.minWidth = `${totalWidth}px`
+  }
+}
+
+export class TableView implements NodeView {
+  node: PMNode
+
+  cellMinWidth: number
+
+  dom: HTMLDivElement
+
+  table: HTMLTableElement
+
+  colgroup: HTMLTableColElement
+
+  contentDOM: HTMLTableSectionElement
+
+  constructor(
+    node: PMNode,
+    cellMinWidth: number,
+    _view?: EditorView,
+    HTMLAttributes: Record<string, any> = {},
+  ) {
+    this.node = node
+    this.cellMinWidth = cellMinWidth
+    this.dom = document.createElement('div')
+    this.dom.className = 'tableWrapper'
+    this.table = this.dom.appendChild(document.createElement('table'))
+
+    // Apply extension-configured HTMLAttributes to the table element
+    // (e.g. class, data-* set via Table.configure({ HTMLAttributes }))
+    for (const [key, value] of Object.entries(HTMLAttributes)) {
+      if (value !== undefined && value !== null) {
+        if (key === 'style') {
+          this.table.style.cssText = String(value)
+        } else {
+          this.table.setAttribute(key, String(value))
+        }
+      }
+    }
+
+    // Apply user styles from the ProseMirror document node.
+    // This may come from HTML parsing (e.g. <table style="...">) and should
+    // override any style set via extension-configured HTMLAttributes above.
+    if (node.attrs.style) {
+      this.table.style.cssText = node.attrs.style
+    }
+
+    this.colgroup = this.table.appendChild(document.createElement('colgroup'))
+    updateColumns(node, this.colgroup, this.table, cellMinWidth)
+    this.contentDOM = this.table.appendChild(document.createElement('tbody'))
+  }
+
+  update(node: PMNode) {
+    if (node.type !== this.node.type) {
+      return false
+    }
+
+    this.node = node
+    updateColumns(node, this.colgroup, this.table, this.cellMinWidth)
+
+    return true
+  }
+
+  ignoreMutation(mutation: ViewMutationRecord) {
+    const target = mutation.target as Node
+    const isInsideWrapper = this.dom.contains(target)
+    const isInsideContent = this.contentDOM.contains(target)
+
+    if (isInsideWrapper && !isInsideContent) {
+      if (
+        mutation.type === 'attributes' ||
+        mutation.type === 'childList' ||
+        mutation.type === 'characterData'
+      ) {
+        return true
+      }
+    }
+
+    return false
+  }
+}
diff --git a/packages/extension-table/src/table/index.ts b/packages/extension-table/src/table/index.ts
new file mode 100644
index 0000000..c4d95b8
--- /dev/null
+++ b/packages/extension-table/src/table/index.ts
@@ -0,0 +1,4 @@
+export * from './table.js'
+export * from './utilities/createColGroup.js'
+export * from './utilities/createTable.js'
+export * from './utilities/markdown.js'
diff --git a/packages/extension-table/src/table/table.test.ts b/packages/extension-table/src/table/table.test.ts
new file mode 100644
index 0000000..1dac6ed
--- /dev/null
+++ b/packages/extension-table/src/table/table.test.ts
@@ -0,0 +1,76 @@
+// @vitest-environment happy-dom
+
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { TableCell } from '../cell/table-cell.js'
+import { TableHeader } from '../header/table-header.js'
+import { TableRow } from '../row/table-row.js'
+import { Table } from './table.js'
+
+describe('Table HTMLAttributes', () => {
+  let editor: Editor | null = null
+
+  afterEach(() => {
+    editor?.destroy()
+    editor = null
+  })
+
+  it('applies HTMLAttributes to the <table> element when resizable is false (default)', () => {
+    const editorEl = document.createElement('div')
+    document.body.appendChild(editorEl)
+
+    editor = new Editor({
+      element: editorEl,
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({
+          HTMLAttributes: { class: 'my-custom-table', 'data-test': 'table-test' },
+          resizable: false,
+        }),
+      ],
+    })
+    editor.commands.insertTable({ rows: 2, cols: 2, withHeaderRow: false })
+
+    const table = editor.view.dom.querySelector('table')!
+    expect(table.classList.contains('my-custom-table')).toBe(true)
+    expect(table.getAttribute('data-test')).toBe('table-test')
+
+    editorEl.remove()
+  })
+
+  it('applies HTMLAttributes to the <table> element when View is null (renderHTML fallback)', () => {
+    const editorEl = document.createElement('div')
+    document.body.appendChild(editorEl)
+
+    editor = new Editor({
+      element: editorEl,
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({
+          HTMLAttributes: { class: 'fallback-class' },
+          View: null,
+        }),
+      ],
+    })
+    editor.commands.insertTable({ rows: 2, cols: 2, withHeaderRow: false })
+
+    const table = editor.view.dom.querySelector('table')!
+    expect(table.classList.contains('fallback-class')).toBe(true)
+
+    editorEl.remove()
+  })
+})
diff --git a/packages/extension-table/src/table/table.ts b/packages/extension-table/src/table/table.ts
new file mode 100644
index 0000000..12d10bb
--- /dev/null
+++ b/packages/extension-table/src/table/table.ts
@@ -0,0 +1,646 @@
+import '../types.js'
+
+import {
+  type JSONContent,
+  type MarkdownToken,
+  callOrReturn,
+  findParentNodeClosestToPos,
+  getExtensionField,
+  mergeAttributes,
+  Node,
+} from '@tiptap/core'
+import type { DOMOutputSpec, Node as PMNode } from '@tiptap/pm/model'
+import { TextSelection } from '@tiptap/pm/state'
+import {
+  addColumnAfter,
+  addColumnBefore,
+  addRowAfter,
+  addRowBefore,
+  CellSelection,
+  columnResizing,
+  deleteColumn,
+  deleteRow,
+  deleteTable,
+  fixTables,
+  goToNextCell,
+  mergeCells,
+  setCellAttr,
+  splitCell,
+  tableEditing,
+  toggleHeader,
+  toggleHeaderCell,
+} from '@tiptap/pm/tables'
+import type { EditorView, NodeView } from '@tiptap/pm/view'
+
+import { type TableCellAlign, normalizeTableCellAlign } from '../utils/parseAlign.js'
+import { TableView } from './TableView.js'
+import { createColGroup } from './utilities/createColGroup.js'
+import { createTable } from './utilities/createTable.js'
+import { deleteTableWhenAllCellsSelected } from './utilities/deleteTableWhenAllCellsSelected.js'
+import { keepCursorInTable } from './utilities/keepCursorInTable.js'
+import renderTableToMarkdown, { preprocessTablePipes } from './utilities/markdown.js'
+
+type MarkdownTableToken = {
+  align?: Array<TableCellAlign | null>
+  header?: { tokens: MarkdownToken[]; align?: TableCellAlign | null }[]
+  rows?: { tokens: MarkdownToken[]; align?: TableCellAlign | null }[][]
+} & MarkdownToken
+
+export interface TableOptions {
+  /**
+   * HTML attributes for the table element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+
+  /**
+   * Enables the resizing of tables.
+   * @default false
+   * @example true
+   */
+  resizable: boolean
+
+  /**
+   * Controls whether the table should be wrapped in a div with class "tableWrapper" when rendered.
+   * In editable mode with resizable tables, this wrapper is always present via TableView.
+   * @default false
+   * @example true
+   */
+  renderWrapper: boolean
+
+  /**
+   * The width of the resize handle.
+   * @default 5
+   * @example 10
+   */
+  handleWidth: number
+
+  /**
+   * The minimum width of a cell.
+   * @default 25
+   * @example 50
+   */
+  cellMinWidth: number
+
+  /**
+   * The node view to render the table.
+   * @default TableView
+   */
+  View:
+    | (new (
+        node: PMNode,
+        cellMinWidth: number,
+        view: EditorView,
+        HTMLAttributes?: Record<string, any>,
+      ) => NodeView)
+    | null
+
+  /**
+   * Enables the resizing of the last column.
+   * @default true
+   * @example false
+   */
+  lastColumnResizable: boolean
+
+  /**
+   * Allow table node selection.
+   * @default false
+   * @example true
+   */
+  allowTableNodeSelection: boolean
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    table: {
+      /**
+       * Insert a table
+       * @param options The table attributes
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.insertTable({ rows: 3, cols: 3, withHeaderRow: true })
+       */
+      insertTable: (options?: {
+        rows?: number
+        cols?: number
+        withHeaderRow?: boolean
+      }) => ReturnType
+
+      /**
+       * Add a column before the current column
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.addColumnBefore()
+       */
+      addColumnBefore: () => ReturnType
+
+      /**
+       * Add a column after the current column
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.addColumnAfter()
+       */
+      addColumnAfter: () => ReturnType
+
+      /**
+       * Delete the current column
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.deleteColumn()
+       */
+      deleteColumn: () => ReturnType
+
+      /**
+       * Add a row before the current row
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.addRowBefore()
+       */
+      addRowBefore: () => ReturnType
+
+      /**
+       * Add a row after the current row
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.addRowAfter()
+       */
+      addRowAfter: () => ReturnType
+
+      /**
+       * Delete the current row
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.deleteRow()
+       */
+      deleteRow: () => ReturnType
+
+      /**
+       * Delete the current table
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.deleteTable()
+       */
+      deleteTable: () => ReturnType
+
+      /**
+       * Merge the currently selected cells
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.mergeCells()
+       */
+      mergeCells: () => ReturnType
+
+      /**
+       * Split the currently selected cell
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.splitCell()
+       */
+      splitCell: () => ReturnType
+
+      /**
+       * Toggle the header column
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.toggleHeaderColumn()
+       */
+      toggleHeaderColumn: () => ReturnType
+
+      /**
+       * Toggle the header row
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.toggleHeaderRow()
+       */
+      toggleHeaderRow: () => ReturnType
+
+      /**
+       * Toggle the header cell
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.toggleHeaderCell()
+       */
+      toggleHeaderCell: () => ReturnType
+
+      /**
+       * Merge or split the currently selected cells
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.mergeOrSplit()
+       */
+      mergeOrSplit: () => ReturnType
+
+      /**
+       * Set a cell attribute
+       * @param name The attribute name
+       * @param value The attribute value
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.setCellAttribute('align', 'right')
+       */
+      setCellAttribute: (name: string, value: any) => ReturnType
+
+      /**
+       * Moves the selection to the next cell
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.goToNextCell()
+       */
+      goToNextCell: () => ReturnType
+
+      /**
+       * Moves the selection to the previous cell
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.goToPreviousCell()
+       */
+      goToPreviousCell: () => ReturnType
+
+      /**
+       * Try to fix the table structure if necessary
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.fixTables()
+       */
+      fixTables: () => ReturnType
+
+      /**
+       * Set a cell selection inside the current table
+       * @param position The cell position
+       * @returns True if the command was successful, otherwise false
+       * @example editor.commands.setCellSelection({ anchorCell: 1, headCell: 2 })
+       */
+      setCellSelection: (position: { anchorCell: number; headCell?: number }) => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension allows you to create tables.
+ * @see https://www.tiptap.dev/api/nodes/table
+ */
+export const Table = Node.create<TableOptions>({
+  name: 'table',
+
+  // @ts-ignore
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+      resizable: false,
+      renderWrapper: false,
+      handleWidth: 5,
+      cellMinWidth: 25,
+      // TODO: fix
+      View: TableView,
+      lastColumnResizable: true,
+      allowTableNodeSelection: false,
+    }
+  },
+
+  content: 'tableRow+',
+
+  tableRole: 'table',
+
+  isolating: true,
+
+  group: 'block',
+
+  parseHTML() {
+    return [{ tag: 'table' }]
+  },
+
+  renderHTML({ node, HTMLAttributes }) {
+    const { colgroup, tableWidth, tableMinWidth } = createColGroup(node, this.options.cellMinWidth)
+
+    const userStyles = HTMLAttributes.style as string | undefined
+
+    function getTableStyle() {
+      if (userStyles) {
+        return userStyles
+      }
+
+      return tableWidth ? `width: ${tableWidth}` : `min-width: ${tableMinWidth}`
+    }
+
+    const table: DOMOutputSpec = [
+      'table',
+      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+        style: getTableStyle(),
+      }),
+      colgroup,
+      ['tbody', 0],
+    ]
+
+    return this.options.renderWrapper ? ['div', { class: 'tableWrapper' }, table] : table
+  },
+
+  parseMarkdown: (token: MarkdownTableToken, h) => {
+    const rows = []
+    const alignments = Array.isArray(token.align) ? token.align : []
+
+    if (token.header) {
+      const headerCells: JSONContent[] = []
+
+      token.header.forEach((cell, index) => {
+        const align = normalizeTableCellAlign(alignments[index] ?? cell.align)
+        const attrs = align ? { align } : {}
+
+        headerCells.push(
+          h.createNode('tableHeader', attrs, [
+            { type: 'paragraph', content: h.parseInline(cell.tokens) },
+          ]),
+        )
+      })
+
+      rows.push(h.createNode('tableRow', {}, headerCells))
+    }
+
+    if (token.rows) {
+      token.rows.forEach(row => {
+        const bodyCells: JSONContent[] = []
+        row.forEach((cell, index) => {
+          const align = normalizeTableCellAlign(alignments[index] ?? cell.align)
+          const attrs = align ? { align } : {}
+
+          bodyCells.push(
+            h.createNode('tableCell', attrs, [
+              { type: 'paragraph', content: h.parseInline(cell.tokens) },
+            ]),
+          )
+        })
+        rows.push(h.createNode('tableRow', {}, bodyCells))
+      })
+    }
+
+    return h.createNode('table', undefined, rows)
+  },
+
+  renderMarkdown: (node, h) => {
+    return renderTableToMarkdown(node, h)
+  },
+
+  markdownTokenizer: {
+    name: 'table',
+    level: 'block' as const,
+    start: (src: string) => {
+      const lines = src.split('\n')
+      if (lines.length < 2) return -1
+      const sep = lines[1]
+      if (!/^[ \t|:]*-[ \t|:-]*$/.test(sep) || !sep.includes('|')) return -1
+      return lines[0].includes('|') ? 0 : -1
+    },
+    tokenize(src, _tokens, helper) {
+      // Marked terminates a table block at a blank line. Slicing to the first
+      // \n\n keeps helper.blockTokens isolated to the candidate table so it
+      // cannot consume content that follows. When no blank line exists the
+      // full remaining source is used and marked's own table regex determines
+      // the boundary (it excludes headings, fences, blockquotes, etc.).
+      const blankLineIndex = src.indexOf('\n\n')
+      const candidate = blankLineIndex >= 0 ? src.slice(0, blankLineIndex) : src
+
+      // A GFM table needs at least a header and a separator row (two lines).
+      const candidateLines = candidate.split('\n')
+      if (candidateLines.length < 2) return undefined
+
+      // Guard: the second line must match a GFM delimiter row (dashes, colons,
+      // pipes, spaces) AND must contain at least one '|'. A bare '---' matches
+      // the dash pattern but is a setext heading marker, not a table separator.
+      // Calling helper.blockTokens on non-table content contaminates the outer
+      // lexer's inline queue with preprocessed (backslash-modified) content.
+      const sep = candidateLines[1]
+      if (!/^[ \t|:]*-[ \t|:-]*$/.test(sep) || !sep.includes('|')) return undefined
+
+      const preprocessed = preprocessTablePipes(candidate)
+
+      // Nothing to fix — let marked's built-in handle it.
+      if (preprocessed === candidate) return undefined
+
+      // Re-lex only the preprocessed candidate. The recursive call to our
+      // tokenizer finds no unescaped pipes left inside code spans and returns
+      // undefined, so marked's built-in table tokenizer produces
+      // correctly-split cells.
+      const block = helper.blockTokens(preprocessed)
+      const tableToken = block[0]
+      if (tableToken?.type !== 'table' || !tableToken.raw) return undefined
+
+      // preprocessTablePipes only inserts backslashes (never adds or removes
+      // newlines), so line N in preprocessed maps 1-to-1 to line N in src.
+      // Use the token's line count to reconstruct raw from the original src so
+      // marked advances its cursor by the correct amount.
+      const lineCount = tableToken.raw.split('\n').length
+      const raw = src.split('\n').slice(0, lineCount).join('\n')
+
+      return { ...tableToken, raw }
+    },
+  },
+
+  addCommands() {
+    return {
+      insertTable:
+        ({ rows = 3, cols = 3, withHeaderRow = true } = {}) =>
+        ({ tr, dispatch, editor }) => {
+          const node = createTable(editor.schema, rows, cols, withHeaderRow)
+
+          if (dispatch) {
+            const offset = tr.selection.from + 1
+
+            tr.replaceSelectionWith(node)
+              .scrollIntoView()
+              .setSelection(TextSelection.near(tr.doc.resolve(offset)))
+          }
+
+          return true
+        },
+      addColumnBefore:
+        () =>
+        ({ state, dispatch }) => {
+          return addColumnBefore(state, dispatch)
+        },
+      addColumnAfter:
+        () =>
+        ({ state, dispatch }) => {
+          return addColumnAfter(state, dispatch)
+        },
+      deleteColumn:
+        () =>
+        ({ state, dispatch }) => {
+          const table = findParentNodeClosestToPos(
+            state.selection.$from,
+            node => node.type.name === 'table',
+          )
+
+          return deleteColumn(
+            state,
+            dispatch &&
+              (tr => {
+                if (table) {
+                  keepCursorInTable(tr, table.pos)
+                }
+
+                dispatch(tr)
+              }),
+          )
+        },
+      addRowBefore:
+        () =>
+        ({ state, dispatch }) => {
+          return addRowBefore(state, dispatch)
+        },
+      addRowAfter:
+        () =>
+        ({ state, dispatch }) => {
+          return addRowAfter(state, dispatch)
+        },
+      deleteRow:
+        () =>
+        ({ state, dispatch }) => {
+          const table = findParentNodeClosestToPos(
+            state.selection.$from,
+            node => node.type.name === 'table',
+          )
+
+          return deleteRow(
+            state,
+            dispatch &&
+              (tr => {
+                if (table) {
+                  keepCursorInTable(tr, table.pos)
+                }
+
+                dispatch(tr)
+              }),
+          )
+        },
+      deleteTable:
+        () =>
+        ({ state, dispatch }) => {
+          return deleteTable(state, dispatch)
+        },
+      mergeCells:
+        () =>
+        ({ state, dispatch }) => {
+          return mergeCells(state, dispatch)
+        },
+      splitCell:
+        () =>
+        ({ state, dispatch }) => {
+          return splitCell(state, dispatch)
+        },
+      toggleHeaderColumn:
+        () =>
+        ({ state, dispatch }) => {
+          return toggleHeader('column')(state, dispatch)
+        },
+      toggleHeaderRow:
+        () =>
+        ({ state, dispatch }) => {
+          return toggleHeader('row')(state, dispatch)
+        },
+      toggleHeaderCell:
+        () =>
+        ({ state, dispatch }) => {
+          return toggleHeaderCell(state, dispatch)
+        },
+      mergeOrSplit:
+        () =>
+        ({ state, dispatch }) => {
+          if (mergeCells(state, dispatch)) {
+            return true
+          }
+
+          return splitCell(state, dispatch)
+        },
+      setCellAttribute:
+        (name, value) =>
+        ({ state, dispatch }) => {
+          return setCellAttr(name, value)(state, dispatch)
+        },
+      goToNextCell:
+        () =>
+        ({ state, dispatch }) => {
+          return goToNextCell(1)(state, dispatch)
+        },
+      goToPreviousCell:
+        () =>
+        ({ state, dispatch }) => {
+          return goToNextCell(-1)(state, dispatch)
+        },
+      fixTables:
+        () =>
+        ({ state, dispatch }) => {
+          if (dispatch) {
+            fixTables(state)
+          }
+
+          return true
+        },
+      setCellSelection:
+        position =>
+        ({ tr, dispatch }) => {
+          if (dispatch) {
+            const selection = CellSelection.create(tr.doc, position.anchorCell, position.headCell)
+
+            // @ts-ignore
+            tr.setSelection(selection)
+          }
+
+          return true
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      Tab: () => {
+        if (this.editor.commands.goToNextCell()) {
+          return true
+        }
+
+        if (!this.editor.can().addRowAfter()) {
+          return false
+        }
+
+        return this.editor.chain().addRowAfter().goToNextCell().run()
+      },
+      'Shift-Tab': () => this.editor.commands.goToPreviousCell(),
+      Backspace: deleteTableWhenAllCellsSelected,
+      'Mod-Backspace': deleteTableWhenAllCellsSelected,
+      Delete: deleteTableWhenAllCellsSelected,
+      'Mod-Delete': deleteTableWhenAllCellsSelected,
+    }
+  },
+
+  addProseMirrorPlugins() {
+    const isResizable = this.options.resizable && this.editor.isEditable
+
+    return [
+      ...(isResizable
+        ? [
+            columnResizing({
+              handleWidth: this.options.handleWidth,
+              cellMinWidth: this.options.cellMinWidth,
+              defaultCellMinWidth: this.options.cellMinWidth,
+              View: this.options.View,
+              lastColumnResizable: this.options.lastColumnResizable,
+            }),
+          ]
+        : []),
+      tableEditing({
+        allowTableNodeSelection: this.options.allowTableNodeSelection,
+      }),
+    ]
+  },
+
+  addNodeView() {
+    // When resizable, the columnResizing plugin registers its own NodeView.
+    // We only register one here for the non-resizable case so that
+    // <colgroup> stays in sync with column changes (issue #7015).
+    const isResizable = this.options.resizable && this.editor.isEditable
+    const View = this.options.View
+
+    if (isResizable || !View) {
+      return null
+    }
+
+    return ({ node, view, HTMLAttributes }) => {
+      const mergedAttributes = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)
+
+      return new View(node, this.options.cellMinWidth, view, mergedAttributes) as NodeView
+    }
+  },
+
+  extendNodeSchema(extension) {
+    const context = {
+      name: extension.name,
+      options: extension.options,
+      storage: extension.storage,
+    }
+
+    return {
+      tableRole: callOrReturn(getExtensionField(extension, 'tableRole', context)),
+    }
+  },
+})
diff --git a/packages/extension-table/src/table/utilities/colStyle.ts b/packages/extension-table/src/table/utilities/colStyle.ts
new file mode 100644
index 0000000..f72d43b
--- /dev/null
+++ b/packages/extension-table/src/table/utilities/colStyle.ts
@@ -0,0 +1,12 @@
+export function getColStyleDeclaration(
+  minWidth: number,
+  width: number | undefined,
+): [string, string] {
+  if (width) {
+    // apply the stored width unless it is below the configured minimum cell width
+    return ['width', `${Math.max(width, minWidth)}px`]
+  }
+
+  // set the minimum with on the column if it has no stored width
+  return ['min-width', `${minWidth}px`]
+}
diff --git a/packages/extension-table/src/table/utilities/createCell.ts b/packages/extension-table/src/table/utilities/createCell.ts
new file mode 100644
index 0000000..2e919fb
--- /dev/null
+++ b/packages/extension-table/src/table/utilities/createCell.ts
@@ -0,0 +1,12 @@
+import type { Fragment, Node as ProsemirrorNode, NodeType } from '@tiptap/pm/model'
+
+export function createCell(
+  cellType: NodeType,
+  cellContent?: Fragment | ProsemirrorNode | Array<ProsemirrorNode>,
+): ProsemirrorNode | null | undefined {
+  if (cellContent) {
+    return cellType.createChecked(null, cellContent)
+  }
+
+  return cellType.createAndFill()
+}
diff --git a/packages/extension-table/src/table/utilities/createColGroup.ts b/packages/extension-table/src/table/utilities/createColGroup.ts
new file mode 100644
index 0000000..00b1249
--- /dev/null
+++ b/packages/extension-table/src/table/utilities/createColGroup.ts
@@ -0,0 +1,69 @@
+import type { DOMOutputSpec, Node as PMNode } from '@tiptap/pm/model'
+
+import { getColStyleDeclaration } from './colStyle.js'
+
+export type ColGroup =
+  | {
+      colgroup: DOMOutputSpec
+      tableWidth: string
+      tableMinWidth: string
+    }
+  | Record<string, never>
+
+/**
+ * Creates a colgroup element for a table node in ProseMirror.
+ *
+ * @param node - The ProseMirror node representing the table.
+ * @param cellMinWidth - The minimum width of a cell in the table.
+ * @param overrideCol - (Optional) The index of the column to override the width of.
+ * @param overrideValue - (Optional) The width value to use for the overridden column.
+ * @returns An object containing the colgroup element, the total width of the table, and the minimum width of the table.
+ */
+export function createColGroup(node: PMNode, cellMinWidth: number): ColGroup
+export function createColGroup(
+  node: PMNode,
+  cellMinWidth: number,
+  overrideCol: number,
+  overrideValue: number,
+): ColGroup
+export function createColGroup(
+  node: PMNode,
+  cellMinWidth: number,
+  overrideCol?: number,
+  overrideValue?: number,
+): ColGroup {
+  let totalWidth = 0
+  let fixedWidth = true
+  const cols: DOMOutputSpec[] = []
+  const row = node.firstChild
+
+  if (!row) {
+    return {}
+  }
+
+  for (let i = 0, col = 0; i < row.childCount; i += 1) {
+    const { colspan, colwidth } = row.child(i).attrs
+
+    for (let j = 0; j < colspan; j += 1, col += 1) {
+      const hasWidth =
+        overrideCol === col ? overrideValue : colwidth && (colwidth[j] as number | undefined)
+
+      totalWidth += hasWidth || cellMinWidth
+
+      if (!hasWidth) {
+        fixedWidth = false
+      }
+
+      const [property, value] = getColStyleDeclaration(cellMinWidth, hasWidth)
+
+      cols.push(['col', { style: `${property}: ${value}` }])
+    }
+  }
+
+  const tableWidth = fixedWidth ? `${totalWidth}px` : ''
+  const tableMinWidth = fixedWidth ? '' : `${totalWidth}px`
+
+  const colgroup: DOMOutputSpec = ['colgroup', {}, ...cols]
+
+  return { colgroup, tableWidth, tableMinWidth }
+}
diff --git a/packages/extension-table/src/table/utilities/createTable.ts b/packages/extension-table/src/table/utilities/createTable.ts
new file mode 100644
index 0000000..39771c6
--- /dev/null
+++ b/packages/extension-table/src/table/utilities/createTable.ts
@@ -0,0 +1,40 @@
+import type { Fragment, Node as ProsemirrorNode, Schema } from '@tiptap/pm/model'
+
+import { createCell } from './createCell.js'
+import { getTableNodeTypes } from './getTableNodeTypes.js'
+
+export function createTable(
+  schema: Schema,
+  rowsCount: number,
+  colsCount: number,
+  withHeaderRow: boolean,
+  cellContent?: Fragment | ProsemirrorNode | Array<ProsemirrorNode>,
+): ProsemirrorNode {
+  const types = getTableNodeTypes(schema)
+  const headerCells: ProsemirrorNode[] = []
+  const cells: ProsemirrorNode[] = []
+
+  for (let index = 0; index < colsCount; index += 1) {
+    const cell = createCell(types.cell, cellContent)
+
+    if (cell) {
+      cells.push(cell)
+    }
+
+    if (withHeaderRow) {
+      const headerCell = createCell(types.header_cell, cellContent)
+
+      if (headerCell) {
+        headerCells.push(headerCell)
+      }
+    }
+  }
+
+  const rows: ProsemirrorNode[] = []
+
+  for (let index = 0; index < rowsCount; index += 1) {
+    rows.push(types.row.createChecked(null, withHeaderRow && index === 0 ? headerCells : cells))
+  }
+
+  return types.table.createChecked(null, rows)
+}
diff --git a/packages/extension-table/src/table/utilities/deleteTableWhenAllCellsSelected.ts b/packages/extension-table/src/table/utilities/deleteTableWhenAllCellsSelected.ts
new file mode 100644
index 0000000..3e29474
--- /dev/null
+++ b/packages/extension-table/src/table/utilities/deleteTableWhenAllCellsSelected.ts
@@ -0,0 +1,37 @@
+import type { KeyboardShortcutCommand } from '@tiptap/core'
+import { findParentNodeClosestToPos } from '@tiptap/core'
+
+import { isCellSelection } from './isCellSelection.js'
+
+export const deleteTableWhenAllCellsSelected: KeyboardShortcutCommand = ({ editor }) => {
+  const { selection } = editor.state
+
+  if (!isCellSelection(selection)) {
+    return false
+  }
+
+  let cellCount = 0
+  const table = findParentNodeClosestToPos(selection.ranges[0].$from, node => {
+    return node.type.name === 'table'
+  })
+
+  table?.node.descendants(node => {
+    if (node.type.name === 'table') {
+      return false
+    }
+
+    if (['tableCell', 'tableHeader'].includes(node.type.name)) {
+      cellCount += 1
+    }
+  })
+
+  const allCellsSelected = cellCount === selection.ranges.length
+
+  if (!allCellsSelected) {
+    return false
+  }
+
+  editor.commands.deleteTable()
+
+  return true
+}
diff --git a/packages/extension-table/src/table/utilities/getTableNodeTypes.ts b/packages/extension-table/src/table/utilities/getTableNodeTypes.ts
new file mode 100644
index 0000000..ee26a52
--- /dev/null
+++ b/packages/extension-table/src/table/utilities/getTableNodeTypes.ts
@@ -0,0 +1,21 @@
+import type { NodeType, Schema } from '@tiptap/pm/model'
+
+export function getTableNodeTypes(schema: Schema): { [key: string]: NodeType } {
+  if (schema.cached.tableNodeTypes) {
+    return schema.cached.tableNodeTypes
+  }
+
+  const roles: { [key: string]: NodeType } = {}
+
+  Object.keys(schema.nodes).forEach(type => {
+    const nodeType = schema.nodes[type]
+
+    if (nodeType.spec.tableRole) {
+      roles[nodeType.spec.tableRole] = nodeType
+    }
+  })
+
+  schema.cached.tableNodeTypes = roles
+
+  return roles
+}
diff --git a/packages/extension-table/src/table/utilities/isCellSelection.ts b/packages/extension-table/src/table/utilities/isCellSelection.ts
new file mode 100644
index 0000000..59d8919
--- /dev/null
+++ b/packages/extension-table/src/table/utilities/isCellSelection.ts
@@ -0,0 +1,5 @@
+import { CellSelection } from '@tiptap/pm/tables'
+
+export function isCellSelection(value: unknown): value is CellSelection {
+  return value instanceof CellSelection
+}
diff --git a/packages/extension-table/src/table/utilities/keepCursorInTable.ts b/packages/extension-table/src/table/utilities/keepCursorInTable.ts
new file mode 100644
index 0000000..0eb200a
--- /dev/null
+++ b/packages/extension-table/src/table/utilities/keepCursorInTable.ts
@@ -0,0 +1,29 @@
+import { findParentNodeClosestToPos } from '@tiptap/core'
+import { TextSelection, type Transaction } from '@tiptap/pm/state'
+
+// prosemirror-tables does not move the selection after a deletion, so removing the
+// last row or column can push the cursor out of the table into the content below.
+export function keepCursorInTable(tr: Transaction, tablePos: number) {
+  const mappedTablePos = tr.mapping.map(tablePos)
+
+  // The delete can push the cursor into a following table, so compare the
+  // mapped position to confirm it is still the table we edited.
+  const stillInTable = findParentNodeClosestToPos(
+    tr.selection.$from,
+    node => node.type.name === 'table',
+  )
+
+  if (stillInTable?.pos === mappedTablePos) {
+    return
+  }
+
+  const tableNode = tr.doc.nodeAt(mappedTablePos)
+
+  if (!tableNode) {
+    return
+  }
+
+  const endOfTable = mappedTablePos + tableNode.nodeSize - 1
+
+  tr.setSelection(TextSelection.near(tr.doc.resolve(endOfTable), -1))
+}
diff --git a/packages/extension-table/src/table/utilities/markdown.test.ts b/packages/extension-table/src/table/utilities/markdown.test.ts
new file mode 100644
index 0000000..c1b9020
--- /dev/null
+++ b/packages/extension-table/src/table/utilities/markdown.test.ts
@@ -0,0 +1,25 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import { escapeTableCellPipes } from './markdown.js'
+
+describe('escapeTableCellPipes', () => {
+  it('escapes a bare pipe inside a code span', () => {
+    expect(escapeTableCellPipes('| `a|b` |')).toBe('| `a\\|b` |')
+  })
+
+  it('escapes every pipe of a consecutive run', () => {
+    expect(escapeTableCellPipes('| `||` |')).toBe('| `\\|\\|` |')
+  })
+
+  it('keeps an already-escaped pipe untouched', () => {
+    expect(escapeTableCellPipes('| `a\\|b` |')).toBe('| `a\\|b` |')
+  })
+
+  it('keeps a pipe preceded by a backslash pair untouched', () => {
+    expect(escapeTableCellPipes('| `a\\\\|b` |')).toBe('| `a\\\\|b` |')
+  })
+
+  it('handles mixed escaped and bare pipes in one span', () => {
+    expect(escapeTableCellPipes('| `|\\||` |')).toBe('| `\\|\\|\\|` |')
+  })
+})
diff --git a/packages/extension-table/src/table/utilities/markdown.ts b/packages/extension-table/src/table/utilities/markdown.ts
new file mode 100644
index 0000000..0928f66
--- /dev/null
+++ b/packages/extension-table/src/table/utilities/markdown.ts
@@ -0,0 +1,223 @@
+import type { JSONContent, MarkdownRendererHelpers } from '@tiptap/core'
+
+import {
+  type TableCellAlign as TableCellAlignType,
+  normalizeTableCellAlignFromAttributes,
+  TableCellAlign,
+} from '../../utils/parseAlign.js'
+
+export const DEFAULT_CELL_LINE_SEPARATOR = '\u001F'
+
+/**
+ * Walk a single table-row line and escape any `|` characters that appear
+ * inside backtick code spans so marked's cell splitter ignores them.
+ * Backslash escape sequences outside code spans are passed through untouched.
+ * If a backtick run has no matching closer on the same line it is emitted
+ * as-is — no over-escaping for malformed input.
+ */
+export function escapeTableCellPipes(line: string): string {
+  let result = ''
+  let i = 0
+  while (i < line.length) {
+    if (line[i] === '\\' && i + 1 < line.length) {
+      result += line[i] + line[i + 1]
+      i += 2
+      continue
+    }
+    if (line[i] !== '`') {
+      result += line[i++]
+      continue
+    }
+    let runLen = 0
+    while (i + runLen < line.length && line[i + runLen] === '`') runLen += 1
+    let j = i + runLen
+    let found = false
+    while (j < line.length) {
+      if (line[j] !== '`') {
+        j += 1
+        continue
+      }
+      let closeLen = 0
+      while (j + closeLen < line.length && line[j + closeLen] === '`') closeLen += 1
+      if (closeLen === runLen) {
+        const spanContent = line.slice(i + runLen, j)
+        // Matches an already-escaped pipe (`\|`, kept as-is) or a bare pipe
+        // (escaped). Deliberately avoids a negative lookbehind assertion:
+        // WebKit before Safari 16.4 cannot parse lookbehind, and a regex
+        // literal fails the whole chunk at parse time, not at call time.
+        result +=
+          line.slice(i, i + runLen) +
+          spanContent.replace(/\\\||\|/g, match => (match === '|' ? '\\|' : match)) +
+          line.slice(j, j + runLen)
+        i = j + runLen
+        found = true
+        break
+      }
+      j += closeLen
+    }
+    if (!found) {
+      result += line.slice(i, i + runLen)
+      i += runLen
+    }
+  }
+  return result
+}
+
+/**
+ * Escape pipe characters inside backtick code spans on table-row lines.
+ * marked's `splitCells` only recognises backslash-escaped pipes (`\|`) and
+ * splits on every other `|`, so \`a || b\` in a table cell would be treated
+ * as multiple column delimiters. Escaping them here lets `splitCells` skip
+ * them; it already converts `\|` → `|` after splitting, so the cell content
+ * is restored correctly.
+ */
+export function preprocessTablePipes(src: string): string {
+  return src
+    .split('\n')
+    .map(line => {
+      if (!line.includes('|') || !line.includes('`')) return line
+      return escapeTableCellPipes(line)
+    })
+    .join('\n')
+}
+
+function collapseWhitespace(s: string) {
+  return (s || '').replace(/\s+/g, ' ').trim()
+}
+
+export function renderTableToMarkdown(
+  node: JSONContent,
+  h: MarkdownRendererHelpers,
+  options: { cellLineSeparator?: string } = {},
+) {
+  const cellSep = options.cellLineSeparator ?? DEFAULT_CELL_LINE_SEPARATOR
+
+  if (!node || !node.content || node.content.length === 0) {
+    return ''
+  }
+
+  // Build rows: each cell is { text, isHeader, align }
+  const rows: { text: string; isHeader: boolean; align: TableCellAlignType | null }[][] = []
+
+  node.content.forEach(rowNode => {
+    const cells: { text: string; isHeader: boolean; align: TableCellAlignType | null }[] = []
+
+    if (rowNode.content) {
+      rowNode.content.forEach(cellNode => {
+        let raw = ''
+
+        if (cellNode.content && Array.isArray(cellNode.content) && cellNode.content.length > 1) {
+          // Render each direct child separately and join with separator so we can split again later
+          const parts = cellNode.content.map(child =>
+            h.renderChildren(child as unknown as JSONContent),
+          )
+          raw = parts.join(cellSep)
+        } else {
+          raw = cellNode.content
+            ? h.renderChildren(cellNode.content as unknown as JSONContent[])
+            : ''
+        }
+
+        // Cells have to stay on a single line, so line breaks become <br> tags.
+        // The parser already turns <br> back into hard breaks, so this round trips.
+        const text = collapseWhitespace(
+          raw
+            .split(cellSep)
+            .join('\n')
+            .replace(/[ \t]*\r?\n[ \t]*/g, '<br>'),
+        )
+        const isHeader = cellNode.type === 'tableHeader'
+        const align = normalizeTableCellAlignFromAttributes(cellNode.attrs)
+
+        cells.push({ text, isHeader, align })
+      })
+    }
+
+    rows.push(cells)
+  })
+
+  const columnCount = rows.reduce((max, r) => Math.max(max, r.length), 0)
+
+  if (columnCount === 0) {
+    return ''
+  }
+
+  // Compute max width for each column
+  const colWidths = Array.from<number>({ length: columnCount }).fill(0)
+
+  rows.forEach(r => {
+    for (let i = 0; i < columnCount; i += 1) {
+      const cell = r[i]?.text || ''
+      const len = cell.length
+      if (len > colWidths[i]) {
+        colWidths[i] = len
+      }
+
+      if (colWidths[i] < 3) {
+        colWidths[i] = 3
+      }
+    }
+  })
+
+  const pad = (s: string, width: number) => s + ' '.repeat(Math.max(0, width - s.length))
+
+  const headerRow = rows[0]
+  const hasHeader = headerRow.some(c => c.isHeader)
+  const colAlignments: Array<TableCellAlignType | null> = Array.from<TableCellAlignType | null>({
+    length: columnCount,
+  }).fill(null)
+
+  rows.forEach(r => {
+    for (let i = 0; i < columnCount; i += 1) {
+      if (!colAlignments[i] && r[i]?.align) {
+        colAlignments[i] = r[i].align
+      }
+    }
+  })
+
+  let out = '\n'
+
+  // Render header: if the document has a header row (tableHeader cells) use it,
+  // otherwise emit an empty header row so most Markdown parsers will recognize
+  // the table (this makes roundtripping to Markdown -> JSON more reliable).
+  const headerTexts = Array.from<number>({ length: columnCount }).map((_, i) =>
+    hasHeader ? (headerRow[i] && headerRow[i].text) || '' : '',
+  )
+
+  out += `| ${headerTexts.map((t, i) => pad(t, colWidths[i])).join(' | ')} |\n`
+
+  // Separator (use at least 3 dashes per column and include alignment markers)
+  out += `| ${colWidths
+    .map((w, index) => {
+      const dashCount = Math.max(3, w)
+      const alignment = colAlignments[index]
+
+      if (alignment === TableCellAlign.Left) {
+        return `:${'-'.repeat(dashCount)}`
+      }
+
+      if (alignment === TableCellAlign.Right) {
+        return `${'-'.repeat(dashCount)}:`
+      }
+
+      if (alignment === TableCellAlign.Center) {
+        return `:${'-'.repeat(dashCount)}:`
+      }
+
+      return '-'.repeat(dashCount)
+    })
+    .join(' | ')} |\n`
+
+  // Body rows: if we had a header, skip the first row; otherwise render all rows
+  const body = hasHeader ? rows.slice(1) : rows
+  body.forEach(r => {
+    out += `| ${Array.from<number>({ length: columnCount })
+      .fill(0)
+      .map((_, i) => pad((r[i] && r[i].text) || '', colWidths[i]))
+      .join(' | ')} |\n`
+  })
+
+  return out
+}
+
+export default renderTableToMarkdown
diff --git a/packages/extension-table/src/types.ts b/packages/extension-table/src/types.ts
new file mode 100644
index 0000000..eef697b
--- /dev/null
+++ b/packages/extension-table/src/types.ts
@@ -0,0 +1,19 @@
+import type { ParentConfig } from '@tiptap/core'
+
+declare module '@tiptap/core' {
+  interface NodeConfig<Options, Storage> {
+    /**
+     * A string or function to determine the role of the table.
+     * @default 'table'
+     * @example () => 'table'
+     */
+    tableRole?:
+      | string
+      | ((this: {
+          name: string
+          options: Options
+          storage: Storage
+          parent: ParentConfig<NodeConfig<Options>>['tableRole']
+        }) => string)
+  }
+}
diff --git a/packages/extension-table/src/utils/fillEmptyCellContent.ts b/packages/extension-table/src/utils/fillEmptyCellContent.ts
new file mode 100644
index 0000000..486df0a
--- /dev/null
+++ b/packages/extension-table/src/utils/fillEmptyCellContent.ts
@@ -0,0 +1,25 @@
+import type { NodeType } from '@tiptap/pm/model'
+import { Fragment } from '@tiptap/pm/model'
+
+// ASCII whitespace only, so a non-breaking-space cell is not treated as empty.
+const COLLAPSIBLE_WHITESPACE = /[ \t\r\n\f]+/g
+
+/** Whether a cell/header element has no child elements and only collapsible whitespace. */
+export function isEmptyCellElement(element: HTMLElement): boolean {
+  if (element.children.length > 0) {
+    return false
+  }
+
+  return (element.textContent ?? '').replace(COLLAPSIBLE_WHITESPACE, '') === ''
+}
+
+/** Builds a cell/header's minimal `block+` content, derived from the node type. */
+export function fillEmptyCellContent(cellType: NodeType): Fragment {
+  const filled = cellType.createAndFill()
+
+  if (!filled) {
+    throw new Error(`[tiptap error]: "${cellType.name}" has no default content to backfill.`)
+  }
+
+  return filled.content
+}
diff --git a/packages/extension-table/src/utils/parseAlign.ts b/packages/extension-table/src/utils/parseAlign.ts
new file mode 100644
index 0000000..eea5d92
--- /dev/null
+++ b/packages/extension-table/src/utils/parseAlign.ts
@@ -0,0 +1,78 @@
+import type { Attribute } from '@tiptap/core'
+
+/**
+ * Supported table cell alignment values
+ */
+export enum TableCellAlign {
+  Left = 'left',
+  Right = 'right',
+  Center = 'center',
+}
+
+/**
+ * Normalize unknown input into a supported table alignment
+ *
+ * @param value - A potential alignment value
+ * @returns A valid TableCellAlign value or null
+ */
+export function normalizeTableCellAlign(value: unknown): TableCellAlign | null {
+  if (
+    value === TableCellAlign.Left ||
+    value === TableCellAlign.Right ||
+    value === TableCellAlign.Center
+  ) {
+    return value
+  }
+
+  return null
+}
+
+/**
+ * Parse table cell alignment from an HTML element
+ *
+ * Prefers inline style (${"`"}text-align${"`"}) and falls back to the legacy
+ * ${"`"}align${"`"} attribute.
+ *
+ * @param element - The table cell/header DOM element
+ * @returns A valid TableCellAlign value or null
+ */
+export function parseAlign(element: HTMLElement): TableCellAlign | null {
+  const styleAlign = (element.style.textAlign || '').trim().toLowerCase()
+  const attrAlign = (element.getAttribute('align') || '').trim().toLowerCase()
+  const align = styleAlign || attrAlign
+
+  return normalizeTableCellAlign(align)
+}
+
+/**
+ * Normalize alignment from a generic attrs object that may include an align field
+ *
+ * @param attributes - A node attrs-like object with an optional align field
+ * @returns A valid TableCellAlign value or null.
+ */
+export function normalizeTableCellAlignFromAttributes(
+  attributes: { align?: TableCellAlign } | null | undefined,
+): TableCellAlign | null {
+  return normalizeTableCellAlign(attributes?.align)
+}
+
+/**
+ * Create a reusable Tiptap attribute config for table alignment
+ *
+ * @returns A Tiptap Attribute definition that parses and renders table alignment
+ */
+export function createAlignAttribute(): Attribute {
+  return {
+    default: null,
+    parseHTML: (element: HTMLElement) => parseAlign(element),
+    renderHTML: (attributes: { align?: TableCellAlign | null }) => {
+      if (!attributes.align) {
+        return {}
+      }
+
+      return {
+        style: `text-align: ${attributes.align}`,
+      }
+    },
+  }
+}
diff --git a/packages/extension-table/src/utils/parseColwidth.ts b/packages/extension-table/src/utils/parseColwidth.ts
new file mode 100644
index 0000000..932b3a2
--- /dev/null
+++ b/packages/extension-table/src/utils/parseColwidth.ts
@@ -0,0 +1,37 @@
+/**
+ * reads the width of the `<col>` element matching a cell's column from the table's `<colgroup>`
+ *
+ * @param element - The table cell/header DOM element
+ * @returns - An array with the column width in pixels or null
+ */
+function parseColgroupWidth(element: HTMLElement): number[] | null {
+  const row = element.parentElement
+  const table = element.closest('table')
+
+  if (!row || !table) {
+    return null
+  }
+
+  const cellIndex = Array.from(row.children).indexOf(element)
+  const width = table.querySelectorAll('colgroup > col')[cellIndex]?.getAttribute('width')
+
+  return width ? [parseInt(width, 10)] : null
+}
+
+/**
+ * Parse the column width/s of a table cell/header from an HTML element.
+ * it prefers the `colwidth` attribute and if not-provided falls back to the `width` attribute
+ * of the matching `<col>` element in the table's `<colgroup>`.
+ *
+ * @param element - The table cell/header DOM element
+ * @returns - An array of column widths in pixels or null
+ */
+export function parseColwidth(element: HTMLElement): number[] | null {
+  const colwidth = element.getAttribute('colwidth')
+
+  if (colwidth) {
+    return colwidth.split(',').map(width => parseInt(width, 10))
+  }
+
+  return parseColgroupWidth(element)
+}
diff --git a/packages/extension-table/tests/integration/colgroupUpdate.test.ts b/packages/extension-table/tests/integration/colgroupUpdate.test.ts
new file mode 100644
index 0000000..fff75a0
--- /dev/null
+++ b/packages/extension-table/tests/integration/colgroupUpdate.test.ts
@@ -0,0 +1,196 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import { Table, TableCell, TableHeader, TableRow } from '@tiptap/extension-table'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+describe('colgroup updates after column commands', () => {
+  const editorElClass = 'tiptap'
+  let editor: Editor | null = null
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+    return editorEl
+  }
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  const createEditor = (resizable: boolean) =>
+    new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({ resizable }),
+      ],
+    })
+
+  const countCols = (e: Editor) => e.view.dom.querySelectorAll('colgroup > col').length
+
+  const countCellsInFirstRow = (e: Editor) => {
+    const firstRow = e.view.dom.querySelector('tbody > tr')
+
+    return firstRow ? firstRow.querySelectorAll('td, th').length : 0
+  }
+
+  // Place cursor inside the first cell of the table so column commands have a target
+  const focusFirstCell = (e: Editor) => {
+    e.commands.focus()
+    e.commands.setTextSelection(3)
+  }
+
+  afterEach(() => {
+    editor?.destroy()
+    editor = null
+    getEditorEl()?.remove()
+  })
+
+  describe('resizable: false (default — bug case)', () => {
+    it('updates <colgroup> when a column is deleted', () => {
+      editor = createEditor(false)
+      editor.commands.insertTable({ rows: 3, cols: 3, withHeaderRow: true })
+
+      expect(countCols(editor)).toBe(3)
+      expect(countCellsInFirstRow(editor)).toBe(3)
+
+      focusFirstCell(editor)
+      editor.commands.deleteColumn()
+
+      expect(countCellsInFirstRow(editor)).toBe(2)
+      expect(countCols(editor)).toBe(2)
+    })
+
+    it('updates <colgroup> when a column is added after', () => {
+      editor = createEditor(false)
+      editor.commands.insertTable({ rows: 3, cols: 3, withHeaderRow: true })
+
+      expect(countCols(editor)).toBe(3)
+
+      focusFirstCell(editor)
+      editor.commands.addColumnAfter()
+
+      expect(countCellsInFirstRow(editor)).toBe(4)
+      expect(countCols(editor)).toBe(4)
+    })
+
+    it('updates <colgroup> when a column is added before', () => {
+      editor = createEditor(false)
+      editor.commands.insertTable({ rows: 3, cols: 3, withHeaderRow: true })
+
+      expect(countCols(editor)).toBe(3)
+
+      focusFirstCell(editor)
+      editor.commands.addColumnBefore()
+
+      expect(countCellsInFirstRow(editor)).toBe(4)
+      expect(countCols(editor)).toBe(4)
+    })
+  })
+
+  describe('resizable: true (control — should already work)', () => {
+    it('updates <colgroup> when a column is deleted', () => {
+      editor = createEditor(true)
+      editor.commands.insertTable({ rows: 3, cols: 3, withHeaderRow: true })
+
+      expect(countCols(editor)).toBe(3)
+
+      focusFirstCell(editor)
+      editor.commands.deleteColumn()
+
+      expect(countCellsInFirstRow(editor)).toBe(2)
+      expect(countCols(editor)).toBe(2)
+    })
+
+    it('updates <colgroup> when a column is added after', () => {
+      editor = createEditor(true)
+      editor.commands.insertTable({ rows: 3, cols: 3, withHeaderRow: true })
+
+      expect(countCols(editor)).toBe(3)
+
+      focusFirstCell(editor)
+      editor.commands.addColumnAfter()
+
+      expect(countCellsInFirstRow(editor)).toBe(4)
+      expect(countCols(editor)).toBe(4)
+    })
+  })
+
+  describe('edge cases (resizable: false)', () => {
+    const getTable = (e: Editor) => e.view.dom.querySelector('table') as HTMLTableElement
+
+    it('updates <table> min-width style when columns change', () => {
+      editor = createEditor(false)
+      editor.commands.insertTable({ rows: 2, cols: 3, withHeaderRow: false })
+
+      // Default cellMinWidth is 25px → 3 cols × 25 = 75px
+      expect(getTable(editor).style.minWidth).toBe('75px')
+
+      focusFirstCell(editor)
+      editor.commands.deleteColumn()
+      expect(getTable(editor).style.minWidth).toBe('50px')
+
+      editor.commands.addColumnAfter()
+      expect(getTable(editor).style.minWidth).toBe('75px')
+    })
+
+    it('keeps <colgroup> consistent after mergeCells (no col change expected)', () => {
+      editor = createEditor(false)
+      editor.commands.insertTable({ rows: 2, cols: 3, withHeaderRow: false })
+
+      const initialCols = countCols(editor)
+
+      // select two adjacent cells then merge
+      editor.commands.focus()
+      editor.commands.setTextSelection({ from: 3, to: 8 })
+      editor.commands.mergeCells()
+
+      // mergeCells uses colspan; column count must not change
+      expect(countCols(editor)).toBe(initialCols)
+    })
+
+    it('updates <colgroup> in read-only mode when columns change programmatically', () => {
+      editor = createEditor(false)
+      editor.commands.insertTable({ rows: 2, cols: 3, withHeaderRow: false })
+
+      editor.setEditable(false)
+
+      expect(countCols(editor)).toBe(3)
+
+      focusFirstCell(editor)
+      editor.commands.deleteColumn()
+
+      expect(countCellsInFirstRow(editor)).toBe(2)
+      expect(countCols(editor)).toBe(2)
+    })
+
+    it('preserves remaining colwidths when a column is deleted', () => {
+      editor = createEditor(false)
+      editor.commands.setContent(
+        '<table><tbody><tr><td colwidth="100">A</td><td colwidth="200">B</td><td colwidth="300">C</td></tr></tbody></table>',
+      )
+
+      const widthsOf = () =>
+        Array.from(editor!.view.dom.querySelectorAll<HTMLTableColElement>('colgroup > col')).map(
+          c => c.style.width,
+        )
+
+      expect(widthsOf()).toEqual(['100px', '200px', '300px'])
+
+      // place cursor in the first cell, then delete it
+      editor.commands.focus()
+      editor.commands.setTextSelection(3)
+      editor.commands.deleteColumn()
+
+      // remaining widths must be the original 200 and 300, not 100/200 (which would
+      // indicate widths got reassigned to the wrong columns after the deletion)
+      expect(widthsOf()).toEqual(['200px', '300px'])
+    })
+  })
+})
diff --git a/packages/extension-table/tests/integration/deleteSelection.test.ts b/packages/extension-table/tests/integration/deleteSelection.test.ts
new file mode 100644
index 0000000..ec24cf3
--- /dev/null
+++ b/packages/extension-table/tests/integration/deleteSelection.test.ts
@@ -0,0 +1,64 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import { TableKit } from '@tiptap/extension-table'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+const collectCellPositions = (editor: Editor): number[] => {
+  const positions: number[] = []
+  editor.state.doc.descendants((node, pos) => {
+    if (node.type.name === 'tableCell' || node.type.name === 'tableHeader') {
+      positions.push(pos)
+    }
+  })
+  return positions
+}
+
+const getCellContents = (editor: Editor): string[] => {
+  const contents: string[] = []
+  editor.state.doc.descendants(node => {
+    if (node.type.name === 'tableCell' || node.type.name === 'tableHeader') {
+      contents.push(node.textContent)
+    }
+  })
+  return contents
+}
+
+describe('deleteSelection with CellSelection', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, TableKit],
+      content:
+        '<table><tbody><tr><td>A1</td><td>B1</td><td>C1</td></tr><tr><td>A2</td><td>B2</td><td>C2</td></tr></tbody></table>',
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('clears every selected cell in a multi-cell CellSelection', () => {
+    const cells = collectCellPositions(editor)
+    // Row-major order: A1, B1, C1, A2, B2, C2
+    // Select the 2x2 block A1..B2, leaving C1 and C2 untouched.
+    editor.chain().focus().setCellSelection({ anchorCell: cells[0], headCell: cells[4] }).run()
+
+    const result = editor.commands.deleteSelection()
+
+    expect(result).toBe(true)
+
+    const contents = getCellContents(editor)
+    expect(contents[0]).toBe('') // A1
+    expect(contents[1]).toBe('') // B1
+    expect(contents[2]).toBe('C1')
+    expect(contents[3]).toBe('') // A2
+    expect(contents[4]).toBe('') // B2
+    expect(contents[5]).toBe('C2')
+  })
+})
diff --git a/packages/extension-table/tests/integration/tableCellEmptyContent.test.ts b/packages/extension-table/tests/integration/tableCellEmptyContent.test.ts
new file mode 100644
index 0000000..5970367
--- /dev/null
+++ b/packages/extension-table/tests/integration/tableCellEmptyContent.test.ts
@@ -0,0 +1,226 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import { Table, TableCell, TableHeader, TableRow } from '@tiptap/extension-table'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+/** Regression tests for empty `<td>`/`<th>` insertion — https://github.com/ueberdosis/tiptap/issues/6237 */
+describe('extension table empty cell/header parsing', () => {
+  const editorElClass = 'tiptap'
+  let editor: Editor | null = null
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+    return editorEl
+  }
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  const createTableEditor = () =>
+    new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        TableCell,
+        TableHeader,
+        TableRow,
+        Table.configure({
+          resizable: true,
+        }),
+      ],
+      content: '<p></p>',
+    })
+
+  afterEach(() => {
+    editor?.destroy()
+    editor = null
+    getEditorEl()?.remove()
+  })
+
+  it('inserts a table with an empty cell without throwing, backfilling an empty paragraph', () => {
+    editor = createTableEditor()
+
+    expect(() => {
+      editor?.commands.insertContentAt(0, '<table><tr><td></td></tr></table>')
+    }).not.toThrow()
+
+    const cellNode = editor.getJSON().content?.[0]?.content?.[0]?.content?.[0]
+
+    expect(cellNode?.type).toBe('tableCell')
+    expect(cellNode?.content).toEqual([{ type: 'paragraph' }])
+  })
+
+  it('inserts a table with an empty header cell without throwing, backfilling an empty paragraph', () => {
+    editor = createTableEditor()
+
+    expect(() => {
+      editor?.commands.insertContentAt(0, '<table><tr><th></th></tr></table>')
+    }).not.toThrow()
+
+    const headerNode = editor.getJSON().content?.[0]?.content?.[0]?.content?.[0]
+
+    expect(headerNode?.type).toBe('tableHeader')
+    expect(headerNode?.content).toEqual([{ type: 'paragraph' }])
+  })
+
+  it('inserts an empty cell via insertContent without throwing', () => {
+    editor = createTableEditor()
+
+    expect(() => {
+      editor?.commands.insertContent('<table><tr><td></td></tr></table>')
+    }).not.toThrow()
+
+    const cellNode = editor.getJSON().content?.[0]?.content?.[0]?.content?.[0]
+
+    expect(cellNode?.type).toBe('tableCell')
+    expect(cellNode?.content).toEqual([{ type: 'paragraph' }])
+  })
+
+  it('inserts an empty header cell via insertContent without throwing', () => {
+    editor = createTableEditor()
+
+    expect(() => {
+      editor?.commands.insertContent('<table><tr><th></th></tr></table>')
+    }).not.toThrow()
+
+    const headerNode = editor.getJSON().content?.[0]?.content?.[0]?.content?.[0]
+
+    expect(headerNode?.type).toBe('tableHeader')
+    expect(headerNode?.content).toEqual([{ type: 'paragraph' }])
+  })
+
+  it('backfills a whitespace-only cell when preserveWhitespace is false', () => {
+    editor = createTableEditor()
+
+    expect(() => {
+      editor?.commands.insertContentAt(0, '<table><tr><td>   </td></tr></table>', {
+        parseOptions: { preserveWhitespace: false },
+      })
+    }).not.toThrow()
+
+    const cellNode = editor.getJSON().content?.[0]?.content?.[0]?.content?.[0]
+
+    expect(cellNode?.content).toEqual([{ type: 'paragraph' }])
+  })
+
+  it.each([
+    ['default (no parseOptions)', undefined],
+    ['preserveWhitespace: true', { preserveWhitespace: true as const }],
+    ['preserveWhitespace: "full"', { preserveWhitespace: 'full' as const }],
+  ])('backfills a whitespace-only cell identically to setContent — %s', (_label, parseOptions) => {
+    const tableHTML = '<table><tr><td>   </td></tr></table>'
+
+    // setContent collapses a spaces-only cell too, so no whitespace is lost.
+    const setContentEditor = createTableEditor()
+    setContentEditor.commands.setContent(tableHTML)
+    const reference = setContentEditor.getJSON().content?.[0]?.content?.[0]?.content?.[0]?.content
+    setContentEditor.destroy()
+
+    editor = createTableEditor()
+    expect(() => {
+      editor?.commands.insertContentAt(0, tableHTML, parseOptions ? { parseOptions } : undefined)
+    }).not.toThrow()
+
+    const cellContent = editor.getJSON().content?.[0]?.content?.[0]?.content?.[0]?.content
+
+    expect(cellContent).toEqual(reference)
+    expect(cellContent).toEqual([{ type: 'paragraph' }])
+  })
+
+  it('produces the same empty cell as setContent does', () => {
+    const tableHTML = '<table><tr><td></td></tr></table>'
+
+    const setContentEditor = createTableEditor()
+    setContentEditor.commands.setContent(tableHTML)
+    const setContentCell =
+      setContentEditor.getJSON().content?.[0]?.content?.[0]?.content?.[0]?.content
+    setContentEditor.destroy()
+
+    editor = createTableEditor()
+    editor.commands.insertContentAt(0, tableHTML)
+    const insertContentCell = editor.getJSON().content?.[0]?.content?.[0]?.content?.[0]?.content
+
+    expect(insertContentCell).toEqual(setContentCell)
+    expect(insertContentCell).toEqual([{ type: 'paragraph' }])
+  })
+
+  it('preserves a non-breaking-space cell instead of treating it as empty', () => {
+    editor = createTableEditor()
+
+    // trim() would strip the NBSP; it must survive as text, not be backfilled.
+    editor.commands.insertContentAt(0, '<table><tr><td>&nbsp;</td></tr></table>')
+
+    const cellNode = editor.getJSON().content?.[0]?.content?.[0]?.content?.[0]
+
+    expect(cellNode?.type).toBe('tableCell')
+    expect(cellNode?.content).toEqual([
+      { type: 'paragraph', content: [{ type: 'text', text: ' ' }] },
+    ])
+  })
+
+  it('backfills using the schema block when no paragraph node exists', () => {
+    const el = createEditorEl()
+    // A valid schema whose only block is Heading (no Paragraph).
+    const headingOnlyEditor = new Editor({
+      element: el,
+      extensions: [Document, Text, Heading, TableCell, TableHeader, TableRow, Table],
+      content: '<h1>x</h1>',
+    })
+
+    expect(() => {
+      headingOnlyEditor.commands.insertContentAt(0, '<table><tr><td></td></tr></table>')
+    }).not.toThrow()
+
+    const cellNode = headingOnlyEditor.getJSON().content?.[0]?.content?.[0]?.content?.[0]
+
+    // Fill uses the schema's block (heading here), not a hard-coded paragraph.
+    expect(cellNode?.content?.[0]?.type).toBe('heading')
+
+    headingOnlyEditor.destroy()
+    el.remove()
+  })
+
+  it('keeps non-empty cell content intact (regression)', () => {
+    editor = createTableEditor()
+
+    editor.commands.insertContentAt(0, '<table><tr><td>hello</td></tr></table>')
+
+    const cellNode = editor.getJSON().content?.[0]?.content?.[0]?.content?.[0]
+
+    expect(cellNode?.content).toEqual([
+      { type: 'paragraph', content: [{ type: 'text', text: 'hello' }] },
+    ])
+  })
+
+  it('keeps non-empty header content intact (regression)', () => {
+    editor = createTableEditor()
+
+    editor.commands.insertContentAt(0, '<table><tr><th>hello</th></tr></table>')
+
+    const headerNode = editor.getJSON().content?.[0]?.content?.[0]?.content?.[0]
+
+    expect(headerNode?.content).toEqual([
+      { type: 'paragraph', content: [{ type: 'text', text: 'hello' }] },
+    ])
+  })
+
+  it('still parses colspan/colwidth on a multi-cell table (regression)', () => {
+    editor = createTableEditor()
+
+    editor.commands.insertContentAt(
+      0,
+      '<table><tr><td colwidth="200">Name</td><td colspan="2">Description</td></tr></table>',
+    )
+
+    const row = editor.getJSON().content?.[0]?.content?.[0]
+
+    expect(row?.content?.[0]?.attrs?.colwidth).toEqual([200])
+    expect(row?.content?.[1]?.attrs?.colspan).toBe(2)
+  })
+})
diff --git a/packages/extension-table/tests/integration/tableClipboard.test.ts b/packages/extension-table/tests/integration/tableClipboard.test.ts
new file mode 100644
index 0000000..661e66b
--- /dev/null
+++ b/packages/extension-table/tests/integration/tableClipboard.test.ts
@@ -0,0 +1,131 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import { TableKit } from '@tiptap/extension-table'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+const callClipboardTextSerializer = (editor: Editor): string => {
+  const serializer = editor.view.someProp('clipboardTextSerializer') as
+    | ((slice: ReturnType<typeof editor.state.selection.content>) => string)
+    | undefined
+
+  if (!serializer) {
+    throw new Error('clipboardTextSerializer prop not registered')
+  }
+
+  return serializer(editor.state.selection.content())
+}
+
+const collectCellPositions = (editor: Editor): number[] => {
+  const positions: number[] = []
+  editor.state.doc.descendants((node, pos) => {
+    if (node.type.name === 'tableCell' || node.type.name === 'tableHeader') {
+      positions.push(pos)
+    }
+  })
+  return positions
+}
+
+describe('Table plain-text clipboard serialization', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('only serializes selected cells when CellSelection spans non-adjacent rows', () => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, TableKit],
+      content: `
+        <table>
+          <tbody>
+            <tr><td>A1</td><td>B1</td></tr>
+            <tr><td>A2</td><td>B2</td></tr>
+            <tr><td>A3</td><td>B3</td></tr>
+          </tbody>
+        </table>
+      `,
+    })
+
+    // Document order: A1, B1, A2, B2, A3, B3
+    const cells = collectCellPositions(editor)
+
+    // Select column 0 across all three rows: A1 -> A3.
+    // ProseMirror's CellSelection turns this into a rectangular selection
+    // covering A1, A2, A3 only. The bug was that the plain-text serializer
+    // also pulled in B1 and B2 because they sit between A1 and A3 in doc order.
+    editor.chain().focus().setCellSelection({ anchorCell: cells[0], headCell: cells[4] }).run()
+
+    const result = callClipboardTextSerializer(editor)
+
+    expect(result).toContain('A1')
+    expect(result).toContain('A2')
+    expect(result).toContain('A3')
+    expect(result).not.toContain('B1')
+    expect(result).not.toContain('B2')
+    expect(result).not.toContain('B3')
+  })
+
+  it('emits cells in document order even when CellSelection is built bottom-up', () => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, TableKit],
+      content: `
+        <table>
+          <tbody>
+            <tr><td>A1</td><td>B1</td></tr>
+            <tr><td>A2</td><td>B2</td></tr>
+            <tr><td>A3</td><td>B3</td></tr>
+          </tbody>
+        </table>
+      `,
+    })
+
+    const cells = collectCellPositions(editor)
+
+    // Reverse selection: anchor on the bottom cell, head on the top cell.
+    // Simulates a user dragging upward. ranges may not be in doc order.
+    editor.chain().focus().setCellSelection({ anchorCell: cells[4], headCell: cells[0] }).run()
+
+    const result = callClipboardTextSerializer(editor)
+
+    expect(result.indexOf('A1')).toBeLessThan(result.indexOf('A2'))
+    expect(result.indexOf('A2')).toBeLessThan(result.indexOf('A3'))
+  })
+
+  it('serializes adjacent cells in a row without dropping content', () => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, TableKit],
+      content: `
+        <table>
+          <tbody>
+            <tr><td>A1</td><td>B1</td><td>C1</td></tr>
+            <tr><td>A2</td><td>B2</td><td>C2</td></tr>
+          </tbody>
+        </table>
+      `,
+    })
+
+    // Document order: A1, B1, C1, A2, B2, C2
+    const cells = collectCellPositions(editor)
+
+    // Select A1 and B1 (same row, adjacent).
+    editor.chain().focus().setCellSelection({ anchorCell: cells[0], headCell: cells[1] }).run()
+
+    const result = callClipboardTextSerializer(editor)
+
+    expect(result).toContain('A1')
+    expect(result).toContain('B1')
+    expect(result).not.toContain('C1')
+    expect(result).not.toContain('A2')
+  })
+})
diff --git a/packages/extension-table/tests/integration/tableCommands.test.ts b/packages/extension-table/tests/integration/tableCommands.test.ts
new file mode 100644
index 0000000..4748849
--- /dev/null
+++ b/packages/extension-table/tests/integration/tableCommands.test.ts
@@ -0,0 +1,306 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import { TableKit } from '@tiptap/extension-table'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+const countCells = (editor: Editor, selector: string) =>
+  editor.view.dom.querySelectorAll(selector).length
+
+const firstTableBounds = (editor: Editor) => {
+  let start = -1
+  let end = -1
+  editor.state.doc.descendants((node, pos) => {
+    if (node.type.name === 'table' && start === -1) {
+      start = pos
+      end = pos + node.nodeSize
+    }
+  })
+  return { start, end }
+}
+
+const selectFirstTwoHeaderCells = (editor: Editor) => {
+  const positions: number[] = []
+  editor.state.doc.descendants((node, pos) => {
+    if (node.type.name === 'tableHeader') {
+      positions.push(pos)
+    }
+  })
+  editor
+    .chain()
+    .focus()
+    .setCellSelection({ anchorCell: positions[0], headCell: positions[1] })
+    .run()
+}
+
+describe('Table commands', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, TableKit],
+      content: '',
+    })
+    editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('adds a table with three columns and three rows', () => {
+    expect(countCells(editor, 'table')).toBe(1)
+    expect(countCells(editor, 'table tr')).toBe(3)
+    expect(countCells(editor, 'table th')).toBe(3)
+    expect(countCells(editor, 'table td')).toBe(6)
+  })
+
+  it('adds & deletes columns', () => {
+    editor.commands.addColumnBefore()
+    expect(countCells(editor, 'table th')).toBe(4)
+
+    editor.commands.addColumnAfter()
+    expect(countCells(editor, 'table th')).toBe(5)
+
+    editor.commands.deleteColumn()
+    editor.commands.deleteColumn()
+    expect(countCells(editor, 'table th')).toBe(3)
+  })
+
+  it('adds & deletes rows', () => {
+    editor.commands.addRowBefore()
+    expect(countCells(editor, 'table tr')).toBe(4)
+
+    editor.commands.addRowAfter()
+    expect(countCells(editor, 'table tr')).toBe(5)
+
+    editor.commands.deleteRow()
+    editor.commands.deleteRow()
+    expect(countCells(editor, 'table tr')).toBe(3)
+  })
+
+  it('keeps the cursor inside the table when deleting the last row', () => {
+    editor.commands.insertContentAt(editor.state.doc.content.size, '<p>Text below table</p>')
+
+    let lastCellPos = 0
+    editor.state.doc.descendants((node, pos) => {
+      if (node.type.name === 'tableCell') {
+        lastCellPos = pos
+      }
+    })
+    editor
+      .chain()
+      .focus()
+      .setTextSelection(lastCellPos + 2)
+      .run()
+
+    editor.commands.deleteRow()
+
+    expect(countCells(editor, 'table tr')).toBe(2)
+    expect(editor.isActive('table')).toBe(true)
+  })
+
+  it('keeps the cursor inside the table when deleting the last column', () => {
+    editor.commands.insertContentAt(editor.state.doc.content.size, '<p>Text below table</p>')
+
+    let lastCellPos = 0
+    editor.state.doc.descendants((node, pos) => {
+      if (node.type.name === 'tableCell') {
+        lastCellPos = pos
+      }
+    })
+    editor
+      .chain()
+      .focus()
+      .setTextSelection(lastCellPos + 2)
+      .run()
+
+    editor.commands.deleteColumn()
+
+    expect(countCells(editor, 'table th')).toBe(2)
+    expect(editor.isActive('table')).toBe(true)
+  })
+
+  it('keeps the cursor in the edited table when deleting the last row with a table below', () => {
+    editor.commands.insertContentAt(
+      editor.state.doc.content.size,
+      '<table><tbody><tr><td><p>Following table</p></td></tr></tbody></table>',
+    )
+
+    const { end: firstTableEnd } = firstTableBounds(editor)
+    let lastCellPos = 0
+    editor.state.doc.descendants((node, pos) => {
+      if (node.type.name === 'tableCell' && pos < firstTableEnd) {
+        lastCellPos = pos
+      }
+    })
+    editor
+      .chain()
+      .focus()
+      .setTextSelection(lastCellPos + 2)
+      .run()
+
+    editor.commands.deleteRow()
+
+    const { start, end } = firstTableBounds(editor)
+    const cursor = editor.state.selection.from
+    expect(editor.isActive('table')).toBe(true)
+    expect(cursor).toBeGreaterThan(start)
+    expect(cursor).toBeLessThan(end)
+  })
+
+  it('keeps the cursor in the edited table when deleting the last column with a table below', () => {
+    editor.commands.insertContentAt(
+      editor.state.doc.content.size,
+      '<table><tbody><tr><td><p>Following table</p></td></tr></tbody></table>',
+    )
+
+    const { end: firstTableEnd } = firstTableBounds(editor)
+    let lastCellPos = 0
+    editor.state.doc.descendants((node, pos) => {
+      if (node.type.name === 'tableCell' && pos < firstTableEnd) {
+        lastCellPos = pos
+      }
+    })
+    editor
+      .chain()
+      .focus()
+      .setTextSelection(lastCellPos + 2)
+      .run()
+
+    editor.commands.deleteColumn()
+
+    const { start, end } = firstTableBounds(editor)
+    const cursor = editor.state.selection.from
+    expect(editor.isActive('table')).toBe(true)
+    expect(cursor).toBeGreaterThan(start)
+    expect(cursor).toBeLessThan(end)
+  })
+
+  it('deletes the table', () => {
+    editor.commands.deleteTable()
+    expect(countCells(editor, 'table')).toBe(0)
+  })
+
+  it('merges cells', () => {
+    selectFirstTwoHeaderCells(editor)
+    editor.commands.mergeCells()
+    expect(countCells(editor, 'table th')).toBe(2)
+  })
+
+  it('splits cells', () => {
+    selectFirstTwoHeaderCells(editor)
+    editor.commands.mergeCells()
+    expect(countCells(editor, 'table th')).toBe(2)
+
+    editor.commands.splitCell()
+    expect(countCells(editor, 'table th')).toBe(3)
+  })
+
+  it('toggles header columns', () => {
+    editor.commands.toggleHeaderColumn()
+    expect(countCells(editor, 'table th')).toBe(5)
+  })
+
+  it('toggles header row', () => {
+    editor.commands.toggleHeaderRow()
+    expect(countCells(editor, 'table th')).toBe(0)
+  })
+
+  it('merges and splits via mergeOrSplit', () => {
+    selectFirstTwoHeaderCells(editor)
+    editor.commands.mergeCells()
+    expect(editor.view.dom.querySelector('th[colspan="2"]')).not.toBeNull()
+
+    editor.commands.mergeOrSplit()
+    expect(editor.view.dom.querySelector('th[colspan="2"]')).toBeNull()
+  })
+
+  it('creates a 1x1 table', () => {
+    editor.commands.clearContent()
+    editor.commands.insertTable({ cols: 1, rows: 1, withHeaderRow: false })
+    expect(countCells(editor, 'td')).toBe(1)
+    expect(countCells(editor, 'tr')).toBe(1)
+  })
+
+  it('creates a 3x1 table', () => {
+    editor.commands.clearContent()
+    editor.commands.insertTable({ cols: 3, rows: 1, withHeaderRow: false })
+    expect(countCells(editor, 'td')).toBe(3)
+    expect(countCells(editor, 'tr')).toBe(1)
+  })
+
+  it('creates a 1x3 table', () => {
+    editor.commands.clearContent()
+    editor.commands.insertTable({ cols: 1, rows: 3, withHeaderRow: false })
+    expect(countCells(editor, 'td')).toBe(3)
+    expect(countCells(editor, 'tr')).toBe(3)
+  })
+
+  it('creates a 1x3 table with header row', () => {
+    editor.commands.clearContent()
+    editor.commands.insertTable({ cols: 1, rows: 3, withHeaderRow: true })
+    expect(countCells(editor, 'th')).toBe(1)
+    expect(countCells(editor, 'td')).toBe(2)
+    expect(countCells(editor, 'tr')).toBe(3)
+  })
+
+  it('creates a 3x3 table with defaults', () => {
+    editor.commands.clearContent()
+    editor.commands.insertTable()
+    expect(countCells(editor, 'th')).toBe(3)
+    expect(countCells(editor, 'td')).toBe(6)
+    expect(countCells(editor, 'tr')).toBe(3)
+  })
+
+  it('sets a minimum width on colgroups', () => {
+    editor.commands.clearContent()
+    editor.commands.insertTable({ cols: 3, rows: 1, withHeaderRow: false })
+    const firstCol = editor.view.dom.querySelector('col')
+    expect(firstCol?.getAttribute('style')).toBe('min-width: 25px;')
+  })
+
+  it('generates correct markup for a 1x1 table', () => {
+    editor.commands.clearContent()
+    editor.commands.insertTable({ cols: 1, rows: 1, withHeaderRow: false })
+    expect(editor.getHTML()).toBe(
+      '<table style="min-width: 25px;"><colgroup><col style="min-width: 25px;"></colgroup><tbody><tr><td colspan="1" rowspan="1"><p></p></td></tr></tbody></table>',
+    )
+  })
+
+  it('generates correct markup for a 1x1 table with header', () => {
+    editor.commands.clearContent()
+    editor.commands.insertTable({ cols: 1, rows: 1, withHeaderRow: true })
+    expect(editor.getHTML()).toBe(
+      '<table style="min-width: 25px;"><colgroup><col style="min-width: 25px;"></colgroup><tbody><tr><th colspan="1" rowspan="1"><p></p></th></tr></tbody></table>',
+    )
+  })
+
+  it('moves focus between cells with goToNextCell / goToPreviousCell', () => {
+    let firstHeaderPos = -1
+    editor.state.doc.descendants((node, pos) => {
+      if (node.type.name === 'tableHeader' && firstHeaderPos === -1) {
+        firstHeaderPos = pos
+      }
+    })
+
+    editor
+      .chain()
+      .focus()
+      .setTextSelection(firstHeaderPos + 1)
+      .insertContent('Column 1')
+      .run()
+
+    editor.commands.goToNextCell()
+    editor.commands.insertContent('Column 2')
+    editor.commands.goToPreviousCell()
+
+    const ths = editor.view.dom.querySelectorAll('table th')
+    expect(ths[0].textContent).toContain('Column 1')
+    expect(ths[1].textContent).toContain('Column 2')
+  })
+})
diff --git a/packages/extension-table/tests/integration/tableMarkdown.test.ts b/packages/extension-table/tests/integration/tableMarkdown.test.ts
new file mode 100644
index 0000000..2d1f9cf
--- /dev/null
+++ b/packages/extension-table/tests/integration/tableMarkdown.test.ts
@@ -0,0 +1,275 @@
+import { Code } from '@tiptap/extension-code'
+import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
+import Paragraph from '@tiptap/extension-paragraph'
+import { TableKit } from '@tiptap/extension-table'
+import Text from '@tiptap/extension-text'
+import { MarkdownManager } from '@tiptap/markdown'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('table markdown — inline code with pipe characters', () => {
+  const manager = new MarkdownManager({
+    extensions: [Document, Paragraph, Text, Code, TableKit],
+  })
+
+  it('should parse `||` inside a code span as a single cell', () => {
+    const markdown = '| Header |\n| ------ |\n| `||` |'
+    const parsed = manager.parse(markdown)
+    const bodyRow = parsed.content?.[0]?.content?.[1]?.content || []
+    expect(bodyRow).toHaveLength(1)
+    const textNode = bodyRow[0]?.content?.[0]?.content?.[0]
+    expect(textNode?.text).toBe('||')
+    expect(textNode?.marks?.[0]?.type).toBe('code')
+  })
+
+  it('should parse `a || b` inside a code span as a single cell', () => {
+    const markdown = '| H | H | H |\n| - | - | - |\n| `||` | or | `a || b` |'
+    const parsed = manager.parse(markdown)
+    const table = parsed.content?.[0]
+    expect(table?.type).toBe('table')
+    const bodyRow = table?.content?.[1]?.content || []
+    expect(bodyRow).toHaveLength(3)
+
+    const cell1 = bodyRow[0]?.content?.[0]?.content?.[0]
+    expect(cell1?.text).toBe('||')
+    expect(cell1?.marks?.[0]?.type).toBe('code')
+
+    const cell2 = bodyRow[1]?.content?.[0]?.content?.[0]
+    expect(cell2?.text).toBe('or')
+    expect(cell2?.marks).toBeUndefined()
+
+    const cell3 = bodyRow[2]?.content?.[0]?.content?.[0]
+    expect(cell3?.text).toBe('a || b')
+    expect(cell3?.marks?.[0]?.type).toBe('code')
+  })
+
+  it('should parse `&&` inside a code span correctly (regression guard)', () => {
+    const markdown = '| H | H | H |\n| - | - | - |\n| `&&` | and | `a && b` |'
+    const parsed = manager.parse(markdown)
+    const bodyRow = parsed.content?.[0]?.content?.[1]?.content || []
+    expect(bodyRow).toHaveLength(3)
+    const cell1 = bodyRow[0]?.content?.[0]?.content?.[0]
+    expect(cell1?.text).toBe('&&')
+    expect(cell1?.marks?.[0]?.type).toBe('code')
+    const cell3 = bodyRow[2]?.content?.[0]?.content?.[0]
+    expect(cell3?.text).toBe('a && b')
+    expect(cell3?.marks?.[0]?.type).toBe('code')
+  })
+
+  it('should roundtrip table with inline code containing pipes', () => {
+    const markdown = '| H |\n| - |\n| `a || b` |'
+    const parsed = manager.parse(markdown)
+    const serialized = manager.serialize(parsed)
+    const reparsed = manager.parse(serialized)
+    const cell = reparsed.content?.[0]?.content?.[1]?.content?.[0]?.content?.[0]?.content?.[0]
+    expect(cell?.text).toBe('a || b')
+    expect(cell?.marks?.[0]?.type).toBe('code')
+  })
+
+  it('should not affect table cells without backtick spans', () => {
+    const markdown = '| a | b |\n| - | - |\n| 1 | 2 |'
+    const parsed = manager.parse(markdown)
+    const bodyRow = parsed.content?.[0]?.content?.[1]?.content || []
+    expect(bodyRow).toHaveLength(2)
+    expect(bodyRow[0]?.content?.[0]?.content?.[0]?.text).toBe('1')
+    expect(bodyRow[1]?.content?.[0]?.content?.[0]?.text).toBe('2')
+  })
+
+  it('should not corrupt content that follows a table with inline code containing pipes', () => {
+    const markdown = '| H |\n| - |\n| `a || b` |\n\nParagraph after.'
+    const parsed = manager.parse(markdown)
+    expect(parsed.content).toHaveLength(2)
+    expect(parsed.content?.[0]?.type).toBe('table')
+    expect(parsed.content?.[1]?.type).toBe('paragraph')
+    expect(parsed.content?.[1]?.content?.[0]?.text).toBe('Paragraph after.')
+  })
+
+  it('should not affect inline code with pipes outside of tables', () => {
+    const markdown = 'Use `a || b` for logical or.'
+    const parsed = manager.parse(markdown)
+    // Must parse as a paragraph, not accidentally as a table
+    const block = parsed.content?.[0]
+    expect(block?.type).toBe('paragraph')
+    // The code mark must be present on one of the inline nodes
+    const codeNode = block?.content?.find(n => n.marks?.some(m => m.type === 'code'))
+    expect(codeNode).toBeDefined()
+    expect(codeNode?.marks?.[0]?.type).toBe('code')
+  })
+
+  it('should treat a setext heading with pipe in title as a heading, not a table', () => {
+    // '`a | b`\n---' is a setext h2, not a table. Our tokenizer must not
+    // activate on it and must not contaminate the inline queue via
+    // helper.blockTokens (which would turn '|' into '\|' in the output).
+    const markdown = '`a | b`\n---'
+    const parsed = manager.parse(markdown)
+    const block = parsed.content?.[0]
+    expect(block?.type).toBe('heading')
+    // The pipe must be preserved verbatim inside the code span.
+    const codeNode = block?.content?.find((n: any) => n.marks?.some((m: any) => m.type === 'code'))
+    expect(codeNode?.text).toBe('a | b')
+  })
+
+  it('should parse `||` inside a code span in a pipeless table as a single cell', () => {
+    const markdown = 'Expression | Meaning\n---------- | -------\n`||` | or'
+    const parsed = manager.parse(markdown)
+    const table = parsed.content?.[0]
+    expect(table?.type).toBe('table')
+    const bodyRow = table?.content?.[1]?.content || []
+    expect(bodyRow).toHaveLength(2)
+    const cell1 = bodyRow[0]?.content?.[0]?.content?.[0]
+    expect(cell1?.text).toBe('||')
+    expect(cell1?.marks?.[0]?.type).toBe('code')
+    const cell2 = bodyRow[1]?.content?.[0]?.content?.[0]
+    expect(cell2?.text).toBe('or')
+  })
+
+  it('should not corrupt content that follows a pipeless table with inline code containing pipes', () => {
+    const markdown = 'H1 | H2\n-- | --\n`a || b` | x\n\nParagraph after.'
+    const parsed = manager.parse(markdown)
+    expect(parsed.content).toHaveLength(2)
+    expect(parsed.content?.[0]?.type).toBe('table')
+    expect(parsed.content?.[1]?.type).toBe('paragraph')
+    expect(parsed.content?.[1]?.content?.[0]?.text).toBe('Paragraph after.')
+  })
+
+  it('should include a no-pipe body row as a table row, matching marked native behavior', () => {
+    // marked treats any non-blank line before the blank line as a table body row,
+    // even if it contains no pipe. Our tokenizer must not cut it off into a paragraph.
+    const markdown = 'A | B\n--- | ---\n`a || b` | c\njust some text\n\nAfter'
+    const parsed = manager.parse(markdown)
+    const table = parsed.content?.[0]
+    expect(table?.type).toBe('table')
+    // 2 body rows: "`a || b` | c" and "just some text"
+    expect(table?.content).toHaveLength(3) // header row + 2 body rows
+    expect(parsed.content?.[1]?.type).toBe('paragraph')
+    expect(parsed.content?.[1]?.content?.[0]?.text).toBe('After')
+  })
+})
+
+describe('table markdown alignment', () => {
+  const markdownManager = new MarkdownManager({
+    extensions: [Document, Paragraph, Text, TableKit],
+  })
+
+  it('should parse and serialize left/right/center table alignment', () => {
+    const markdown = `| left | right | center |
+| :---- | ----: | :-----: |
+| a | b | c |`
+
+    const parsed = markdownManager.parse(markdown)
+    const table = parsed.content?.[0]
+
+    expect(table?.type).toBe('table')
+
+    const headerCells = table?.content?.[0]?.content || []
+
+    expect(headerCells[0]?.attrs?.align).toBe('left')
+    expect(headerCells[1]?.attrs?.align).toBe('right')
+    expect(headerCells[2]?.attrs?.align).toBe('center')
+
+    const serialized = markdownManager.serialize(parsed)
+
+    expect(serialized).toContain('| left | right | center |')
+    expect(serialized).toMatch(/\|\s*:[-]+\s*\|\s*[-]+:\s*\|\s*:[-]+:\s*\|/)
+  })
+})
+
+describe('table markdown line breaks', () => {
+  const markdownManager = new MarkdownManager({
+    extensions: [Document, Paragraph, Text, HardBreak, TableKit],
+  })
+
+  const cell = (content: Record<string, unknown>[]) => ({
+    type: 'tableCell',
+    content,
+  })
+
+  const tableDoc = (cells: ReturnType<typeof cell>[]) => ({
+    type: 'doc',
+    content: [
+      {
+        type: 'table',
+        content: [{ type: 'tableRow', content: cells }],
+      },
+    ],
+  })
+
+  it('keeps hard breaks in cells as <br>', () => {
+    const doc = tableDoc([
+      cell([
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: 'foo' },
+            { type: 'hardBreak' },
+            { type: 'text', text: 'bar' },
+          ],
+        },
+      ]),
+    ])
+
+    const serialized = markdownManager.serialize(doc)
+
+    expect(serialized).toContain('foo<br>bar')
+  })
+
+  it('keeps consecutive hard breaks as separate <br> tags', () => {
+    const doc = tableDoc([
+      cell([
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: 'foo' },
+            { type: 'hardBreak' },
+            { type: 'hardBreak' },
+            { type: 'text', text: 'bar' },
+          ],
+        },
+      ]),
+    ])
+
+    const serialized = markdownManager.serialize(doc)
+
+    expect(serialized).toContain('foo<br><br>bar')
+  })
+
+  it('round trips <br> inside cells', () => {
+    const markdown = `| desc |
+| --- |
+| foo<br>bar |`
+
+    const parsed = markdownManager.parse(markdown)
+    const parsedText = JSON.stringify(parsed)
+
+    expect(parsedText).toContain('"hardBreak"')
+
+    const serialized = markdownManager.serialize(parsed)
+
+    expect(serialized).toContain('foo<br>bar')
+  })
+
+  it('joins multiple paragraphs in a cell with <br>', () => {
+    const doc = tableDoc([
+      cell([
+        { type: 'paragraph', content: [{ type: 'text', text: 'one' }] },
+        { type: 'paragraph', content: [{ type: 'text', text: 'two' }] },
+      ]),
+    ])
+
+    const serialized = markdownManager.serialize(doc)
+
+    expect(serialized).toContain('one<br>two')
+    expect(serialized).not.toContain('\u001F')
+  })
+
+  it('leaves cells without breaks alone', () => {
+    const doc = tableDoc([
+      cell([{ type: 'paragraph', content: [{ type: 'text', text: 'plain' }] }]),
+    ])
+
+    const serialized = markdownManager.serialize(doc)
+
+    expect(serialized).toContain('| plain |')
+    expect(serialized).not.toContain('<br>')
+  })
+})
diff --git a/packages/extension-table/vite.config.ts b/packages/extension-table/vite.config.ts
new file mode 100644
index 0000000..7e7b5f7
--- /dev/null
+++ b/packages/extension-table/vite.config.ts
@@ -0,0 +1,25 @@
+import { defineConfig } from 'vite-plus'
+import { tsupCompatibleExtensions } from '../../pack.config.mjs'
+
+const entries = [
+  'src/table/index.ts',
+  'src/cell/index.ts',
+  'src/header/index.ts',
+  'src/kit/index.ts',
+  'src/row/index.ts',
+  'src/index.ts',
+]
+
+export default defineConfig({
+  pack: entries.map(entry => ({
+    entry: [entry],
+    tsconfig: '../../tsconfig.build.json',
+    outDir: `dist${entry.replace('src', '').split('/').slice(0, -1).join('/')}`,
+    dts: { sourcemap: true },
+    sourcemap: true,
+    target: 'es2019',
+    format: ['esm', 'cjs'],
+    deps: { neverBundle: [/^[^./]/] },
+    outExtensions: tsupCompatibleExtensions,
+  })),
+})
diff --git a/packages/extension-text-align/CHANGELOG.md b/packages/extension-text-align/CHANGELOG.md
new file mode 100644
index 0000000..8c72215
--- /dev/null
+++ b/packages/extension-text-align/CHANGELOG.md
@@ -0,0 +1,1695 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- fd479bd: Fix `setTextAlign` and `unsetTextAlign` commands to work correctly with `.can()` checks. Changed logic from `.every()` to `.some()` to return `true` when at least one configured node type matches, rather than requiring all types to match.
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- 55c78d6: Added new `toggleTextAlign` command to TextAlign extension to make toggling text alignments easier to handle
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- 55c78d6: Added new `toggleTextAlign` command to TextAlign extension to make toggling text alignments easier to handle
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+### Patch Changes
+
+- ce91452: Fixed an issue that caused defaultAlignment options not being added as text-styles to elements. defaultAlignment is now nullable to **disable the enforced text-align styles**.
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+### Patch Changes
+
+- ab7a2ae: Added new `toggleTextAlign` command to TextAlign extension to make toggling text alignments easier to handle
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+### Patch Changes
+
+- 49402f6: Modify the documentation of the default value of defaultAlignment so that it matches the code
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.29...@tiptap/extension-text-align@2.0.0-beta.31) (2022-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.28...@tiptap/extension-text-align@2.0.0-beta.29) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.27...@tiptap/extension-text-align@2.0.0-beta.28) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.26...@tiptap/extension-text-align@2.0.0-beta.27) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.25...@tiptap/extension-text-align@2.0.0-beta.26) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.24...@tiptap/extension-text-align@2.0.0-beta.25) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.23...@tiptap/extension-text-align@2.0.0-beta.24) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.22...@tiptap/extension-text-align@2.0.0-beta.23) (2021-09-08)
+
+### Features
+
+- parseHTML for attributes should return the value instead of an object now, fix [#1863](https://github.com/ueberdosis/tiptap/issues/1863) ([8a3b47a](https://github.com/ueberdosis/tiptap/commit/8a3b47a529d28b28b50d634c6ff69b8e5aad3080))
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.21...@tiptap/extension-text-align@2.0.0-beta.22) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.20...@tiptap/extension-text-align@2.0.0-beta.21) (2021-07-26)
+
+### Bug Fixes
+
+- export text align extension options ([1b43de3](https://github.com/ueberdosis/tiptap/commit/1b43de331d40a0ab179eff38a5c94952adb5b056))
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.19...@tiptap/extension-text-align@2.0.0-beta.20) (2021-06-18)
+
+### Bug Fixes
+
+- remove default types for textAlign extension, fix [#1430](https://github.com/ueberdosis/tiptap/issues/1430) ([b4e41af](https://github.com/ueberdosis/tiptap/commit/b4e41afd1798e7eba4ccb0804be1ed2473c1f4d2))
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.18...@tiptap/extension-text-align@2.0.0-beta.19) (2021-06-17)
+
+### Bug Fixes
+
+- fix a bug where setting text align isn’t working when heading extension is not added ([ddb9a4b](https://github.com/ueberdosis/tiptap/commit/ddb9a4bf186b766477f21102dae6eb1299ea425a))
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.17...@tiptap/extension-text-align@2.0.0-beta.18) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.16...@tiptap/extension-text-align@2.0.0-beta.17) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.15...@tiptap/extension-text-align@2.0.0-beta.16) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.14...@tiptap/extension-text-align@2.0.0-beta.15) (2021-05-11)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.13...@tiptap/extension-text-align@2.0.0-beta.14) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.12...@tiptap/extension-text-align@2.0.0-beta.13) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.11...@tiptap/extension-text-align@2.0.0-beta.12) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.10...@tiptap/extension-text-align@2.0.0-beta.11) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.9...@tiptap/extension-text-align@2.0.0-beta.10) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.8...@tiptap/extension-text-align@2.0.0-beta.9) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.7...@tiptap/extension-text-align@2.0.0-beta.8) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.6...@tiptap/extension-text-align@2.0.0-beta.7) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.5...@tiptap/extension-text-align@2.0.0-beta.6) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.4...@tiptap/extension-text-align@2.0.0-beta.5) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.3...@tiptap/extension-text-align@2.0.0-beta.4) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.2...@tiptap/extension-text-align@2.0.0-beta.3) (2021-04-07)
+
+### Features
+
+- add resetAttributes() command, deprecate resetNodeAttributes() ([3334d93](https://github.com/ueberdosis/tiptap/commit/3334d930f30bd4acb5c314b4ec1934b6a1e0b712))
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-beta.1...@tiptap/extension-text-align@2.0.0-beta.2) (2021-04-07)
+
+### Features
+
+- add updateAttributes() command, deprecate updateNodeAttributes(), fix [#254](https://github.com/ueberdosis/tiptap/issues/254) ([aac32b4](https://github.com/ueberdosis/tiptap/commit/aac32b4df6a1dfd93500e09d3433fcd8acad5fbe))
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-alpha.12...@tiptap/extension-text-align@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-alpha.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-alpha.11...@tiptap/extension-text-align@2.0.0-alpha.12) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-alpha.10...@tiptap/extension-text-align@2.0.0-alpha.11) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-alpha.9...@tiptap/extension-text-align@2.0.0-alpha.10) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-alpha.8...@tiptap/extension-text-align@2.0.0-alpha.9) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-alpha.7...@tiptap/extension-text-align@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-alpha.6...@tiptap/extension-text-align@2.0.0-alpha.7) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-alpha.5...@tiptap/extension-text-align@2.0.0-alpha.6) (2021-01-06)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-alpha.4...@tiptap/extension-text-align@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-alpha.3...@tiptap/extension-text-align@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-alpha.2...@tiptap/extension-text-align@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@2.0.0-alpha.1...@tiptap/extension-text-align@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@1.0.0-alpha.2...@tiptap/extension-text-align@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-align@1.0.0-alpha.1...@tiptap/extension-text-align@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-align
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-text-align/README.md b/packages/extension-text-align/README.md
new file mode 100644
index 0000000..baf7dab
--- /dev/null
+++ b/packages/extension-text-align/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-text-align
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-text-align.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-text-align)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-text-align.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-text-align.svg)](https://www.npmjs.com/package/@tiptap/extension-text-align)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-text-align/package.json b/packages/extension-text-align/package.json
new file mode 100644
index 0000000..93708ef
--- /dev/null
+++ b/packages/extension-text-align/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-text-align",
+  "version": "3.30.3",
+  "description": "text align extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-text-align"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-text-align/src/index.ts b/packages/extension-text-align/src/index.ts
new file mode 100644
index 0000000..448ac77
--- /dev/null
+++ b/packages/extension-text-align/src/index.ts
@@ -0,0 +1,5 @@
+import { TextAlign } from './text-align.js'
+
+export * from './text-align.js'
+
+export default TextAlign
diff --git a/packages/extension-text-align/src/text-align.ts b/packages/extension-text-align/src/text-align.ts
new file mode 100644
index 0000000..eaea875
--- /dev/null
+++ b/packages/extension-text-align/src/text-align.ts
@@ -0,0 +1,137 @@
+import { Extension } from '@tiptap/core'
+
+export interface TextAlignOptions {
+  /**
+   * The types where the text align attribute can be applied.
+   * @default []
+   * @example ['heading', 'paragraph']
+   */
+  types: string[]
+
+  /**
+   * The alignments which are allowed.
+   * @default ['left', 'center', 'right', 'justify']
+   * @example ['left', 'right']
+   */
+  alignments: string[]
+
+  /**
+   * The default alignment.
+   * @default null
+   * @example 'center'
+   */
+  defaultAlignment: string | null
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    textAlign: {
+      /**
+       * Set the text align attribute
+       * @param alignment The alignment
+       * @example editor.commands.setTextAlign('left')
+       */
+      setTextAlign: (alignment: string) => ReturnType
+      /**
+       * Unset the text align attribute
+       * @example editor.commands.unsetTextAlign()
+       */
+      unsetTextAlign: () => ReturnType
+      /**
+       * Toggle the text align attribute
+       * @param alignment The alignment
+       * @example editor.commands.toggleTextAlign('right')
+       */
+      toggleTextAlign: (alignment: string) => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension allows you to align text.
+ * @see https://www.tiptap.dev/api/extensions/text-align
+ */
+export const TextAlign = Extension.create<TextAlignOptions>({
+  name: 'textAlign',
+
+  addOptions() {
+    return {
+      types: [],
+      alignments: ['left', 'center', 'right', 'justify'],
+      defaultAlignment: null,
+    }
+  },
+
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          textAlign: {
+            default: this.options.defaultAlignment,
+            parseHTML: element => {
+              const alignment = element.style.textAlign
+
+              return this.options.alignments.includes(alignment)
+                ? alignment
+                : this.options.defaultAlignment
+            },
+            renderHTML: attributes => {
+              if (!attributes.textAlign) {
+                return {}
+              }
+
+              return { style: `text-align: ${attributes.textAlign}` }
+            },
+          },
+        },
+      },
+    ]
+  },
+
+  addCommands() {
+    return {
+      setTextAlign:
+        (alignment: string) =>
+        ({ commands }) => {
+          if (!this.options.alignments.includes(alignment)) {
+            return false
+          }
+
+          return this.options.types
+            .map(type => commands.updateAttributes(type, { textAlign: alignment }))
+            .some(response => response)
+        },
+
+      unsetTextAlign:
+        () =>
+        ({ commands }) => {
+          return this.options.types
+            .map(type => commands.resetAttributes(type, 'textAlign'))
+            .some(response => response)
+        },
+
+      toggleTextAlign:
+        alignment =>
+        ({ editor, commands }) => {
+          if (!this.options.alignments.includes(alignment)) {
+            return false
+          }
+
+          if (editor.isActive({ textAlign: alignment })) {
+            return commands.unsetTextAlign()
+          }
+          return commands.setTextAlign(alignment)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-Shift-l': () => this.editor.commands.setTextAlign('left'),
+      'Mod-Shift-e': () => this.editor.commands.setTextAlign('center'),
+      'Mod-Shift-r': () => this.editor.commands.setTextAlign('right'),
+      'Mod-Shift-j': () => this.editor.commands.setTextAlign('justify'),
+    }
+  },
+})
diff --git a/packages/extension-text-align/vite.config.ts b/packages/extension-text-align/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-text-align/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-text-style/CHANGELOG.md b/packages/extension-text-style/CHANGELOG.md
new file mode 100644
index 0000000..333779b
--- /dev/null
+++ b/packages/extension-text-style/CHANGELOG.md
@@ -0,0 +1,1932 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- 4ae6ea0: Unsetting one text style inside a blockquote no longer removes the other text styles in it.
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- f98eaaf: Fix `&quot;` HTML entity encoding in `getHTML()` output for inline style attributes. Adds a `getStyleProperty` utility to `@tiptap/core` and migrates `Color`, `BackgroundColor`, `FontFamily`, `FontSize`, `LineHeight`, and `Highlight` extensions to use it (#7016)
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- 04a0f34: Merge nested span styles only for immediate child spans and guard style values.
+
+  - Replace non-standard/fragile selector approach and avoid re-processing nested `<span>` elements.
+  - Read parent style once, merge with child style only when present, and remove empty `style` attributes.
+  - Improves parsing performance and robustness in browsers, Node/JSDOM and tests.
+
+  This change fixes a bug that could cause exponential work when parsing deeply
+  nested `<span>` elements - in extreme cases that could make the tab unresponsive
+  or crash the renderer. It is a bugfix / performance improvement with no public API
+  changes.
+
+  - @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- 46fa8b8: Prefer the raw inline `style` attribute when parsing `color` and
+  `background-color` so the original format (hex, rgba/hsla, etc.) is
+  preserved instead of falling back to the computed `element.style.*`
+  value (which often resolves to `rgb(...)`).
+
+  This fixes mismatches where consumers (for example, demo toolbars and
+  color pickers) expected the original hex values when initializing the
+  editor from HTML.
+
+  - The `color` and `background-color` parsers now look for a `style`
+    attribute first and extract the declared value. If no raw style is
+    present, they still fall back to `element.style.color` /
+    `element.style.backgroundColor`.
+
+  MIGRATION NOTES
+
+  - This is a patch-level change. It corrects parsing behavior and is the
+    least-disruptive fix for the issue.
+  - If your code relied on the parser returning computed `rgb(...)`
+    strings, you may see different string values (for example `#958DF1`
+    instead of `rgb(149, 141, 241)`) when HTML contained hex values.
+  - If you need a stable, normalized format for comparisons, normalize the
+    attribute (for example with a color utility like `tinycolor2`) before
+    comparing or use the editor APIs in a way that doesn't depend on the
+    exact string representation.
+  - @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Minor Changes
+
+- f77cbac: This updates the default value of the option `mergeNestedSpanStyles` to `true`, this will attempt to merge the styles of nested spans into the child span during HTML parsing. This prioritizes the style of the child span. This is used when parsing content created in other editors. (Fix for ProseMirror's default behavior.)
+- 0b4981c: Add `toggleTextStyle` command and add typings for the commands parameters based on the installed extensions that include `textStyle`
+- 3b4e06c: This adds several extensions to the `text-style` package, which can be used to style text in the editor.
+
+  ## TextStyleKit
+
+  This extension adds a group of text style extensions to the editor, and is the recommended way of using the text style extensions. For easy configuration, you can pass an object with the following keys:
+
+  `backgroundColor`, `color`, `fontFamily`, `fontSize`, `lineHeight`, `textStyle`
+
+  Usage:
+
+  ```ts
+  import { TextStyleKit } from "@tiptap/extension-text-style";
+
+  new Editor({
+    extensions: [
+      TextStyleKit.configure({
+        backgroundColor: {
+          types: ["textStyle"],
+        },
+        color: {
+          types: ["textStyle"],
+        },
+        fontFamily: {
+          types: ["textStyle"],
+        },
+        fontSize: {
+          types: ["textStyle"],
+        },
+        lineHeight: {
+          types: ["textStyle"],
+        },
+        textStyle: {
+          types: ["textStyle"],
+        },
+      }),
+    ],
+  });
+  ```
+
+  ## Want to use the extensions separately?
+
+  For more control, you can also use the extensions separately.
+
+  ### BackgroundColor
+
+  This extension controls the background-color of a range of text in the editor.
+
+  Usage:
+
+  ```ts
+  import { BackgroundColor } from "@tiptap/extension-text-style";
+  ```
+
+  ### Color
+
+  This extension controls the color of a range of text in the editor.
+
+  Migrate from `@tiptap/extension-color` to `@tiptap/extension-text-style`:
+
+  ```diff
+  - import Color from '@tiptap/extension-color'
+  + import { Color } from '@tiptap/extension-text-style'
+  ```
+
+  Usage:
+
+  ```ts
+  import { Color } from "@tiptap/extension-text-style";
+  ```
+
+  ### FontFamily
+
+  This extension controls the font-family of a range of text in the editor.
+
+  Migration from `@tiptap/extension-font-family` to `@tiptap/extension-text-style`:
+
+  ```diff
+  - import FontFamily from '@tiptap/extension-font-family'
+  + import { FontFamily } from '@tiptap/extension-text-style'
+  ```
+
+  Usage:
+
+  ```ts
+  import { FontFamily } from "@tiptap/extension-text-style";
+  ```
+
+  ### FontSize
+
+  This extension controls the font-size of a range of text in the editor.
+
+  ```ts
+  import { FontSize } from "@tiptap/extension-text-style";
+  ```
+
+  ### LineHeight
+
+  This extension controls the line-height of a range of text in the editor.
+
+  ```ts
+  import { LineHeight } from "@tiptap/extension-text-style";
+  ```
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 0bad53e: The text-style extension, now will match elements with a style tag, but not consume them to allow other elements to match [per this comment](https://github.com/ueberdosis/tiptap/discussions/5912#discussioncomment-11716337).
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Minor Changes
+
+- f77cbac: This updates the default value of the option `mergeNestedSpanStyles` to `true`, this will attempt to merge the styles of nested spans into the child span during HTML parsing. This prioritizes the style of the child span. This is used when parsing content created in other editors. (Fix for ProseMirror's default behavior.)
+- 0b4981c: Add `toggleTextStyle` command and add typings for the commands parameters based on the installed extensions that include `textStyle`
+- 3b4e06c: This adds several extensions to the `text-style` package, which can be used to style text in the editor.
+
+  ## TextStyleKit
+
+  This extension adds a group of text style extensions to the editor, and is the recommended way of using the text style extensions. For easy configuration, you can pass an object with the following keys:
+
+  `backgroundColor`, `color`, `fontFamily`, `fontSize`, `lineHeight`, `textStyle`
+
+  Usage:
+
+  ```ts
+  import { TextStyleKit } from "@tiptap/extension-text-style";
+
+  new Editor({
+    extensions: [
+      TextStyleKit.configure({
+        backgroundColor: {
+          types: ["textStyle"],
+        },
+        color: {
+          types: ["textStyle"],
+        },
+        fontFamily: {
+          types: ["textStyle"],
+        },
+        fontSize: {
+          types: ["textStyle"],
+        },
+        lineHeight: {
+          types: ["textStyle"],
+        },
+        textStyle: {
+          types: ["textStyle"],
+        },
+      }),
+    ],
+  });
+  ```
+
+  ## Want to use the extensions separately?
+
+  For more control, you can also use the extensions separately.
+
+  ### BackgroundColor
+
+  This extension controls the background-color of a range of text in the editor.
+
+  Usage:
+
+  ```ts
+  import { BackgroundColor } from "@tiptap/extension-text-style";
+  ```
+
+  ### Color
+
+  This extension controls the color of a range of text in the editor.
+
+  Migrate from `@tiptap/extension-color` to `@tiptap/extension-text-style`:
+
+  ```diff
+  - import Color from '@tiptap/extension-color'
+  + import { Color } from '@tiptap/extension-text-style'
+  ```
+
+  Usage:
+
+  ```ts
+  import { Color } from "@tiptap/extension-text-style";
+  ```
+
+  ### FontFamily
+
+  This extension controls the font-family of a range of text in the editor.
+
+  Migration from `@tiptap/extension-font-family` to `@tiptap/extension-text-style`:
+
+  ```diff
+  - import FontFamily from '@tiptap/extension-font-family'
+  + import { FontFamily } from '@tiptap/extension-text-style'
+  ```
+
+  Usage:
+
+  ```ts
+  import { FontFamily } from "@tiptap/extension-text-style";
+  ```
+
+  ### FontSize
+
+  This extension controls the font-size of a range of text in the editor.
+
+  ```ts
+  import { FontSize } from "@tiptap/extension-text-style";
+  ```
+
+  ### LineHeight
+
+  This extension controls the line-height of a range of text in the editor.
+
+  ```ts
+  import { LineHeight } from "@tiptap/extension-text-style";
+  ```
+
+### Patch Changes
+
+- 0bad53e: The text-style extension, now will match elements with a style tag, but not consume them to allow other elements to match [per this comment](https://github.com/ueberdosis/tiptap/discussions/5912#discussioncomment-11716337).
+
+## 3.0.0-next.5
+
+### Minor Changes
+
+- f77cbac: This updates the default value of the option `mergeNestedSpanStyles` to `true`, this will attempt to merge the styles of nested spans into the child span during HTML parsing. This prioritizes the style of the child span. This is used when parsing content created in other editors. (Fix for ProseMirror's default behavior.)
+
+## 3.0.0-next.4
+
+### Minor Changes
+
+- 0b4981c: Add `toggleTextStyle` command and add typings for the commands parameters based on the installed extensions that include `textStyle`
+- 3b4e06c: This adds the `font-size` to `text-style` package, which can set the font size of `textStyle`s
+- 0b4981c: This adds the `background-color` to `text-style` package, which can color the background of `textStyle`s
+- 0b4981c: This adds the `line-height` to `text-style` package, which controls the line-height of text like `font-size`, `font-family`, etc.
+
+### Patch Changes
+
+- 0bad53e: The text-style extension, now will match elements with a style tag, but not consume them to allow other elements to match [per this comment](https://github.com/ueberdosis/tiptap/discussions/5912#discussioncomment-11716337).
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.11.2
+
+## 2.11.1
+
+## 2.11.0
+
+### Minor Changes
+
+- a0d2f28: Added `mergeNestedSpanStyles` option to the `TextStyle` extension to address issue #5720
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.24...@tiptap/extension-text-style@2.0.0-beta.26) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.24...@tiptap/extension-text-style@2.0.0-beta.24) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.22...@tiptap/extension-text-style@2.0.0-beta.23) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.21...@tiptap/extension-text-style@2.0.0-beta.22) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.20...@tiptap/extension-text-style@2.0.0-beta.21) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.19...@tiptap/extension-text-style@2.0.0-beta.20) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.18...@tiptap/extension-text-style@2.0.0-beta.19) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.17...@tiptap/extension-text-style@2.0.0-beta.18) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.16...@tiptap/extension-text-style@2.0.0-beta.17) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.15...@tiptap/extension-text-style@2.0.0-beta.16) (2021-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.14...@tiptap/extension-text-style@2.0.0-beta.15) (2021-06-14)
+
+### Bug Fixes
+
+- Fix removal of textStyle mark when any style resets ([#1465](https://github.com/ueberdosis/tiptap/issues/1465)) ([fbf4422](https://github.com/ueberdosis/tiptap/commit/fbf442269d021bbe17a9c0a830edfeda00bac85a))
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.13...@tiptap/extension-text-style@2.0.0-beta.14) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.12...@tiptap/extension-text-style@2.0.0-beta.13) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.11...@tiptap/extension-text-style@2.0.0-beta.12) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.10...@tiptap/extension-text-style@2.0.0-beta.11) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.9...@tiptap/extension-text-style@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.8...@tiptap/extension-text-style@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.7...@tiptap/extension-text-style@2.0.0-beta.8) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.6...@tiptap/extension-text-style@2.0.0-beta.7) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.5...@tiptap/extension-text-style@2.0.0-beta.6) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.4...@tiptap/extension-text-style@2.0.0-beta.5) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.3...@tiptap/extension-text-style@2.0.0-beta.4) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.2...@tiptap/extension-text-style@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-beta.1...@tiptap/extension-text-style@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-alpha.11...@tiptap/extension-text-style@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-alpha.10...@tiptap/extension-text-style@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-alpha.9...@tiptap/extension-text-style@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-alpha.8...@tiptap/extension-text-style@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-alpha.7...@tiptap/extension-text-style@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-alpha.6...@tiptap/extension-text-style@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-alpha.5...@tiptap/extension-text-style@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-alpha.4...@tiptap/extension-text-style@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-alpha.3...@tiptap/extension-text-style@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-alpha.2...@tiptap/extension-text-style@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@2.0.0-alpha.1...@tiptap/extension-text-style@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@1.0.0-alpha.2...@tiptap/extension-text-style@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text-style@1.0.0-alpha.1...@tiptap/extension-text-style@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-text-style
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-text-style/README.md b/packages/extension-text-style/README.md
new file mode 100644
index 0000000..eed3b6f
--- /dev/null
+++ b/packages/extension-text-style/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-text-style
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-text-style.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-text-style)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-text-style.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-text-style.svg)](https://www.npmjs.com/package/@tiptap/extension-text-style)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-text-style/package.json b/packages/extension-text-style/package.json
new file mode 100644
index 0000000..7dc601b
--- /dev/null
+++ b/packages/extension-text-style/package.json
@@ -0,0 +1,106 @@
+{
+  "name": "@tiptap/extension-text-style",
+  "version": "3.30.3",
+  "description": "text style extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-text-style"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./background-color": {
+      "types": {
+        "import": "./dist/background-color/index.d.ts",
+        "require": "./dist/background-color/index.d.cts"
+      },
+      "import": "./dist/background-color/index.js",
+      "require": "./dist/background-color/index.cjs"
+    },
+    "./color": {
+      "types": {
+        "import": "./dist/color/index.d.ts",
+        "require": "./dist/color/index.d.cts"
+      },
+      "import": "./dist/color/index.js",
+      "require": "./dist/color/index.cjs"
+    },
+    "./font-family": {
+      "types": {
+        "import": "./dist/font-family/index.d.ts",
+        "require": "./dist/font-family/index.d.cts"
+      },
+      "import": "./dist/font-family/index.js",
+      "require": "./dist/font-family/index.cjs"
+    },
+    "./font-size": {
+      "types": {
+        "import": "./dist/font-size/index.d.ts",
+        "require": "./dist/font-size/index.d.cts"
+      },
+      "import": "./dist/font-size/index.js",
+      "require": "./dist/font-size/index.cjs"
+    },
+    "./line-height": {
+      "types": {
+        "import": "./dist/line-height/index.d.ts",
+        "require": "./dist/line-height/index.d.cts"
+      },
+      "import": "./dist/line-height/index.js",
+      "require": "./dist/line-height/index.cjs"
+    },
+    "./text-style": {
+      "types": {
+        "import": "./dist/text-style/index.d.ts",
+        "require": "./dist/text-style/index.d.cts"
+      },
+      "import": "./dist/text-style/index.js",
+      "require": "./dist/text-style/index.cjs"
+    },
+    "./text-style-kit": {
+      "types": {
+        "import": "./dist/text-style-kit/index.d.ts",
+        "require": "./dist/text-style-kit/index.d.cts"
+      },
+      "import": "./dist/text-style-kit/index.js",
+      "require": "./dist/text-style-kit/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-text-style/src/background-color/background-color.test.ts b/packages/extension-text-style/src/background-color/background-color.test.ts
new file mode 100644
index 0000000..bd5af5c
--- /dev/null
+++ b/packages/extension-text-style/src/background-color/background-color.test.ts
@@ -0,0 +1,35 @@
+import { BackgroundColor } from './background-color.js'
+import { describe, expect, it } from 'vite-plus/test'
+
+const ext: any = (BackgroundColor as any).configure()
+const globalAttrs = ext.config.addGlobalAttributes && ext.config.addGlobalAttributes.call(ext)[0]
+const { parseHTML } = globalAttrs.attributes.backgroundColor
+
+describe('background-color parseHTML', () => {
+  it('parses rgb(...) inline style', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'background-color: rgb(0, 255, 0)')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('rgb(0, 255, 0)')
+  })
+
+  it('parses hex inline style', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'background-color: #00ff00')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('#00ff00')
+  })
+
+  it('parses hsla inline style', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'background-color: hsla(120, 100%, 50%, 0.3)')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('hsla(120, 100%, 50%, 0.3)')
+  })
+})
diff --git a/packages/extension-text-style/src/background-color/background-color.ts b/packages/extension-text-style/src/background-color/background-color.ts
new file mode 100644
index 0000000..ee3e6a0
--- /dev/null
+++ b/packages/extension-text-style/src/background-color/background-color.ts
@@ -0,0 +1,100 @@
+import '../text-style/index.js'
+
+import { Extension, getStyleProperty } from '@tiptap/core'
+
+export type BackgroundColorOptions = {
+  /**
+   * The types where the color can be applied
+   * @default ['textStyle']
+   * @example ['heading', 'paragraph']
+   */
+  types: string[]
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    backgroundColor: {
+      /**
+       * Set the text color
+       * @param backgroundColor The color to set
+       * @example editor.commands.setColor('red')
+       */
+      setBackgroundColor: (backgroundColor: string) => ReturnType
+
+      /**
+       * Unset the text backgroundColor
+       * @example editor.commands.unsetBackgroundColor()
+       */
+      unsetBackgroundColor: () => ReturnType
+    }
+  }
+}
+
+// @ts-ignore because the module is not found during dts build
+declare module '@tiptap/extension-text-style' {
+  interface TextStyleAttributes {
+    backgroundColor?: string | null
+  }
+}
+
+/**
+ * This extension allows you to color your text.
+ * @see https://tiptap.dev/api/extensions/background-color
+ */
+export const BackgroundColor = Extension.create<BackgroundColorOptions>({
+  name: 'backgroundColor',
+
+  addOptions() {
+    return {
+      types: ['textStyle'],
+    }
+  },
+
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          backgroundColor: {
+            default: null,
+            parseHTML: element => {
+              // Prefer the raw inline `style` attribute so we preserve the
+              // original format (e.g. `#rrggbb`) instead of the canonicalized
+              // `rgb(...)` value returned by `element.style.backgroundColor`.
+              const value =
+                getStyleProperty(element, 'background-color') ?? element.style.backgroundColor
+              return value?.replace(/['"]+/g, '')
+            },
+            renderHTML: attributes => {
+              if (!attributes.backgroundColor) {
+                return {}
+              }
+
+              return {
+                style: `background-color: ${attributes.backgroundColor}`,
+              }
+            },
+          },
+        },
+      },
+    ]
+  },
+
+  addCommands() {
+    return {
+      setBackgroundColor:
+        backgroundColor =>
+        ({ chain }) => {
+          return chain().setMark('textStyle', { backgroundColor }).run()
+        },
+      unsetBackgroundColor:
+        () =>
+        ({ chain }) => {
+          return chain()
+            .setMark('textStyle', { backgroundColor: null })
+            .removeEmptyTextStyle()
+            .run()
+        },
+    }
+  },
+})
diff --git a/packages/extension-text-style/src/background-color/index.ts b/packages/extension-text-style/src/background-color/index.ts
new file mode 100644
index 0000000..bb7ab8d
--- /dev/null
+++ b/packages/extension-text-style/src/background-color/index.ts
@@ -0,0 +1,5 @@
+import { BackgroundColor } from './background-color.js'
+
+export * from './background-color.js'
+
+export default BackgroundColor
diff --git a/packages/extension-text-style/src/color/color.test.ts b/packages/extension-text-style/src/color/color.test.ts
new file mode 100644
index 0000000..0c00788
--- /dev/null
+++ b/packages/extension-text-style/src/color/color.test.ts
@@ -0,0 +1,35 @@
+import { Color } from './color.js'
+import { describe, expect, it } from 'vite-plus/test'
+
+const ext: any = (Color as any).configure()
+const globalAttrs = ext.config.addGlobalAttributes && ext.config.addGlobalAttributes.call(ext)[0]
+const { parseHTML } = globalAttrs.attributes.color
+
+describe('color parseHTML', () => {
+  it('parses rgb(...) inline style', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'color: rgb(149, 141, 241)')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('rgb(149, 141, 241)')
+  })
+
+  it('parses hex inline style', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'color: #958DF1')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('#958DF1')
+  })
+
+  it('parses hsla inline style', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'color: hsla(252, 100%, 80%, 0.5)')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('hsla(252, 100%, 80%, 0.5)')
+  })
+})
diff --git a/packages/extension-text-style/src/color/color.ts b/packages/extension-text-style/src/color/color.ts
new file mode 100644
index 0000000..907308a
--- /dev/null
+++ b/packages/extension-text-style/src/color/color.ts
@@ -0,0 +1,96 @@
+import '../text-style/index.js'
+
+import { Extension, getStyleProperty } from '@tiptap/core'
+
+export type ColorOptions = {
+  /**
+   * The types where the color can be applied
+   * @default ['textStyle']
+   * @example ['heading', 'paragraph']
+   */
+  types: string[]
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    color: {
+      /**
+       * Set the text color
+       * @param color The color to set
+       * @example editor.commands.setColor('red')
+       */
+      setColor: (color: string) => ReturnType
+
+      /**
+       * Unset the text color
+       * @example editor.commands.unsetColor()
+       */
+      unsetColor: () => ReturnType
+    }
+  }
+}
+
+// @ts-ignore because the module is not found during dts build
+declare module '@tiptap/extension-text-style' {
+  interface TextStyleAttributes {
+    color?: string | null
+  }
+}
+
+/**
+ * This extension allows you to color your text.
+ * @see https://tiptap.dev/api/extensions/color
+ */
+export const Color = Extension.create<ColorOptions>({
+  name: 'color',
+
+  addOptions() {
+    return {
+      types: ['textStyle'],
+    }
+  },
+
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          color: {
+            default: null,
+            parseHTML: element => {
+              // Prefer the raw inline `style` attribute so we preserve the
+              // original format (e.g. `#rrggbb`) instead of the canonicalized
+              // `rgb(...)` value returned by `element.style.color`.
+              const value = getStyleProperty(element, 'color') ?? element.style.color
+              return value?.replace(/['"]+/g, '')
+            },
+            renderHTML: attributes => {
+              if (!attributes.color) {
+                return {}
+              }
+
+              return {
+                style: `color: ${attributes.color}`,
+              }
+            },
+          },
+        },
+      },
+    ]
+  },
+
+  addCommands() {
+    return {
+      setColor:
+        color =>
+        ({ chain }) => {
+          return chain().setMark('textStyle', { color }).run()
+        },
+      unsetColor:
+        () =>
+        ({ chain }) => {
+          return chain().setMark('textStyle', { color: null }).removeEmptyTextStyle().run()
+        },
+    }
+  },
+})
diff --git a/packages/extension-text-style/src/color/index.ts b/packages/extension-text-style/src/color/index.ts
new file mode 100644
index 0000000..f335542
--- /dev/null
+++ b/packages/extension-text-style/src/color/index.ts
@@ -0,0 +1,5 @@
+import { Color } from './color.js'
+
+export * from './color.js'
+
+export default Color
diff --git a/packages/extension-text-style/src/font-family/font-family.test.ts b/packages/extension-text-style/src/font-family/font-family.test.ts
new file mode 100644
index 0000000..9bb5485
--- /dev/null
+++ b/packages/extension-text-style/src/font-family/font-family.test.ts
@@ -0,0 +1,89 @@
+import { FontFamily } from './font-family.js'
+import { describe, expect, it } from 'vite-plus/test'
+
+const ext: any = (FontFamily as any).configure()
+const globalAttrs = ext.config.addGlobalAttributes && ext.config.addGlobalAttributes.call(ext)[0]
+const { parseHTML } = globalAttrs.attributes.fontFamily
+
+describe('fontFamily parseHTML', () => {
+  it('preserves unquoted multi-word values without canonicalizing to quoted form', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'font-family: Comic Sans MS, Comic Sans')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('Comic Sans MS, Comic Sans')
+  })
+
+  it('preserves single-quoted values without converting to double quotes', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', "font-family: 'Exo 2'")
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe("'Exo 2'")
+  })
+
+  it('preserves double-quoted values as-is', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'font-family: "Open Sans"')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('"Open Sans"')
+  })
+
+  it('parses simple single-word values', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'font-family: Inter')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('Inter')
+  })
+
+  it('parses generic keyword values', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'font-family: serif')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('serif')
+  })
+
+  it('preserves CSS variable values', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'font-family: var(--title-font-family)')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('var(--title-font-family)')
+  })
+
+  it('returns the last declaration when font-family is declared multiple times', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'font-family: Inter; font-family: Arial')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('Arial')
+  })
+
+  it('ignores other style declarations and only returns font-family', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'color: red; font-family: Inter; font-size: 16px')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('Inter')
+  })
+
+  it('is case-insensitive on the property name', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'FONT-FAMILY: Inter')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('Inter')
+  })
+})
diff --git a/packages/extension-text-style/src/font-family/font-family.ts b/packages/extension-text-style/src/font-family/font-family.ts
new file mode 100644
index 0000000..a25d764
--- /dev/null
+++ b/packages/extension-text-style/src/font-family/font-family.ts
@@ -0,0 +1,94 @@
+import '../text-style/index.js'
+
+import { Extension, getStyleProperty } from '@tiptap/core'
+
+export type FontFamilyOptions = {
+  /**
+   * A list of node names where the font family can be applied.
+   * @default ['textStyle']
+   * @example ['heading', 'paragraph']
+   */
+  types: string[]
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    fontFamily: {
+      /**
+       * Set the font family
+       * @param fontFamily The font family
+       * @example editor.commands.setFontFamily('Arial')
+       */
+      setFontFamily: (fontFamily: string) => ReturnType
+      /**
+       * Unset the font family
+       * @example editor.commands.unsetFontFamily()
+       */
+      unsetFontFamily: () => ReturnType
+    }
+  }
+}
+
+// @ts-ignore because the module is not found during dts build
+declare module '@tiptap/extension-text-style' {
+  interface TextStyleAttributes {
+    fontFamily?: string | null
+  }
+}
+
+/**
+ * This extension allows you to set a font family for text.
+ * @see https://www.tiptap.dev/api/extensions/font-family
+ */
+export const FontFamily = Extension.create<FontFamilyOptions>({
+  name: 'fontFamily',
+
+  addOptions() {
+    return {
+      types: ['textStyle'],
+    }
+  },
+
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          fontFamily: {
+            default: null,
+            // Prefer the raw inline `style` attribute so unquoted or
+            // single-quoted multi-word names are preserved instead of being
+            // canonicalized by `element.style.fontFamily`, which forces double
+            // quotes that then get HTML-encoded to `&quot;` on serialization.
+            parseHTML: element =>
+              getStyleProperty(element, 'font-family') ?? element.style.fontFamily,
+            renderHTML: attributes => {
+              if (!attributes.fontFamily) {
+                return {}
+              }
+
+              return {
+                style: `font-family: ${attributes.fontFamily}`,
+              }
+            },
+          },
+        },
+      },
+    ]
+  },
+
+  addCommands() {
+    return {
+      setFontFamily:
+        fontFamily =>
+        ({ chain }) => {
+          return chain().setMark('textStyle', { fontFamily }).run()
+        },
+      unsetFontFamily:
+        () =>
+        ({ chain }) => {
+          return chain().setMark('textStyle', { fontFamily: null }).removeEmptyTextStyle().run()
+        },
+    }
+  },
+})
diff --git a/packages/extension-text-style/src/font-family/index.ts b/packages/extension-text-style/src/font-family/index.ts
new file mode 100644
index 0000000..4ed9a47
--- /dev/null
+++ b/packages/extension-text-style/src/font-family/index.ts
@@ -0,0 +1,5 @@
+import { FontFamily } from './font-family.js'
+
+export * from './font-family.js'
+
+export default FontFamily
diff --git a/packages/extension-text-style/src/font-size/font-size.test.ts b/packages/extension-text-style/src/font-size/font-size.test.ts
new file mode 100644
index 0000000..4beebb8
--- /dev/null
+++ b/packages/extension-text-style/src/font-size/font-size.test.ts
@@ -0,0 +1,35 @@
+import { FontSize } from './font-size.js'
+import { describe, expect, it } from 'vite-plus/test'
+
+const ext: any = (FontSize as any).configure()
+const globalAttrs = ext.config.addGlobalAttributes && ext.config.addGlobalAttributes.call(ext)[0]
+const { parseHTML } = globalAttrs.attributes.fontSize
+
+describe('fontSize parseHTML', () => {
+  it('parses simple inline style', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'font-size: 16px')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('16px')
+  })
+
+  it('returns the last declaration when font-size is declared multiple times', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'font-size: 12px; font-size: 18px')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('18px')
+  })
+
+  it('ignores other style declarations and only returns font-size', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'color: red; font-size: 1.5em; line-height: 1.2')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('1.5em')
+  })
+})
diff --git a/packages/extension-text-style/src/font-size/font-size.ts b/packages/extension-text-style/src/font-size/font-size.ts
new file mode 100644
index 0000000..669202a
--- /dev/null
+++ b/packages/extension-text-style/src/font-size/font-size.ts
@@ -0,0 +1,92 @@
+import '../text-style/index.js'
+
+import { Extension, getStyleProperty } from '@tiptap/core'
+
+export type FontSizeOptions = {
+  /**
+   * A list of node names where the font size can be applied.
+   * @default ['textStyle']
+   * @example ['heading', 'paragraph']
+   */
+  types: string[]
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    fontSize: {
+      /**
+       * Set the font size
+       * @param fontSize The font size
+       * @example editor.commands.setFontSize('16px')
+       */
+      setFontSize: (fontSize: string) => ReturnType
+      /**
+       * Unset the font size
+       * @example editor.commands.unsetFontSize()
+       */
+      unsetFontSize: () => ReturnType
+    }
+  }
+}
+
+// @ts-ignore because the module is not found during dts build
+declare module '@tiptap/extension-text-style' {
+  interface TextStyleAttributes {
+    fontSize?: string | null
+  }
+}
+
+/**
+ * This extension allows you to set a font size for text.
+ * @see https://www.tiptap.dev/api/extensions/font-size
+ */
+export const FontSize = Extension.create<FontSizeOptions>({
+  name: 'fontSize',
+
+  addOptions() {
+    return {
+      types: ['textStyle'],
+    }
+  },
+
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          fontSize: {
+            default: null,
+            // Prefer the raw inline `style` attribute so the original format
+            // is preserved instead of the canonicalized value returned by
+            // `element.style.fontSize`.
+            parseHTML: element => getStyleProperty(element, 'font-size') ?? element.style.fontSize,
+            renderHTML: attributes => {
+              if (!attributes.fontSize) {
+                return {}
+              }
+
+              return {
+                style: `font-size: ${attributes.fontSize}`,
+              }
+            },
+          },
+        },
+      },
+    ]
+  },
+
+  addCommands() {
+    return {
+      setFontSize:
+        fontSize =>
+        ({ chain }) => {
+          return chain().setMark('textStyle', { fontSize }).run()
+        },
+      unsetFontSize:
+        () =>
+        ({ chain }) => {
+          return chain().setMark('textStyle', { fontSize: null }).removeEmptyTextStyle().run()
+        },
+    }
+  },
+})
diff --git a/packages/extension-text-style/src/font-size/index.ts b/packages/extension-text-style/src/font-size/index.ts
new file mode 100644
index 0000000..8a09f0f
--- /dev/null
+++ b/packages/extension-text-style/src/font-size/index.ts
@@ -0,0 +1,5 @@
+import { FontSize } from './font-size.js'
+
+export * from './font-size.js'
+
+export default FontSize
diff --git a/packages/extension-text-style/src/index.ts b/packages/extension-text-style/src/index.ts
new file mode 100644
index 0000000..6001c3e
--- /dev/null
+++ b/packages/extension-text-style/src/index.ts
@@ -0,0 +1,14 @@
+/* oslint-disableno-empty-object-type */
+
+export * from './background-color/index.js'
+export * from './color/index.js'
+export * from './font-family/index.js'
+export * from './font-size/index.js'
+export * from './line-height/index.js'
+export * from './text-style/index.js'
+export * from './text-style-kit/index.js'
+
+/**
+ * The available text style attributes.
+ */
+export interface TextStyleAttributes extends Record<string, any> {}
diff --git a/packages/extension-text-style/src/line-height/index.ts b/packages/extension-text-style/src/line-height/index.ts
new file mode 100644
index 0000000..053f507
--- /dev/null
+++ b/packages/extension-text-style/src/line-height/index.ts
@@ -0,0 +1,5 @@
+import { LineHeight } from './line-height.js'
+
+export * from './line-height.js'
+
+export default LineHeight
diff --git a/packages/extension-text-style/src/line-height/line-height.test.ts b/packages/extension-text-style/src/line-height/line-height.test.ts
new file mode 100644
index 0000000..95718e2
--- /dev/null
+++ b/packages/extension-text-style/src/line-height/line-height.test.ts
@@ -0,0 +1,35 @@
+import { LineHeight } from './line-height.js'
+import { describe, expect, it } from 'vite-plus/test'
+
+const ext: any = (LineHeight as any).configure()
+const globalAttrs = ext.config.addGlobalAttributes && ext.config.addGlobalAttributes.call(ext)[0]
+const { parseHTML } = globalAttrs.attributes.lineHeight
+
+describe('lineHeight parseHTML', () => {
+  it('parses simple inline style', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'line-height: 1.5')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('1.5')
+  })
+
+  it('returns the last declaration when line-height is declared multiple times', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'line-height: 1.2; line-height: 2')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('2')
+  })
+
+  it('ignores other style declarations and only returns line-height', () => {
+    const el = document.createElement('span')
+    el.setAttribute('style', 'color: red; line-height: 24px; font-size: 16px')
+
+    const parsed = parseHTML(el)
+
+    expect(parsed).toBe('24px')
+  })
+})
diff --git a/packages/extension-text-style/src/line-height/line-height.ts b/packages/extension-text-style/src/line-height/line-height.ts
new file mode 100644
index 0000000..7a304e2
--- /dev/null
+++ b/packages/extension-text-style/src/line-height/line-height.ts
@@ -0,0 +1,93 @@
+import '../text-style/index.js'
+
+import { Extension, getStyleProperty } from '@tiptap/core'
+
+export type LineHeightOptions = {
+  /**
+   * A list of node names where the line height can be applied.
+   * @default ['textStyle']
+   * @example ['heading', 'paragraph']
+   */
+  types: string[]
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    lineHeight: {
+      /**
+       * Set the line height
+       * @param lineHeight The line height
+       * @example editor.commands.setLineHeight('1.5')
+       */
+      setLineHeight: (lineHeight: string) => ReturnType
+      /**
+       * Unset the line height
+       * @example editor.commands.unsetLineHeight()
+       */
+      unsetLineHeight: () => ReturnType
+    }
+  }
+}
+
+// @ts-ignore because the module is not found during dts build
+declare module '@tiptap/extension-text-style' {
+  interface TextStyleAttributes {
+    lineHeight?: string | null
+  }
+}
+
+/**
+ * This extension allows you to set the line-height for text.
+ * @see https://www.tiptap.dev/api/extensions/line-height
+ */
+export const LineHeight = Extension.create<LineHeightOptions>({
+  name: 'lineHeight',
+
+  addOptions() {
+    return {
+      types: ['textStyle'],
+    }
+  },
+
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          lineHeight: {
+            default: null,
+            // Prefer the raw inline `style` attribute so the original format
+            // is preserved instead of the canonicalized value returned by
+            // `element.style.lineHeight`.
+            parseHTML: element =>
+              getStyleProperty(element, 'line-height') ?? element.style.lineHeight,
+            renderHTML: attributes => {
+              if (!attributes.lineHeight) {
+                return {}
+              }
+
+              return {
+                style: `line-height: ${attributes.lineHeight}`,
+              }
+            },
+          },
+        },
+      },
+    ]
+  },
+
+  addCommands() {
+    return {
+      setLineHeight:
+        lineHeight =>
+        ({ chain }) => {
+          return chain().setMark('textStyle', { lineHeight }).run()
+        },
+      unsetLineHeight:
+        () =>
+        ({ chain }) => {
+          return chain().setMark('textStyle', { lineHeight: null }).removeEmptyTextStyle().run()
+        },
+    }
+  },
+})
diff --git a/packages/extension-text-style/src/text-style-kit/index.ts b/packages/extension-text-style/src/text-style-kit/index.ts
new file mode 100644
index 0000000..6d1b928
--- /dev/null
+++ b/packages/extension-text-style/src/text-style-kit/index.ts
@@ -0,0 +1,86 @@
+import { Extension } from '@tiptap/core'
+
+import type { BackgroundColorOptions } from '../background-color/index.js'
+import { BackgroundColor } from '../background-color/index.js'
+import type { ColorOptions } from '../color/index.js'
+import { Color } from '../color/index.js'
+import type { FontFamilyOptions } from '../font-family/index.js'
+import { FontFamily } from '../font-family/index.js'
+import type { FontSizeOptions } from '../font-size/index.js'
+import { FontSize } from '../font-size/index.js'
+import type { LineHeightOptions } from '../line-height/index.js'
+import { LineHeight } from '../line-height/index.js'
+import type { TextStyleOptions } from '../text-style/index.js'
+import { TextStyle } from '../text-style/index.js'
+
+export interface TextStyleKitOptions {
+  /**
+   * If set to false, the background color extension will not be registered
+   * @example backgroundColor: false
+   */
+  backgroundColor: Partial<BackgroundColorOptions> | false
+  /**
+   * If set to false, the color extension will not be registered
+   * @example color: false
+   */
+  color: Partial<ColorOptions> | false
+  /**
+   * If set to false, the font family extension will not be registered
+   * @example fontFamily: false
+   */
+  fontFamily: Partial<FontFamilyOptions> | false
+  /**
+   * If set to false, the font size extension will not be registered
+   * @example fontSize: false
+   */
+  fontSize: Partial<FontSizeOptions> | false
+  /**
+   * If set to false, the line height extension will not be registered
+   * @example lineHeight: false
+   */
+  lineHeight: Partial<LineHeightOptions> | false
+  /**
+   * If set to false, the text style extension will not be registered (required for other text style extensions)
+   * @example textStyle: false
+   */
+  textStyle: Partial<TextStyleOptions> | false
+}
+
+/**
+ * The table kit is a collection of table editor extensions.
+ *
+ * It’s a good starting point for building your own table in Tiptap.
+ */
+export const TextStyleKit = Extension.create<TextStyleKitOptions>({
+  name: 'textStyleKit',
+
+  addExtensions() {
+    const extensions = []
+
+    if (this.options.backgroundColor !== false) {
+      extensions.push(BackgroundColor.configure(this.options.backgroundColor))
+    }
+
+    if (this.options.color !== false) {
+      extensions.push(Color.configure(this.options.color))
+    }
+
+    if (this.options.fontFamily !== false) {
+      extensions.push(FontFamily.configure(this.options.fontFamily))
+    }
+
+    if (this.options.fontSize !== false) {
+      extensions.push(FontSize.configure(this.options.fontSize))
+    }
+
+    if (this.options.lineHeight !== false) {
+      extensions.push(LineHeight.configure(this.options.lineHeight))
+    }
+
+    if (this.options.textStyle !== false) {
+      extensions.push(TextStyle.configure(this.options.textStyle))
+    }
+
+    return extensions
+  },
+})
diff --git a/packages/extension-text-style/src/text-style/index.ts b/packages/extension-text-style/src/text-style/index.ts
new file mode 100644
index 0000000..2481901
--- /dev/null
+++ b/packages/extension-text-style/src/text-style/index.ts
@@ -0,0 +1,168 @@
+import { Mark, mergeAttributes } from '@tiptap/core'
+
+import type { TextStyleAttributes } from '../index.js'
+
+export interface TextStyleOptions {
+  /**
+   * HTML attributes to add to the span element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+  /**
+   * When enabled, merges the styles of nested spans into the child span during HTML parsing.
+   * This prioritizes the style of the child span.
+   * Used when parsing content created in other editors.
+   * (Fix for ProseMirror's default behavior.)
+   * @default true
+   */
+  mergeNestedSpanStyles: boolean
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    textStyle: {
+      /**
+       * Remove spans without inline style attributes.
+       * @example editor.commands.removeEmptyTextStyle()
+       */
+      removeEmptyTextStyle: () => ReturnType
+      /**
+       * Toggle a text style
+       * @param attributes The text style attributes
+       * @example editor.commands.toggleTextStyle({ fontWeight: 'bold' })
+       */
+      toggleTextStyle: (attributes?: TextStyleAttributes) => ReturnType
+    }
+  }
+}
+
+const MAX_FIND_CHILD_SPAN_DEPTH = 20
+
+/**
+ * Returns all next child spans, either direct children or nested deeper
+ * but won't traverse deeper into child spans found, will only go MAX_FIND_CHILD_SPAN_DEPTH levels deep (default: 20)
+ */
+const findChildSpans = (element: HTMLElement, depth = 0): HTMLElement[] => {
+  const childSpans: HTMLElement[] = []
+
+  if (!element.children.length || depth > MAX_FIND_CHILD_SPAN_DEPTH) {
+    return childSpans
+  }
+
+  Array.from(element.children).forEach(child => {
+    if (child.tagName === 'SPAN') {
+      childSpans.push(child as HTMLElement)
+    } else if (child.children.length) {
+      childSpans.push(...findChildSpans(child as HTMLElement, depth + 1))
+    }
+  })
+
+  return childSpans
+}
+
+const mergeNestedSpanStyles = (element: HTMLElement) => {
+  if (!element.children.length) {
+    return
+  }
+
+  const childSpans = findChildSpans(element)
+
+  if (!childSpans) {
+    return
+  }
+
+  childSpans.forEach(childSpan => {
+    const childStyle = childSpan.getAttribute('style')
+    const closestParentSpanStyleOfChild = childSpan.parentElement
+      ?.closest('span')
+      ?.getAttribute('style')
+
+    childSpan.setAttribute('style', `${closestParentSpanStyleOfChild};${childStyle}`)
+  })
+}
+
+/**
+ * This extension allows you to create text styles. It is required by default
+ * for the `text-color` and `font-family` extensions.
+ * @see https://www.tiptap.dev/api/marks/text-style
+ */
+export const TextStyle = Mark.create<TextStyleOptions>({
+  name: 'textStyle',
+
+  priority: 101,
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+      mergeNestedSpanStyles: true,
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'span',
+        consuming: false,
+        getAttrs: element => {
+          const hasStyles = (element as HTMLElement).hasAttribute('style')
+
+          if (!hasStyles) {
+            return false
+          }
+
+          if (this.options.mergeNestedSpanStyles) {
+            mergeNestedSpanStyles(element)
+          }
+
+          return {}
+        },
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['span', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  addCommands() {
+    return {
+      toggleTextStyle:
+        attributes =>
+        ({ commands }) => {
+          return commands.toggleMark(this.name, attributes)
+        },
+      removeEmptyTextStyle:
+        () =>
+        ({ tr }) => {
+          const { selection } = tr
+
+          // Gather all of the nodes within the selection range.
+          // We would need to go through each node individually
+          // to check if it has any inline style attributes.
+          // Otherwise, calling commands.unsetMark(this.name)
+          // removes everything from all the nodes
+          // within the selection range.
+          tr.doc.nodesBetween(selection.from, selection.to, (node, pos) => {
+            // Skip non-inline nodes, the text style only applies to spans
+            if (!node.isInline) {
+              return true
+            }
+
+            // Check if the node has no inline style attributes.
+            // Filter out non-`textStyle` marks.
+            if (
+              !node.marks
+                .filter(mark => mark.type === this.type)
+                .some(mark => Object.values(mark.attrs).some(value => !!value))
+            ) {
+              // Proceed with the removal of the `textStyle` mark for this node only
+              tr.removeMark(pos, pos + node.nodeSize, this.type)
+            }
+          })
+
+          return true
+        },
+    }
+  },
+})
diff --git a/packages/extension-text-style/tests/integration/backgroundColorCommands.test.ts b/packages/extension-text-style/tests/integration/backgroundColorCommands.test.ts
new file mode 100644
index 0000000..9d81c3a
--- /dev/null
+++ b/packages/extension-text-style/tests/integration/backgroundColorCommands.test.ts
@@ -0,0 +1,48 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { BackgroundColor, TextStyle } from '@tiptap/extension-text-style'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+describe('BackgroundColor commands', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, TextStyle, BackgroundColor],
+      content: '<p>Example Text</p>',
+    })
+    editor.commands.selectAll()
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('sets the background color of the selected text', () => {
+    expect(editor.isActive('textStyle', { backgroundColor: '#958DF1' })).toBe(false)
+    editor.commands.setBackgroundColor('#958DF1')
+    expect(editor.isActive('textStyle', { backgroundColor: '#958DF1' })).toBe(true)
+    const span = editor.view.dom.querySelector('span')
+    expect(span?.textContent).toBe('Example Text')
+    expect(span?.style.backgroundColor).toBe('#958DF1')
+  })
+
+  it('removes the background color of the selected text', () => {
+    editor.commands.setBackgroundColor('#958DF1')
+    expect(editor.getHTML()).toContain('<span')
+
+    editor.commands.unsetBackgroundColor()
+    expect(editor.getHTML()).not.toContain('<span')
+    expect(editor.isActive('textStyle', { backgroundColor: '#958DF1' })).toBe(false)
+  })
+
+  it('exposes the active backgroundColor via getAttributes', () => {
+    editor.commands.setBackgroundColor('#958DF1')
+    expect(editor.getAttributes('textStyle').backgroundColor).toBe('#958DF1')
+  })
+})
diff --git a/packages/extension-text-style/tests/integration/colorCommands.test.ts b/packages/extension-text-style/tests/integration/colorCommands.test.ts
new file mode 100644
index 0000000..7d165bd
--- /dev/null
+++ b/packages/extension-text-style/tests/integration/colorCommands.test.ts
@@ -0,0 +1,47 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Color, TextStyle } from '@tiptap/extension-text-style'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+describe('Color commands', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, TextStyle, Color],
+      content: '<p>Example Text</p>',
+    })
+    editor.commands.selectAll()
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('sets the color of the selected text', () => {
+    expect(editor.isActive('textStyle', { color: '#958DF1' })).toBe(false)
+    editor.commands.setColor('#958DF1')
+    expect(editor.isActive('textStyle', { color: '#958DF1' })).toBe(true)
+    const span = editor.view.dom.querySelector('span')
+    expect(span?.textContent).toBe('Example Text')
+    expect(span?.style.color).toBe('#958DF1')
+  })
+
+  it('removes the color of the selected text', () => {
+    editor.commands.setColor('#958DF1')
+    expect(editor.getHTML()).toContain('<span')
+
+    editor.commands.unsetColor()
+    expect(editor.getHTML()).not.toContain('<span')
+  })
+
+  it('exposes the active color via getAttributes', () => {
+    editor.commands.setColor('#958DF1')
+    expect(editor.getAttributes('textStyle').color).toBe('#958DF1')
+  })
+})
diff --git a/packages/extension-text-style/tests/integration/fontFamilyCommands.test.ts b/packages/extension-text-style/tests/integration/fontFamilyCommands.test.ts
new file mode 100644
index 0000000..faceea5
--- /dev/null
+++ b/packages/extension-text-style/tests/integration/fontFamilyCommands.test.ts
@@ -0,0 +1,60 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { FontFamily, TextStyle } from '@tiptap/extension-text-style'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+describe('FontFamily commands', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, TextStyle, FontFamily],
+      content: '<p>Example Text</p>',
+    })
+    editor.commands.selectAll()
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('sets the font-family of the selected text', () => {
+    expect(editor.isActive('textStyle', { fontFamily: 'monospace' })).toBe(false)
+    editor.commands.setFontFamily('monospace')
+    expect(editor.isActive('textStyle', { fontFamily: 'monospace' })).toBe(true)
+    const span = editor.view.dom.querySelector('span')
+    expect(span?.textContent).toBe('Example Text')
+    expect((span as HTMLSpanElement | null)?.style.fontFamily).toBe('monospace')
+  })
+
+  it('removes the font-family of the selected text', () => {
+    editor.commands.setFontFamily('monospace')
+    expect(editor.getHTML()).toContain('<span')
+
+    editor.commands.unsetFontFamily()
+    expect(editor.getHTML()).not.toContain('<span')
+  })
+
+  it('allows CSS variables as a font-family', () => {
+    editor.commands.setFontFamily('var(--title-font-family)')
+    const span = editor.view.dom.querySelector('span')
+    expect(span?.style.fontFamily).toBe('var(--title-font-family)')
+  })
+
+  it('allows fonts containing multiple font families', () => {
+    editor.commands.setFontFamily('"Comic Sans MS", "Comic Sans"')
+    const span = editor.view.dom.querySelector('span')
+    expect(span?.style.fontFamily).toBe('"Comic Sans MS", "Comic Sans"')
+  })
+
+  it('allows fonts containing a space and number as a font-family', () => {
+    editor.commands.setFontFamily('"Exo 2"')
+    const span = editor.view.dom.querySelector('span')
+    expect(span?.style.fontFamily).toBe('"Exo 2"')
+  })
+})
diff --git a/packages/extension-text-style/tests/integration/fontSizeCommands.test.ts b/packages/extension-text-style/tests/integration/fontSizeCommands.test.ts
new file mode 100644
index 0000000..0ec17ea
--- /dev/null
+++ b/packages/extension-text-style/tests/integration/fontSizeCommands.test.ts
@@ -0,0 +1,83 @@
+import { Editor } from '@tiptap/core'
+import Blockquote from '@tiptap/extension-blockquote'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Color, FontSize, TextStyle } from '@tiptap/extension-text-style'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+describe('FontSize commands', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, TextStyle, FontSize],
+      content: '<p>Example Text</p>',
+    })
+    editor.commands.selectAll()
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('sets the font-size of the selected text', () => {
+    expect(editor.isActive('textStyle', { fontSize: '28px' })).toBe(false)
+    editor.commands.setFontSize('28px')
+    expect(editor.isActive('textStyle', { fontSize: '28px' })).toBe(true)
+    const span = editor.view.dom.querySelector('span')
+    expect(span?.textContent).toBe('Example Text')
+    expect(span?.style.fontSize).toBe('28px')
+  })
+
+  it('removes the font-size of the selected text', () => {
+    editor.commands.setFontSize('28px')
+    expect(editor.view.dom.querySelector('span')?.style.fontSize).toBe('28px')
+
+    editor.commands.unsetFontSize()
+    expect(editor.getHTML()).not.toContain('<span')
+  })
+})
+
+describe('FontSize commands inside a wrapper node', () => {
+  let editor: Editor
+
+  const editorWith = (content: string) => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, Blockquote, TextStyle, Color, FontSize],
+      content,
+    })
+    editor.commands.selectAll()
+    return editor
+  }
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('keeps the other text styles when unsetting inside a blockquote', () => {
+    editorWith(
+      '<blockquote><p><span style="color: #ff0000; font-size: 28px">Example Text</span></p></blockquote>',
+    )
+
+    editor.commands.unsetFontSize()
+
+    expect(editor.getHTML()).toContain('color: #ff0000')
+    expect(editor.getHTML()).not.toContain('font-size')
+  })
+
+  it('keeps the other text styles when unsetting inside a paragraph', () => {
+    editorWith('<p><span style="color: #ff0000; font-size: 28px">Example Text</span></p>')
+
+    editor.commands.unsetFontSize()
+
+    expect(editor.getHTML()).toContain('color: #ff0000')
+    expect(editor.getHTML()).not.toContain('font-size')
+  })
+})
diff --git a/packages/extension-text-style/tests/integration/lineHeightCommands.test.ts b/packages/extension-text-style/tests/integration/lineHeightCommands.test.ts
new file mode 100644
index 0000000..f10aaa7
--- /dev/null
+++ b/packages/extension-text-style/tests/integration/lineHeightCommands.test.ts
@@ -0,0 +1,50 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { LineHeight, TextStyle } from '@tiptap/extension-text-style'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+describe('LineHeight commands', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, TextStyle, LineHeight],
+      content: '<p>Example Text</p>',
+    })
+    editor.commands.selectAll()
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  const cases = [
+    { value: '1.5', style: '1.5' },
+    { value: '2.0', style: '2' },
+    { value: '4.0', style: '4' },
+  ]
+
+  cases.forEach(({ value, style }) => {
+    it(`sets line-height ${value} for the selected text`, () => {
+      expect(editor.isActive('textStyle', { lineHeight: value })).toBe(false)
+      editor.commands.toggleTextStyle({ lineHeight: value })
+      expect(editor.isActive('textStyle', { lineHeight: value })).toBe(true)
+      const span = editor.view.dom.querySelector('span')
+      expect(span?.textContent).toBe('Example Text')
+      expect(span?.style.lineHeight).toBe(style)
+    })
+  })
+
+  it('removes the line-height of the selected text', () => {
+    editor.commands.toggleTextStyle({ lineHeight: '1.5' })
+    expect(editor.view.dom.querySelector('span')?.style.lineHeight).toBe('1.5')
+
+    editor.commands.unsetLineHeight()
+    expect(editor.getHTML()).not.toContain('<span')
+  })
+})
diff --git a/packages/extension-text-style/tests/integration/textStyleMerge.test.ts b/packages/extension-text-style/tests/integration/textStyleMerge.test.ts
new file mode 100644
index 0000000..6f1c0be
--- /dev/null
+++ b/packages/extension-text-style/tests/integration/textStyleMerge.test.ts
@@ -0,0 +1,124 @@
+import { Editor } from '@tiptap/core'
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { TextStyleKit } from '@tiptap/extension-text-style'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+const demoContent = `
+  <p><span>This has a &lt;span&gt; tag without a style attribute, so it's thrown away.</span></p>
+  <p><span style="">But this one is wrapped in a &lt;span&gt; tag with an inline style attribute, so it's kept - even if it's empty for now.</span></p>
+  <p>--- merge nested span styles option enabled ---</p>
+  <p>
+    <span style="color: #FF0000;">
+      <span style="font-family: serif;">
+        red serif
+      </span>
+    </span>
+  </p>
+  <p>
+    <span style="color: #FF0000;">
+      <span style="font-family: serif;">
+        <span style="color: #0000FF;">
+          blue serif
+        </span>
+      </span>
+    </span>
+  </p>
+  <p>
+    <span style="color: #00FF00;">
+      <span style="font-family: serif;">green serif </span>
+      <span style="font-family: serif;color: #FF0000;">red serif</span>
+    </span>
+  </p>
+  <p>
+    <span>
+      plain
+      <span style="color: #0000FF;">blue</span>
+      plain
+      <span style="color: #00FF00;">
+        green
+        <span style="font-family: serif;">green serif</span>
+      </span>
+      plain
+    </span>
+  </p>
+  <p>
+    <span style="color: #0000FF;">
+      blue
+      <span style="color: #00FF00;">
+        green
+        <span style="font-family: serif;">
+          green serif
+          <span style="color: #0000FF;">blue serif</span>
+        </span>
+      </span>
+    </span>
+  </p>
+`
+
+describe('TextStyleKit nested span merge', () => {
+  let editor: Editor
+
+  beforeEach(() => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [Document, Paragraph, Text, TextStyleKit, Bold],
+      content: demoContent,
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('merges styles of a span with one nested child span into a single span', () => {
+    const spans = editor.view.dom.querySelectorAll('p:nth-child(4) > span')
+    expect(spans.length).toBe(1)
+    expect(spans[0].textContent?.trim()).toBe('red serif')
+    expect(spans[0].getAttribute('style')).toBe('color: #FF0000; font-family: serif;')
+  })
+
+  it('merges styles of multiple nested spans into the innermost descendant', () => {
+    const spans = editor.view.dom.querySelectorAll('p:nth-child(5) > span')
+    expect(spans.length).toBe(1)
+    expect(spans[0].textContent?.trim()).toBe('blue serif')
+    expect(spans[0].getAttribute('style')).toBe('color: #0000FF; font-family: serif;')
+  })
+
+  it('merges parent styles into each sibling descendant span', () => {
+    const spans = editor.view.dom.querySelectorAll('p:nth-child(6) > span')
+    expect(spans.length).toBe(2)
+    expect(spans[0].textContent?.trim()).toBe('green serif')
+    expect(spans[0].getAttribute('style')).toBe('color: #00FF00; font-family: serif;')
+    expect(spans[1].textContent?.trim()).toBe('red serif')
+    expect(spans[1].getAttribute('style')).toBe('color: #FF0000; font-family: serif;')
+  })
+
+  it('keeps descendant spans intact when the parent span has no style', () => {
+    const spans = editor.view.dom.querySelectorAll('p:nth-child(7) > span')
+    expect(spans.length).toBe(4)
+    expect(spans[0].textContent?.trim()).toBe('blue')
+    expect(spans[0].getAttribute('style')).toBe('color: #0000FF;')
+    expect(spans[1].textContent?.trim()).toBe('green')
+    expect(spans[1].getAttribute('style')).toBe('color: #00FF00;')
+    expect(spans[2].textContent?.trim()).toBe('green serif')
+    expect(spans[2].getAttribute('style')).toBe('color: #00FF00; font-family: serif;')
+  })
+
+  it('merges parent styles into descendants while preserving root text spans', () => {
+    const spans = editor.view.dom.querySelectorAll('p:nth-child(8) > span')
+    expect(spans.length).toBe(4)
+    expect(spans[0].textContent?.trim()).toBe('blue')
+    expect(spans[0].getAttribute('style')).toBe('color: #0000FF;')
+    expect(spans[1].textContent?.trim()).toBe('green')
+    expect(spans[1].getAttribute('style')).toBe('color: #00FF00;')
+    expect(spans[2].textContent?.trim()).toBe('green serif')
+    expect(spans[2].getAttribute('style')).toBe('color: #00FF00; font-family: serif;')
+    expect(spans[3].textContent?.trim()).toBe('blue serif')
+    expect(spans[3].getAttribute('style')).toBe('color: #0000FF; font-family: serif;')
+  })
+})
diff --git a/packages/extension-text-style/vite.config.ts b/packages/extension-text-style/vite.config.ts
new file mode 100644
index 0000000..a1fd871
--- /dev/null
+++ b/packages/extension-text-style/vite.config.ts
@@ -0,0 +1,27 @@
+import { defineConfig } from 'vite-plus'
+import { tsupCompatibleExtensions } from '../../pack.config.mjs'
+
+const entries = [
+  'src/background-color/index.ts',
+  'src/color/index.ts',
+  'src/font-family/index.ts',
+  'src/font-size/index.ts',
+  'src/line-height/index.ts',
+  'src/text-style/index.ts',
+  'src/text-style-kit/index.ts',
+  'src/index.ts',
+]
+
+export default defineConfig({
+  pack: entries.map(entry => ({
+    entry: [entry],
+    tsconfig: '../../tsconfig.build.json',
+    outDir: `dist${entry.replace('src', '').split('/').slice(0, -1).join('/')}`,
+    dts: { sourcemap: true },
+    sourcemap: true,
+    target: 'es2019',
+    format: ['esm', 'cjs'],
+    deps: { neverBundle: [/^[^./]/] },
+    outExtensions: tsupCompatibleExtensions,
+  })),
+})
diff --git a/packages/extension-text/CHANGELOG.md b/packages/extension-text/CHANGELOG.md
new file mode 100644
index 0000000..032f5b8
--- /dev/null
+++ b/packages/extension-text/CHANGELOG.md
@@ -0,0 +1,1606 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.15...@tiptap/extension-text@2.0.0-beta.17) (2022-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.14...@tiptap/extension-text@2.0.0-beta.15) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.13...@tiptap/extension-text@2.0.0-beta.14) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.12...@tiptap/extension-text@2.0.0-beta.13) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.11...@tiptap/extension-text@2.0.0-beta.12) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.10...@tiptap/extension-text@2.0.0-beta.11) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.9...@tiptap/extension-text@2.0.0-beta.10) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.8...@tiptap/extension-text@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.7...@tiptap/extension-text@2.0.0-beta.8) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.6...@tiptap/extension-text@2.0.0-beta.7) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.5...@tiptap/extension-text@2.0.0-beta.6) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.4...@tiptap/extension-text@2.0.0-beta.5) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.3...@tiptap/extension-text@2.0.0-beta.4) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.2...@tiptap/extension-text@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-beta.1...@tiptap/extension-text@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-alpha.11...@tiptap/extension-text@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-alpha.10...@tiptap/extension-text@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-alpha.9...@tiptap/extension-text@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-alpha.8...@tiptap/extension-text@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-alpha.7...@tiptap/extension-text@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-alpha.6...@tiptap/extension-text@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-alpha.5...@tiptap/extension-text@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-alpha.4...@tiptap/extension-text@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-alpha.3...@tiptap/extension-text@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-alpha.2...@tiptap/extension-text@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@2.0.0-alpha.1...@tiptap/extension-text@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@1.0.0-alpha.2...@tiptap/extension-text@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-text@1.0.0-alpha.1...@tiptap/extension-text@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-text
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-text/README.md b/packages/extension-text/README.md
new file mode 100644
index 0000000..5e716aa
--- /dev/null
+++ b/packages/extension-text/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-text
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-text.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-text)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-text.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-text.svg)](https://www.npmjs.com/package/@tiptap/extension-text)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-text/package.json b/packages/extension-text/package.json
new file mode 100644
index 0000000..613e1f5
--- /dev/null
+++ b/packages/extension-text/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-text",
+  "version": "3.30.3",
+  "description": "text extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-text"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-text/src/index.ts b/packages/extension-text/src/index.ts
new file mode 100644
index 0000000..c1a4680
--- /dev/null
+++ b/packages/extension-text/src/index.ts
@@ -0,0 +1,5 @@
+import { Text } from './text.js'
+
+export * from './text.js'
+
+export default Text
diff --git a/packages/extension-text/src/text.ts b/packages/extension-text/src/text.ts
new file mode 100644
index 0000000..e67f73f
--- /dev/null
+++ b/packages/extension-text/src/text.ts
@@ -0,0 +1,20 @@
+import { Node } from '@tiptap/core'
+
+/**
+ * This extension allows you to create text nodes.
+ * @see https://www.tiptap.dev/api/nodes/text
+ */
+export const Text = Node.create({
+  name: 'text',
+  group: 'inline',
+
+  parseMarkdown: token => {
+    // Convert 'text' token to text node - text nodes are special as they store text directly
+    return {
+      type: 'text',
+      text: token.text || '',
+    }
+  },
+
+  renderMarkdown: node => node.text || '',
+})
diff --git a/packages/extension-text/vite.config.ts b/packages/extension-text/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-text/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-twitch/CHANGELOG.md b/packages/extension-twitch/CHANGELOG.md
new file mode 100644
index 0000000..ab7a373
--- /dev/null
+++ b/packages/extension-twitch/CHANGELOG.md
@@ -0,0 +1,358 @@
+# @tiptap/extension-twitch
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- 79fc8b7: Fix Twitch and YouTube embeds losing their canonical video, clip, channel, or playlist URL when HTML content is loaded back into the editor.
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Minor Changes
+
+- 5717dcf: Add new Twitch extension for embedding Twitch videos, clips, and live channels in the editor. Supports customizable parameters like autoplay, muted, and start time, with attribute-level overrides for per-embed configuration.
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.0.0
+
+### Major Changes
+
+- Initial release of Twitch extension for Tiptap
diff --git a/packages/extension-twitch/README.md b/packages/extension-twitch/README.md
new file mode 100644
index 0000000..132a773
--- /dev/null
+++ b/packages/extension-twitch/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-twitch
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-twitch.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-twitch)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-twitch.svg)](https://npmcharts.com/compare/@tiptap/extension-twitch?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-twitch.svg)](https://www.npmjs.com/package/@tiptap/extension-twitch)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-twitch/package.json b/packages/extension-twitch/package.json
new file mode 100644
index 0000000..ab1e119
--- /dev/null
+++ b/packages/extension-twitch/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-twitch",
+  "version": "3.30.3",
+  "description": "a twitch embed extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-twitch"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-twitch/src/index.ts b/packages/extension-twitch/src/index.ts
new file mode 100644
index 0000000..1c6a492
--- /dev/null
+++ b/packages/extension-twitch/src/index.ts
@@ -0,0 +1,6 @@
+import { Twitch } from './twitch.js'
+
+export * from './twitch.js'
+export * from './utils.js'
+
+export default Twitch
diff --git a/packages/extension-twitch/src/twitch.ts b/packages/extension-twitch/src/twitch.ts
new file mode 100644
index 0000000..9b26e69
--- /dev/null
+++ b/packages/extension-twitch/src/twitch.ts
@@ -0,0 +1,302 @@
+import { createAtomBlockMarkdownSpec, mergeAttributes, Node, nodePasteRule } from '@tiptap/core'
+
+import {
+  getAttributesFromTwitchEmbedUrl,
+  getEmbedUrlFromTwitchUrl,
+  isValidTwitchUrl,
+  TWITCH_REGEX_GLOBAL,
+} from './utils.js'
+
+const getParsedDimension = (value: string | null) => {
+  if (!value) {
+    return null
+  }
+
+  const parsedValue = Number.parseInt(value, 10)
+
+  return Number.isNaN(parsedValue) ? null : parsedValue
+}
+
+const getParsedTwitchAttributes = (element: HTMLElement) => {
+  const src = element.getAttribute('src')
+
+  if (!src) {
+    return null
+  }
+
+  const embedAttributes = getAttributesFromTwitchEmbedUrl(src)
+
+  if (embedAttributes) {
+    return embedAttributes
+  }
+
+  if (isValidTwitchUrl(src)) {
+    return {
+      src,
+    }
+  }
+
+  return {
+    src,
+  }
+}
+
+export interface TwitchOptions {
+  /**
+   * Controls if the paste handler for Twitch videos should be added.
+   * @default true
+   * @example false
+   */
+  addPasteHandler: boolean
+
+  /**
+   * Controls if the Twitch video should be allowed to go fullscreen.
+   * @default true
+   * @example false
+   */
+  allowFullscreen: boolean
+
+  /**
+   * Controls if the Twitch video should autoplay.
+   * @default false
+   * @example true
+   */
+  autoplay: boolean
+
+  /**
+   * Controls if the Twitch video should start muted.
+   * @default false
+   * @example true
+   */
+  muted: boolean
+
+  /**
+   * The time in the video where playback starts (format: 1h2m3s).
+   * Only works for video embeds, not for clips or channels.
+   * @default undefined
+   * @example '1h2m3s'
+   */
+  time?: string
+
+  /**
+   * The parent domain for the Twitch embed. Required for embed functionality.
+   * @default 'localhost'
+   * @example 'example.com'
+   */
+  parent: string
+
+  /**
+   * The height of the Twitch video.
+   * @default 480
+   * @example 720
+   */
+  height: number
+
+  /**
+   * The width of the Twitch video.
+   * @default 640
+   * @example 1280
+   */
+  width: number
+
+  /**
+   * The HTML attributes for a Twitch video node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+
+  /**
+   * Controls if the Twitch node should be inline or not.
+   * @default false
+   * @example true
+   */
+  inline: boolean
+}
+
+/**
+ * The options for setting a Twitch video.
+ */
+type SetTwitchVideoOptions = {
+  src: string
+  width?: number
+  height?: number
+  autoplay?: boolean
+  muted?: boolean
+  time?: string
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    twitch: {
+      /**
+       * Insert a Twitch video
+       * @param options The Twitch video attributes
+       * @example editor.commands.setTwitchVideo({ src: 'https://www.twitch.tv/videos/1234567890' })
+       */
+      setTwitchVideo: (options: SetTwitchVideoOptions) => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension adds support for Twitch videos.
+ * @see https://www.tiptap.dev/api/nodes/twitch
+ *
+ * @example
+ * ```ts
+ * import { useEditor, EditorContent } from '@tiptap/react'
+ * import { StarterKit } from '@tiptap/starter-kit'
+ * import { Twitch } from '@tiptap/extension-twitch'
+ *
+ * const editor = useEditor({
+ *   extensions: [
+ *     StarterKit,
+ *     Twitch.configure({
+ *       parent: 'example.com',
+ *       allowFullscreen: true,
+ *     }),
+ *   ],
+ *   content: '<p>Hello World!</p>',
+ * })
+ * ```
+ */
+export const Twitch = Node.create<TwitchOptions>({
+  name: 'twitch',
+
+  addOptions() {
+    return {
+      addPasteHandler: true,
+      allowFullscreen: true,
+      autoplay: false,
+      muted: false,
+      time: undefined,
+      parent: 'localhost',
+      height: 480,
+      width: 640,
+      HTMLAttributes: {},
+      inline: false,
+    }
+  },
+
+  inline() {
+    return this.options.inline
+  },
+
+  group() {
+    return this.options.inline ? 'inline' : 'block'
+  },
+
+  draggable: true,
+
+  addAttributes() {
+    return {
+      src: {
+        default: null,
+        parseHTML: element => getParsedTwitchAttributes(element)?.src,
+      },
+      width: {
+        default: this.options.width,
+        parseHTML: element => getParsedDimension(element.getAttribute('width')),
+      },
+      height: {
+        default: this.options.height,
+        parseHTML: element => getParsedDimension(element.getAttribute('height')),
+      },
+      autoplay: {
+        default: this.options.autoplay,
+        parseHTML: element => getParsedTwitchAttributes(element)?.autoplay,
+      },
+      muted: {
+        default: this.options.muted,
+        parseHTML: element => getParsedTwitchAttributes(element)?.muted,
+      },
+      time: {
+        default: this.options.time,
+        parseHTML: element => getParsedTwitchAttributes(element)?.time,
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-twitch-video] iframe',
+      },
+    ]
+  },
+
+  addCommands() {
+    return {
+      setTwitchVideo:
+        (options: SetTwitchVideoOptions) =>
+        ({ commands }) => {
+          if (!isValidTwitchUrl(options.src)) {
+            return false
+          }
+
+          return commands.insertContent({
+            type: this.name,
+            attrs: options,
+          })
+        },
+    }
+  },
+
+  addPasteRules() {
+    if (!this.options.addPasteHandler) {
+      return []
+    }
+
+    return [
+      nodePasteRule({
+        find: TWITCH_REGEX_GLOBAL,
+        type: this.type,
+        getAttributes: match => {
+          return { src: match.input }
+        },
+      }),
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    const embedUrl = getEmbedUrlFromTwitchUrl({
+      url: HTMLAttributes.src,
+      allowFullscreen: this.options.allowFullscreen,
+      autoplay: HTMLAttributes.autoplay ?? this.options.autoplay,
+      muted: HTMLAttributes.muted ?? this.options.muted,
+      time: HTMLAttributes.time ?? this.options.time,
+      parent: this.options.parent,
+    })
+
+    if (!embedUrl) {
+      return ['div', 'Invalid Twitch URL']
+    }
+
+    HTMLAttributes.src = embedUrl
+
+    return [
+      'div',
+      { 'data-twitch-video': '' },
+      [
+        'iframe',
+        mergeAttributes(
+          this.options.HTMLAttributes,
+          {
+            width: this.options.width,
+            height: this.options.height,
+            allowfullscreen: this.options.allowFullscreen,
+            scrolling: 'no',
+            frameborder: '0',
+          },
+          HTMLAttributes,
+        ),
+      ],
+    ]
+  },
+
+  ...createAtomBlockMarkdownSpec({
+    nodeName: 'twitch',
+    allowedAttributes: ['src', 'width', 'height', 'autoplay', 'muted', 'time'],
+  }),
+})
diff --git a/packages/extension-twitch/src/utils.test.ts b/packages/extension-twitch/src/utils.test.ts
new file mode 100644
index 0000000..7a8303f
--- /dev/null
+++ b/packages/extension-twitch/src/utils.test.ts
@@ -0,0 +1,11 @@
+import { expect, it } from 'vite-plus/test'
+
+import { getAttributesFromTwitchEmbedUrl } from './utils.js'
+
+it.each([
+  'https://player.twitch.tv/?video=abc&parent=example.com',
+  'https://player.twitch.tv/?channel=foo%2Fbar&parent=example.com',
+  'https://clips.twitch.tv/embed?clip=bad%20clip&parent=example.com',
+])('returns null for malformed embed identifiers: %s', embedUrl => {
+  expect(getAttributesFromTwitchEmbedUrl(embedUrl)).toBeNull()
+})
diff --git a/packages/extension-twitch/src/utils.ts b/packages/extension-twitch/src/utils.ts
new file mode 100644
index 0000000..e704934
--- /dev/null
+++ b/packages/extension-twitch/src/utils.ts
@@ -0,0 +1,295 @@
+/**
+ * Regex patterns for matching Twitch URLs
+ * Matches:
+ * - https://twitch.tv/videos/1234567890
+ * - https://www.twitch.tv/videos/1234567890
+ * - https://twitch.tv/examplechannel/clip/ClipName-123
+ * - https://www.twitch.tv/examplechannel/clip/ClipName-123
+ * - https://clips.twitch.tv/ClipName
+ * - https://www.clips.twitch.tv/ClipName
+ * - https://twitch.tv/examplechannel (channel)
+ * - https://www.twitch.tv/examplechannel
+ */
+export const TWITCH_REGEX =
+  /^(https?:\/\/)?(www\.)?(twitch\.tv|clips\.twitch\.tv)\/(?:videos\/(\d+)|(\w+)\/clip\/([\w-]+)|([\w-]+)(?:\/)?)?(\?.*)?$/
+
+export const TWITCH_REGEX_GLOBAL =
+  /^(https?:\/\/)?(www\.)?(twitch\.tv|clips\.twitch\.tv)\/(?:videos\/(\d+)|(\w+)\/clip\/([\w-]+)|([\w-]+)(?:\/)?)?(\?.*)?$/g
+
+/**
+ * Validates if a URL is a valid Twitch video, clip or channel URL
+ *
+ * @param url - The URL to validate
+ * @returns true if the URL is a valid Twitch URL
+ *
+ * @example
+ * ```ts
+ * isValidTwitchUrl('https://www.twitch.tv/videos/1234567890') // true
+ * isValidTwitchUrl('https://www.twitch.tv/examplechannel/clip/ExampleClipName') // true
+ * isValidTwitchUrl('https://www.twitch.tv/examplechannel') // true
+ * isValidTwitchUrl('https://clips.twitch.tv/ExampleClipName') // true
+ * isValidTwitchUrl('invalid') // false
+ * ```
+ */
+export const isValidTwitchUrl = (url: string) => {
+  return url.match(TWITCH_REGEX)
+}
+
+export interface GetEmbedUrlOptions {
+  url: string
+  allowFullscreen?: boolean
+  autoplay?: boolean
+  muted?: boolean
+  time?: string
+  parent?: string
+}
+
+export interface TwitchEmbedAttributes {
+  src: string
+  autoplay?: boolean
+  muted?: boolean
+  time?: string
+}
+
+/**
+ * Extracts the video, clip or channel identifier from a Twitch URL
+ *
+ * @param url - The Twitch URL
+ * @returns Object containing type ('video', 'clip' or 'channel') and ID, or null if invalid
+ *
+ * @example
+ * ```ts
+ * getTwitchIdentifier('https://www.twitch.tv/videos/1234567890')
+ * // { type: 'video', id: '1234567890' }
+ *
+ * getTwitchIdentifier('https://www.twitch.tv/examplechannel/clip/ExampleClipName-ABC123')
+ * // { type: 'clip', id: 'ExampleClipName-ABC123' }
+ *
+ * getTwitchIdentifier('https://www.twitch.tv/examplechannel')
+ * // { type: 'channel', id: 'examplechannel' }
+ * ```
+ */
+export const getTwitchIdentifier = (
+  url: string,
+): { type: 'video' | 'clip' | 'channel'; id: string } | null => {
+  if (!isValidTwitchUrl(url)) {
+    return null
+  }
+
+  // Remove query parameters
+  const cleanUrl = url.split('?')[0]
+
+  // Handle clip URLs from clips.twitch.tv
+  if (cleanUrl.includes('clips.twitch.tv/')) {
+    const clipRegex = /clips\.twitch\.tv\/([\w-]+)/
+    const match = cleanUrl.match(clipRegex)
+    return match ? { type: 'clip', id: match[1] } : null
+  }
+
+  // Handle twitch.tv URLs
+  if (cleanUrl.includes('twitch.tv/')) {
+    // Check if it's a video URL (videos/ID)
+    const videoRegex = /twitch\.tv\/videos\/(\d+)/
+    const videoMatch = cleanUrl.match(videoRegex)
+    if (videoMatch) {
+      return { type: 'video', id: videoMatch[1] }
+    }
+
+    // Check if it's a clip URL (channel/clip/clipname)
+    const channelClipRegex = /twitch\.tv\/([\w-]+)\/clip\/([\w-]+)/
+    const clipMatch = cleanUrl.match(channelClipRegex)
+    if (clipMatch) {
+      return { type: 'clip', id: clipMatch[2] }
+    }
+
+    // Otherwise it's a channel URL
+    const channelRegex = /twitch\.tv\/([\w-]+)(?:\/)?$/
+    const channelMatch = cleanUrl.match(channelRegex)
+    if (channelMatch) {
+      return { type: 'channel', id: channelMatch[1] }
+    }
+  }
+
+  return null
+}
+
+/**
+ * Generates an embed URL from a Twitch video, clip or channel URL with optional parameters
+ *
+ * @param options - The embed URL options
+ * @returns The embed URL or null if invalid
+ *
+ * @example
+ * ```ts
+ * getEmbedUrlFromTwitchUrl({
+ *   url: 'https://www.twitch.tv/videos/1234567890',
+ *   parent: 'example.com',
+ *   muted: true,
+ *   time: '1h2m3s'
+ * })
+ * // Returns: https://player.twitch.tv/?video=1234567890&parent=example.com&muted=true&time=1h2m3s
+ *
+ * getEmbedUrlFromTwitchUrl({
+ *   url: 'https://www.twitch.tv/examplechannel/clip/ExampleClipName-ABC123',
+ *   parent: 'example.com',
+ *   autoplay: true,
+ *   muted: true
+ * })
+ * // Returns: https://clips.twitch.tv/embed?clip=ExampleClipName-ABC123&parent=example.com&autoplay=true&muted=true
+ *
+ * getEmbedUrlFromTwitchUrl({
+ *   url: 'https://www.twitch.tv/examplechannel',
+ *   parent: 'example.com'
+ * })
+ * // Returns: https://player.twitch.tv/?channel=examplechannel&parent=example.com
+ * ```
+ */
+export const getEmbedUrlFromTwitchUrl = (options: GetEmbedUrlOptions): string | null => {
+  const { url, allowFullscreen = true, autoplay = false, muted = false, time, parent } = options
+
+  const identifier = getTwitchIdentifier(url)
+
+  if (!identifier) {
+    return null
+  }
+
+  const parentDomain = parent || 'localhost'
+
+  // Handle clip URLs
+  if (identifier.type === 'clip') {
+    const clipUrl = new URL('https://clips.twitch.tv/embed')
+    clipUrl.searchParams.set('clip', identifier.id)
+    clipUrl.searchParams.set('parent', parentDomain)
+
+    if (autoplay) {
+      clipUrl.searchParams.set('autoplay', 'true')
+    }
+
+    if (muted) {
+      clipUrl.searchParams.set('muted', 'true')
+    }
+
+    return clipUrl.toString()
+  }
+
+  // Handle video URLs
+  if (identifier.type === 'video') {
+    const videoUrl = new URL('https://player.twitch.tv/')
+    videoUrl.searchParams.set('video', identifier.id)
+    videoUrl.searchParams.set('parent', parentDomain)
+
+    if (allowFullscreen) {
+      videoUrl.searchParams.set('allowfullscreen', 'true')
+    }
+
+    if (autoplay) {
+      videoUrl.searchParams.set('autoplay', 'true')
+    }
+
+    if (muted) {
+      videoUrl.searchParams.set('muted', 'true')
+    }
+
+    if (time) {
+      videoUrl.searchParams.set('time', time)
+    }
+
+    return videoUrl.toString()
+  }
+
+  // Handle channel URLs
+  if (identifier.type === 'channel') {
+    const channelUrl = new URL('https://player.twitch.tv/')
+    channelUrl.searchParams.set('channel', identifier.id)
+    channelUrl.searchParams.set('parent', parentDomain)
+
+    if (allowFullscreen) {
+      channelUrl.searchParams.set('allowfullscreen', 'true')
+    }
+
+    if (autoplay) {
+      channelUrl.searchParams.set('autoplay', 'true')
+    }
+
+    if (muted) {
+      channelUrl.searchParams.set('muted', 'true')
+    }
+
+    return channelUrl.toString()
+  }
+
+  return null
+}
+
+/**
+ * Parses a Twitch embed URL into canonical Twitch node attributes.
+ *
+ * @param url - The Twitch embed URL
+ * @returns Canonical node attributes or null if the URL is not a supported Twitch embed URL
+ *
+ * @example
+ * ```ts
+ * getAttributesFromTwitchEmbedUrl('https://player.twitch.tv/?video=1234567890&parent=example.com&muted=true')
+ * // Returns: { src: 'https://www.twitch.tv/videos/1234567890', muted: true }
+ *
+ * getAttributesFromTwitchEmbedUrl('https://clips.twitch.tv/embed?clip=ExampleClipName-ABC123&parent=example.com')
+ * // Returns: { src: 'https://clips.twitch.tv/ExampleClipName-ABC123' }
+ * ```
+ */
+export const getAttributesFromTwitchEmbedUrl = (url: string): TwitchEmbedAttributes | null => {
+  let parsedUrl: URL
+
+  try {
+    parsedUrl = new URL(url)
+  } catch {
+    return null
+  }
+
+  const hostname = parsedUrl.hostname.replace(/^www\./, '')
+  const result: TwitchEmbedAttributes = {
+    src: '',
+  }
+
+  if (hostname === 'player.twitch.tv') {
+    const videoId = parsedUrl.searchParams.get('video')
+    const channelName = parsedUrl.searchParams.get('channel')
+
+    if (videoId) {
+      result.src = `https://www.twitch.tv/videos/${videoId}`
+    } else if (channelName) {
+      result.src = `https://www.twitch.tv/${channelName}`
+    } else {
+      return null
+    }
+  } else if (hostname === 'clips.twitch.tv' && parsedUrl.pathname === '/embed') {
+    const clipId = parsedUrl.searchParams.get('clip')
+
+    if (!clipId) {
+      return null
+    }
+
+    result.src = `https://clips.twitch.tv/${clipId}`
+  } else {
+    return null
+  }
+
+  if (parsedUrl.searchParams.get('autoplay') === 'true') {
+    result.autoplay = true
+  }
+
+  if (parsedUrl.searchParams.get('muted') === 'true') {
+    result.muted = true
+  }
+
+  const time = parsedUrl.searchParams.get('time')
+
+  if (time) {
+    result.time = time
+  }
+
+  if (!isValidTwitchUrl(result.src)) {
+    return null
+  }
+
+  return result
+}
diff --git a/packages/extension-twitch/tests/integration/twitch.test.ts b/packages/extension-twitch/tests/integration/twitch.test.ts
new file mode 100644
index 0000000..06eba32
--- /dev/null
+++ b/packages/extension-twitch/tests/integration/twitch.test.ts
@@ -0,0 +1,593 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Twitch from '@tiptap/extension-twitch'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('extension-twitch', () => {
+  const editorElClass = 'tiptap'
+  let editor: Editor | null = null
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+    return editorEl
+  }
+
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  const invalidUrls = [
+    // We have to disable the oxlint rule here because we're trying to purposely test eval urls
+    // oxlint-disable-next-line no-script-url
+    'javascript:alert(window.origin)//embed/',
+    'https://twitch.google.com/videos/1234567890',
+    'https://twitch.com.bad/videos/1234567890',
+    'https://www.twtich.tv/videos/1234567890',
+  ]
+
+  invalidUrls.forEach(url => {
+    it(`does not output html for javascript schema or non-twitch links for url ${url}`, () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Twitch],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'twitch',
+              attrs: {
+                src: url,
+              },
+            },
+          ],
+        },
+      })
+
+      expect(editor.getHTML()).not.toContain(url)
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+  })
+
+  it('outputs html with iframe for valid twitch video id', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: 'https://www.twitch.tv/videos/1234567890',
+            },
+          },
+        ],
+      },
+    })
+
+    expect(editor.getHTML()).toContain('player.twitch.tv')
+    expect(editor.getHTML()).toContain('1234567890')
+    expect(editor.getHTML()).toContain('example.com')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('outputs html with iframe for twitch clip url', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: 'https://clips.twitch.tv/ExampleClipName-ABC123',
+            },
+          },
+        ],
+      },
+    })
+
+    expect(editor.getHTML()).toContain('clips.twitch.tv/embed')
+    expect(editor.getHTML()).toContain('ExampleClipName-ABC123')
+    expect(editor.getHTML()).toContain('example.com')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('outputs html with iframe for twitch channel url', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: 'https://www.twitch.tv/examplechannel',
+            },
+          },
+        ],
+      },
+    })
+
+    expect(editor.getHTML()).toContain('player.twitch.tv')
+    expect(editor.getHTML()).toContain('examplechannel')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('respects allowFullscreen option', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+          allowFullscreen: true,
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: 'https://www.twitch.tv/videos/1234567890',
+            },
+          },
+        ],
+      },
+    })
+
+    const html = editor.getHTML()
+    expect(html).toContain('allowfullscreen="true"')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('respects custom width and height', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+          width: 800,
+          height: 600,
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: 'https://www.twitch.tv/videos/1234567890',
+              width: 800,
+              height: 600,
+            },
+          },
+        ],
+      },
+    })
+
+    const html = editor.getHTML()
+    expect(html).toContain('width="800"')
+    expect(html).toContain('height="600"')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('can insert a video using the setTwitchVideo command', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+        }),
+      ],
+    })
+
+    editor.commands.setTwitchVideo({
+      src: 'https://www.twitch.tv/videos/1234567890',
+    })
+
+    expect(editor.getHTML()).toContain('data-twitch-video')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('does not insert video with invalid URL using setTwitchVideo command', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Twitch],
+    })
+
+    const result = editor.commands.setTwitchVideo({
+      src: 'https://invalid.com/video',
+    })
+
+    expect(result).toBe(false)
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('handles video URL with search parameters', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: 'https://www.twitch.tv/videos/1234567890?filter=archives&sort=time',
+            },
+          },
+        ],
+      },
+    })
+
+    expect(editor.getHTML()).toContain('player.twitch.tv')
+    expect(editor.getHTML()).toContain('1234567890')
+    expect(editor.getHTML()).not.toContain('filter=archives')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('handles clip URL with search parameters', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: 'https://clips.twitch.tv/ExampleClipName-ABC123?foo=bar&baz=qux',
+            },
+          },
+        ],
+      },
+    })
+
+    expect(editor.getHTML()).toContain('clips.twitch.tv/embed')
+    expect(editor.getHTML()).toContain('ExampleClipName-ABC123')
+    expect(editor.getHTML()).not.toContain('foo=bar')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('respects muted option', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+          muted: true,
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: 'https://www.twitch.tv/videos/1234567890',
+            },
+          },
+        ],
+      },
+    })
+
+    const html = editor.getHTML()
+    expect(html).toContain('muted=true')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('respects time option for videos', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+          time: '1h2m3s',
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: 'https://www.twitch.tv/videos/1234567890',
+            },
+          },
+        ],
+      },
+    })
+
+    const html = editor.getHTML()
+    expect(html).toContain('time=1h2m3s')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('respects attribute overrides for autoplay', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+          autoplay: true,
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: 'https://www.twitch.tv/videos/1234567890',
+              autoplay: false,
+            },
+          },
+        ],
+      },
+    })
+
+    const html = editor.getHTML()
+    // Should NOT have autoplay=true since attribute overrides option
+    expect(html).not.toContain('autoplay=true')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('respects attribute overrides for muted', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+          muted: false,
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: 'https://www.twitch.tv/videos/1234567890',
+              muted: true,
+            },
+          },
+        ],
+      },
+    })
+
+    const html = editor.getHTML()
+    expect(html).toContain('muted=true')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('respects attribute overrides for time', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+          time: '1h0m0s',
+        }),
+      ],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: 'https://www.twitch.tv/videos/1234567890',
+              time: '2h30m15s',
+            },
+          },
+        ],
+      },
+    })
+
+    const html = editor.getHTML()
+    expect(html).toContain('time=2h30m15s')
+    expect(html).not.toContain('1h0m0s')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it.each([
+    'https://www.twitch.tv/videos/1234567890',
+    'https://clips.twitch.tv/ExampleClipName-ABC123',
+    'https://www.twitch.tv/examplechannel',
+  ])(
+    'preserves the twitch src when content is loaded back from rendered HTML for %s',
+    originalSrc => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          Twitch.configure({
+            parent: 'example.com',
+          }),
+        ],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'twitch',
+              attrs: {
+                src: originalSrc,
+              },
+            },
+          ],
+        },
+      })
+
+      const html = editor.getHTML()
+
+      editor.destroy()
+      getEditorEl()?.remove()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [
+          Document,
+          Text,
+          Paragraph,
+          Twitch.configure({
+            parent: 'example.com',
+          }),
+        ],
+        content: html,
+      })
+
+      expect(editor.getJSON()).toMatchObject({
+        type: 'doc',
+        content: [
+          {
+            type: 'twitch',
+            attrs: {
+              src: originalSrc,
+            },
+          },
+        ],
+      })
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    },
+  )
+
+  it('does not persist NaN width or height when parsing iframe dimensions from HTML', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [
+        Document,
+        Text,
+        Paragraph,
+        Twitch.configure({
+          parent: 'example.com',
+        }),
+      ],
+      content:
+        '<div data-twitch-video><iframe src="https://player.twitch.tv/?video=1234567890&parent=example.com" width="100%" height="auto"></iframe></div>',
+    })
+
+    const attrs = editor.getJSON().content?.[0]?.attrs ?? {}
+    const html = editor.getHTML()
+
+    expect(Number.isNaN(attrs.width)).toBe(false)
+    expect(Number.isNaN(attrs.height)).toBe(false)
+    expect(html).not.toContain('width="NaN"')
+    expect(html).not.toContain('height="NaN"')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it('renders invalid Twitch content without crashing when parsed HTML contains an unsupported src', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Twitch],
+      content:
+        '<div data-twitch-video><iframe src="https://example.com/not-a-twitch-url"></iframe></div>',
+    })
+
+    expect(() => editor?.getHTML()).not.toThrow()
+    expect(editor.getHTML()).toContain('Invalid Twitch URL')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+})
diff --git a/packages/extension-twitch/vite.config.ts b/packages/extension-twitch/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-twitch/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-typography/CHANGELOG.md b/packages/extension-typography/CHANGELOG.md
new file mode 100644
index 0000000..69f566b
--- /dev/null
+++ b/packages/extension-typography/CHANGELOG.md
@@ -0,0 +1,1637 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- 18fbb42: Added RTL smart quote support
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+### Bug Fixes
+
+- **typography:** require spaces after divisions to not break date formats ([#4696](https://github.com/ueberdosis/tiptap/issues/4696)) ([f6d7e00](https://github.com/ueberdosis/tiptap/commit/f6d7e00a746a67fa440a3fa0f5362295959873d2))
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+### Bug Fixes
+
+- **typography:** dont create fractions in the middle of a string ([#3762](https://github.com/ueberdosis/tiptap/issues/3762)) ([7ad54ea](https://github.com/ueberdosis/tiptap/commit/7ad54ea86a265c07bc94606cfd4724a00befaf3f))
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+### Features
+
+- **extension-typography:** add servicemark input rule ([#3220](https://github.com/ueberdosis/tiptap/issues/3220)) ([a397835](https://github.com/ueberdosis/tiptap/commit/a3978353ff602527329064f3c8c96bedc8fb2060))
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.20...@tiptap/extension-typography@2.0.0-beta.22) (2022-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.19...@tiptap/extension-typography@2.0.0-beta.20) (2022-02-07)
+
+### Features
+
+- Allow individual Typography rules to be disabled ([#2449](https://github.com/ueberdosis/tiptap/issues/2449)) ([7ce6687](https://github.com/ueberdosis/tiptap/commit/7ce6687184576f4d3ca0953d27e729f00c758e07))
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.18...@tiptap/extension-typography@2.0.0-beta.19) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.17...@tiptap/extension-typography@2.0.0-beta.18) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.16...@tiptap/extension-typography@2.0.0-beta.17) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.15...@tiptap/extension-typography@2.0.0-beta.16) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.14...@tiptap/extension-typography@2.0.0-beta.15) (2021-10-08)
+
+### Features
+
+- Integrate input rules and paste rules into the core ([#1997](https://github.com/ueberdosis/tiptap/issues/1997)) ([723b955](https://github.com/ueberdosis/tiptap/commit/723b955cecc5c92c8aad897ce16c60fb62976571))
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.13...@tiptap/extension-typography@2.0.0-beta.14) (2021-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.12...@tiptap/extension-typography@2.0.0-beta.13) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.11...@tiptap/extension-typography@2.0.0-beta.12) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.10...@tiptap/extension-typography@2.0.0-beta.11) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.9...@tiptap/extension-typography@2.0.0-beta.10) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.8...@tiptap/extension-typography@2.0.0-beta.9) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.7...@tiptap/extension-typography@2.0.0-beta.8) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.6...@tiptap/extension-typography@2.0.0-beta.7) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.5...@tiptap/extension-typography@2.0.0-beta.6) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.4...@tiptap/extension-typography@2.0.0-beta.5) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.3...@tiptap/extension-typography@2.0.0-beta.4) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.2...@tiptap/extension-typography@2.0.0-beta.3) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-beta.1...@tiptap/extension-typography@2.0.0-beta.2) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-alpha.11...@tiptap/extension-typography@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-alpha.10...@tiptap/extension-typography@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-alpha.9...@tiptap/extension-typography@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-alpha.8...@tiptap/extension-typography@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-alpha.7...@tiptap/extension-typography@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-alpha.6...@tiptap/extension-typography@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-alpha.5...@tiptap/extension-typography@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-alpha.4...@tiptap/extension-typography@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-alpha.3...@tiptap/extension-typography@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-alpha.2...@tiptap/extension-typography@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@2.0.0-alpha.1...@tiptap/extension-typography@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@1.0.0-alpha.2...@tiptap/extension-typography@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-typography@1.0.0-alpha.1...@tiptap/extension-typography@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-typography
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-typography/README.md b/packages/extension-typography/README.md
new file mode 100644
index 0000000..5d3c3e3
--- /dev/null
+++ b/packages/extension-typography/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-typography
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-typography.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-typography)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-typography.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-typography.svg)](https://www.npmjs.com/package/@tiptap/extension-typography)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-typography/package.json b/packages/extension-typography/package.json
new file mode 100644
index 0000000..ff7f3b5
--- /dev/null
+++ b/packages/extension-typography/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-typography",
+  "version": "3.30.3",
+  "description": "typography extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-typography"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-typography/src/index.ts b/packages/extension-typography/src/index.ts
new file mode 100644
index 0000000..1280016
--- /dev/null
+++ b/packages/extension-typography/src/index.ts
@@ -0,0 +1,5 @@
+import { Typography } from './typography.js'
+
+export * from './typography.js'
+
+export default Typography
diff --git a/packages/extension-typography/src/typography.ts b/packages/extension-typography/src/typography.ts
new file mode 100644
index 0000000..dee2cb2
--- /dev/null
+++ b/packages/extension-typography/src/typography.ts
@@ -0,0 +1,465 @@
+import { Extension, textInputRule } from '@tiptap/core'
+
+/**
+ * Configuration for directional quotes (open/close pair).
+ */
+export interface DirectionalQuotes {
+  open: string
+  close: string
+}
+
+export interface TypographyOptions {
+  /**
+   * The em dash character.
+   * @default '—'
+   */
+  emDash: false | string
+
+  /**
+   * The ellipsis character.
+   * @default '…'
+   */
+  ellipsis: false | string
+
+  /**
+   * The open double quote character.
+   * @default '“'
+   */
+  openDoubleQuote: false | string
+
+  /**
+   * The close double quote character.
+   * @default '”'
+   */
+  closeDoubleQuote: false | string
+
+  /**
+   * The open single quote character.
+   * @default '‘'
+   */
+  openSingleQuote: false | string
+
+  /**
+   * The close single quote character.
+   * @default '’'
+   */
+  closeSingleQuote: false | string
+
+  /**
+   * The left arrow character.
+   * @default '←'
+   */
+  leftArrow: false | string
+
+  /**
+   * The right arrow character.
+   * @default '→'
+   */
+  rightArrow: false | string
+
+  /**
+   * The copyright character.
+   * @default '©'
+   */
+  copyright: false | string
+
+  /**
+   * The trademark character.
+   * @default '™'
+   */
+  trademark: false | string
+
+  /**
+   * The servicemark character.
+   * @default '℠'
+   */
+  servicemark: false | string
+
+  /**
+   * The registered trademark character.
+   * @default '®'
+   */
+  registeredTrademark: false | string
+
+  /**
+   * The one half character.
+   * @default '½'
+   */
+  oneHalf: false | string
+
+  /**
+   * The plus minus character.
+   * @default '±'
+   */
+  plusMinus: false | string
+
+  /**
+   * The not equal character.
+   * @default '≠'
+   */
+  notEqual: false | string
+
+  /**
+   * The laquo character.
+   * @default '«'
+   */
+  laquo: false | string
+
+  /**
+   * The raquo character.
+   * @default '»'
+   */
+  raquo: false | string
+
+  /**
+   * The multiplication character.
+   * @default '×'
+   */
+  multiplication: false | string
+
+  /**
+   * The superscript two character.
+   * @default '²'
+   */
+  superscriptTwo: false | string
+
+  /**
+   * The superscript three character.
+   * @default '³'
+   */
+  superscriptThree: false | string
+
+  /**
+   * The one quarter character.
+   * @default '¼'
+   */
+  oneQuarter: false | string
+
+  /**
+   * The three quarters character.
+   * @default '¾'
+   */
+  threeQuarters: false | string
+
+  /**
+   * Directional double quotes configuration.
+   * Use this for explicit LTR/RTL quote control.
+   * When `rtl` is configured, RTL-specific quote rules are used instead of default LTR.
+   * @example
+   * ```ts
+   * Typography.configure({
+   *   doubleQuotes: {
+   *     rtl: { open: '\u201D', close: '\u201C' } // Swapped for RTL
+   *   }
+   * })
+   * ```
+   */
+  doubleQuotes?: {
+    rtl?: DirectionalQuotes
+  }
+
+  /**
+   * Directional single quotes configuration.
+   * Use this for explicit LTR/RTL quote control.
+   * When `rtl` is configured, RTL-specific quote rules are used instead of default LTR.
+   * @example
+   * ```ts
+   * Typography.configure({
+   *   singleQuotes: {
+   *     rtl: { open: '\u2019', close: '\u2018' } // Swapped for RTL
+   *   }
+   * })
+   * ```
+   */
+  singleQuotes?: {
+    rtl?: DirectionalQuotes
+  }
+}
+
+export const emDash = (override?: string) =>
+  textInputRule({
+    find: /--$/,
+    replace: override ?? '—',
+  })
+
+export const ellipsis = (override?: string) =>
+  textInputRule({
+    find: /\.\.\.$/,
+    replace: override ?? '…',
+  })
+
+export const openDoubleQuote = (override?: string) =>
+  textInputRule({
+    find: /(?:^|[\s{[(<'"\u2018\u201C])(")$/,
+    replace: override ?? '“',
+  })
+
+export const closeDoubleQuote = (override?: string) =>
+  textInputRule({
+    find: /"$/,
+    replace: override ?? '”',
+  })
+
+export const openSingleQuote = (override?: string) =>
+  textInputRule({
+    find: /(?:^|[\s{[(<'"\u2018\u201C])(')$/,
+    replace: override ?? '‘',
+  })
+
+export const closeSingleQuote = (override?: string) =>
+  textInputRule({
+    find: /'$/,
+    replace: override ?? '’',
+  })
+
+export const leftArrow = (override?: string) =>
+  textInputRule({
+    find: /<-$/,
+    replace: override ?? '←',
+  })
+
+export const rightArrow = (override?: string) =>
+  textInputRule({
+    find: /->$/,
+    replace: override ?? '→',
+  })
+
+export const copyright = (override?: string) =>
+  textInputRule({
+    find: /\(c\)$/,
+    replace: override ?? '©',
+  })
+
+export const trademark = (override?: string) =>
+  textInputRule({
+    find: /\(tm\)$/,
+    replace: override ?? '™',
+  })
+
+export const servicemark = (override?: string) =>
+  textInputRule({
+    find: /\(sm\)$/,
+    replace: override ?? '℠',
+  })
+
+export const registeredTrademark = (override?: string) =>
+  textInputRule({
+    find: /\(r\)$/,
+    replace: override ?? '®',
+  })
+
+export const oneHalf = (override?: string) =>
+  textInputRule({
+    find: /(?:^|\s)(1\/2)\s$/,
+    replace: override ?? '½',
+  })
+
+export const plusMinus = (override?: string) =>
+  textInputRule({
+    find: /\+\/-$/,
+    replace: override ?? '±',
+  })
+
+export const notEqual = (override?: string) =>
+  textInputRule({
+    find: /!=$/,
+    replace: override ?? '≠',
+  })
+
+export const laquo = (override?: string) =>
+  textInputRule({
+    find: /<<$/,
+    replace: override ?? '«',
+  })
+
+export const raquo = (override?: string) =>
+  textInputRule({
+    find: />>$/,
+    replace: override ?? '»',
+  })
+
+export const multiplication = (override?: string) =>
+  textInputRule({
+    find: /\d+\s?([*x])\s?\d+$/,
+    replace: override ?? '×',
+  })
+
+export const superscriptTwo = (override?: string) =>
+  textInputRule({
+    find: /\^2$/,
+    replace: override ?? '²',
+  })
+
+export const superscriptThree = (override?: string) =>
+  textInputRule({
+    find: /\^3$/,
+    replace: override ?? '³',
+  })
+
+export const oneQuarter = (override?: string) =>
+  textInputRule({
+    find: /(?:^|\s)(1\/4)\s$/,
+    replace: override ?? '¼',
+  })
+
+export const threeQuarters = (override?: string) =>
+  textInputRule({
+    find: /(?:^|\s)(3\/4)\s$/,
+    replace: override ?? '¾',
+  })
+
+/**
+ * This extension allows you to add typography replacements for specific characters.
+ * @see https://www.tiptap.dev/api/extensions/typography
+ */
+export const Typography = Extension.create<TypographyOptions>({
+  name: 'typography',
+
+  addOptions() {
+    return {
+      closeDoubleQuote: '”',
+      closeSingleQuote: '’',
+      copyright: '©',
+      ellipsis: '…',
+      emDash: '—',
+      laquo: '«',
+      leftArrow: '←',
+      multiplication: '×',
+      notEqual: '≠',
+      oneHalf: '½',
+      oneQuarter: '¼',
+      openDoubleQuote: '“',
+      openSingleQuote: '‘',
+      plusMinus: '±',
+      raquo: '»',
+      registeredTrademark: '®',
+      rightArrow: '→',
+      servicemark: '℠',
+      superscriptThree: '³',
+      superscriptTwo: '²',
+      threeQuarters: '¾',
+      trademark: '™',
+    }
+  },
+
+  addInputRules() {
+    const rules = []
+
+    if (this.options.emDash !== false) {
+      rules.push(emDash(this.options.emDash))
+    }
+
+    if (this.options.ellipsis !== false) {
+      rules.push(ellipsis(this.options.ellipsis))
+    }
+
+    // Determine if RTL mode is active based on explicit config or editor option
+    const isRTL = this.editor.options.textDirection === 'rtl'
+
+    // Double quotes: use explicit RTL config if provided, otherwise use automatic RTL detection
+    if (this.options.doubleQuotes?.rtl) {
+      const { open, close } = this.options.doubleQuotes.rtl
+
+      rules.push(openDoubleQuote(open))
+      rules.push(closeDoubleQuote(close))
+    } else if (isRTL) {
+      // Automatic RTL detection: swap open and close quotes
+      rules.push(openDoubleQuote('\u201D')) // Right double quotation mark
+      rules.push(closeDoubleQuote('\u201C')) // Left double quotation mark
+    } else {
+      if (this.options.openDoubleQuote !== false) {
+        rules.push(openDoubleQuote(this.options.openDoubleQuote))
+      }
+
+      if (this.options.closeDoubleQuote !== false) {
+        rules.push(closeDoubleQuote(this.options.closeDoubleQuote))
+      }
+    }
+
+    // Single quotes: use explicit RTL config if provided, otherwise use automatic RTL detection
+    if (this.options.singleQuotes?.rtl) {
+      const { open, close } = this.options.singleQuotes.rtl
+
+      rules.push(openSingleQuote(open))
+      rules.push(closeSingleQuote(close))
+    } else if (isRTL) {
+      // Automatic RTL detection: swap open and close quotes
+      rules.push(openSingleQuote('\u2019')) // Right single quotation mark
+      rules.push(closeSingleQuote('\u2018')) // Left single quotation mark
+    } else {
+      if (this.options.openSingleQuote !== false) {
+        rules.push(openSingleQuote(this.options.openSingleQuote))
+      }
+
+      if (this.options.closeSingleQuote !== false) {
+        rules.push(closeSingleQuote(this.options.closeSingleQuote))
+      }
+    }
+
+    if (this.options.leftArrow !== false) {
+      rules.push(leftArrow(this.options.leftArrow))
+    }
+
+    if (this.options.rightArrow !== false) {
+      rules.push(rightArrow(this.options.rightArrow))
+    }
+
+    if (this.options.copyright !== false) {
+      rules.push(copyright(this.options.copyright))
+    }
+
+    if (this.options.trademark !== false) {
+      rules.push(trademark(this.options.trademark))
+    }
+
+    if (this.options.servicemark !== false) {
+      rules.push(servicemark(this.options.servicemark))
+    }
+
+    if (this.options.registeredTrademark !== false) {
+      rules.push(registeredTrademark(this.options.registeredTrademark))
+    }
+
+    if (this.options.oneHalf !== false) {
+      rules.push(oneHalf(this.options.oneHalf))
+    }
+
+    if (this.options.plusMinus !== false) {
+      rules.push(plusMinus(this.options.plusMinus))
+    }
+
+    if (this.options.notEqual !== false) {
+      rules.push(notEqual(this.options.notEqual))
+    }
+
+    if (this.options.laquo !== false) {
+      rules.push(laquo(this.options.laquo))
+    }
+
+    if (this.options.raquo !== false) {
+      rules.push(raquo(this.options.raquo))
+    }
+
+    if (this.options.multiplication !== false) {
+      rules.push(multiplication(this.options.multiplication))
+    }
+
+    if (this.options.superscriptTwo !== false) {
+      rules.push(superscriptTwo(this.options.superscriptTwo))
+    }
+
+    if (this.options.superscriptThree !== false) {
+      rules.push(superscriptThree(this.options.superscriptThree))
+    }
+
+    if (this.options.oneQuarter !== false) {
+      rules.push(oneQuarter(this.options.oneQuarter))
+    }
+
+    if (this.options.threeQuarters !== false) {
+      rules.push(threeQuarters(this.options.threeQuarters))
+    }
+
+    return rules
+  },
+})
diff --git a/packages/extension-typography/vite.config.ts b/packages/extension-typography/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-typography/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-underline/CHANGELOG.md b/packages/extension-underline/CHANGELOG.md
new file mode 100644
index 0000000..24ad837
--- /dev/null
+++ b/packages/extension-underline/CHANGELOG.md
@@ -0,0 +1,1644 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.23...@tiptap/extension-underline@2.0.0-beta.25) (2022-06-17)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.22...@tiptap/extension-underline@2.0.0-beta.23) (2022-02-03)
+
+### Features
+
+- Add key bindings for uppercase letters for bold, italic and underline ([#2478](https://github.com/ueberdosis/tiptap/issues/2478)) ([b9bd469](https://github.com/ueberdosis/tiptap/commit/b9bd46964534c488dca21585786374b2f06ff03c)), closes [ProseMirror/prosemirror#895](https://github.com/ProseMirror/prosemirror/issues/895) [#2426](https://github.com/ueberdosis/tiptap/issues/2426)
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.21...@tiptap/extension-underline@2.0.0-beta.22) (2021-12-02)
+
+### Bug Fixes
+
+- remove some magic strings ([6c34dec](https://github.com/ueberdosis/tiptap/commit/6c34dec33ac39c9f037a0a72e4525f3fc6d422bf))
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.20...@tiptap/extension-underline@2.0.0-beta.21) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.19...@tiptap/extension-underline@2.0.0-beta.20) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.18...@tiptap/extension-underline@2.0.0-beta.19) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.17...@tiptap/extension-underline@2.0.0-beta.18) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.16...@tiptap/extension-underline@2.0.0-beta.17) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.15...@tiptap/extension-underline@2.0.0-beta.16) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.14...@tiptap/extension-underline@2.0.0-beta.15) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.13...@tiptap/extension-underline@2.0.0-beta.14) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.12...@tiptap/extension-underline@2.0.0-beta.13) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.11...@tiptap/extension-underline@2.0.0-beta.12) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.10...@tiptap/extension-underline@2.0.0-beta.11) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.9...@tiptap/extension-underline@2.0.0-beta.10) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.8...@tiptap/extension-underline@2.0.0-beta.9) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.7...@tiptap/extension-underline@2.0.0-beta.8) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.6...@tiptap/extension-underline@2.0.0-beta.7) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.5...@tiptap/extension-underline@2.0.0-beta.6) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.4...@tiptap/extension-underline@2.0.0-beta.5) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.3...@tiptap/extension-underline@2.0.0-beta.4) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.2...@tiptap/extension-underline@2.0.0-beta.3) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-beta.1...@tiptap/extension-underline@2.0.0-beta.2) (2021-04-09)
+
+### Bug Fixes
+
+- fix a bug where strike and underline can’t parsed together ([eff2c41](https://github.com/ueberdosis/tiptap/commit/eff2c4140a9e15762fa2238caf21dfbc47ffc3df))
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-alpha.11...@tiptap/extension-underline@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-alpha.10...@tiptap/extension-underline@2.0.0-alpha.11) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-alpha.9...@tiptap/extension-underline@2.0.0-alpha.10) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-alpha.8...@tiptap/extension-underline@2.0.0-alpha.9) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-alpha.7...@tiptap/extension-underline@2.0.0-alpha.8) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-alpha.6...@tiptap/extension-underline@2.0.0-alpha.7) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-alpha.5...@tiptap/extension-underline@2.0.0-alpha.6) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-alpha.4...@tiptap/extension-underline@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-alpha.3...@tiptap/extension-underline@2.0.0-alpha.4) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-alpha.2...@tiptap/extension-underline@2.0.0-alpha.3) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@2.0.0-alpha.1...@tiptap/extension-underline@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@1.0.0-alpha.2...@tiptap/extension-underline@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-underline@1.0.0-alpha.1...@tiptap/extension-underline@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/extension-underline
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+### Reverts
+
+- Revert "use global namespace" ([0c9ce26](https://github.com/ueberdosis/tiptap/commit/0c9ce26c02c07d88a757c01b0a9d7f9e2b0b7502))
diff --git a/packages/extension-underline/README.md b/packages/extension-underline/README.md
new file mode 100644
index 0000000..cb79675
--- /dev/null
+++ b/packages/extension-underline/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-underline
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-underline.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-underline)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-underline.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-underline.svg)](https://www.npmjs.com/package/@tiptap/extension-underline)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-underline/package.json b/packages/extension-underline/package.json
new file mode 100644
index 0000000..237b048
--- /dev/null
+++ b/packages/extension-underline/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-underline",
+  "version": "3.30.3",
+  "description": "underline extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-underline"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-underline/src/index.ts b/packages/extension-underline/src/index.ts
new file mode 100644
index 0000000..af593a0
--- /dev/null
+++ b/packages/extension-underline/src/index.ts
@@ -0,0 +1,5 @@
+import { Underline } from './underline.js'
+
+export * from './underline.js'
+
+export default Underline
diff --git a/packages/extension-underline/src/underline.ts b/packages/extension-underline/src/underline.ts
new file mode 100644
index 0000000..d9b5513
--- /dev/null
+++ b/packages/extension-underline/src/underline.ts
@@ -0,0 +1,123 @@
+import { Mark, mergeAttributes } from '@tiptap/core'
+
+export interface UnderlineOptions {
+  /**
+   * HTML attributes to add to the underline element.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    underline: {
+      /**
+       * Set an underline mark
+       * @example editor.commands.setUnderline()
+       */
+      setUnderline: () => ReturnType
+      /**
+       * Toggle an underline mark
+       * @example editor.commands.toggleUnderline()
+       */
+      toggleUnderline: () => ReturnType
+      /**
+       * Unset an underline mark
+       * @example editor.commands.unsetUnderline()
+       */
+      unsetUnderline: () => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension allows you to create underline text.
+ * @see https://www.tiptap.dev/api/marks/underline
+ */
+export const Underline = Mark.create<UnderlineOptions>({
+  name: 'underline',
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'u',
+      },
+      {
+        style: 'text-decoration',
+        consuming: false,
+        getAttrs: style => ((style as string).includes('underline') ? {} : false),
+      },
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['u', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
+  },
+
+  parseMarkdown(token, helpers) {
+    return helpers.applyMark(this.name || 'underline', helpers.parseInline(token.tokens || []))
+  },
+
+  renderMarkdown(node, helpers) {
+    return `++${helpers.renderChildren(node)}++`
+  },
+
+  markdownTokenizer: {
+    name: 'underline',
+    level: 'inline',
+    start(src) {
+      return src.indexOf('++')
+    },
+    tokenize(src, _tokens, lexer) {
+      const rule = /^(\+\+)([\s\S]+?)(\+\+)/
+      const match = rule.exec(src)
+
+      if (!match) {
+        return undefined
+      }
+
+      const innerContent = match[2].trim()
+
+      return {
+        type: 'underline',
+        raw: match[0],
+        text: innerContent,
+        tokens: lexer.inlineTokens(innerContent),
+      }
+    },
+  },
+
+  addCommands() {
+    return {
+      setUnderline:
+        () =>
+        ({ commands }) => {
+          return commands.setMark(this.name)
+        },
+      toggleUnderline:
+        () =>
+        ({ commands }) => {
+          return commands.toggleMark(this.name)
+        },
+      unsetUnderline:
+        () =>
+        ({ commands }) => {
+          return commands.unsetMark(this.name)
+        },
+    }
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-u': () => this.editor.commands.toggleUnderline(),
+      'Mod-U': () => this.editor.commands.toggleUnderline(),
+    }
+  },
+})
diff --git a/packages/extension-underline/vite.config.ts b/packages/extension-underline/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-underline/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-unique-id/CHANGELOG.md b/packages/extension-unique-id/CHANGELOG.md
new file mode 100644
index 0000000..29f5e2f
--- /dev/null
+++ b/packages/extension-unique-id/CHANGELOG.md
@@ -0,0 +1,1096 @@
+# @tiptap/extension-unique-id
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- af365bc: Fix memory leak when destroying an editor before the collaboration provider syncs. The `synced` listener registered in `onCreate` was only removed once the event fired, so destroying the editor first left the `createIds` closure (and the whole editor it captures) referenced by the shared provider. The listener is now also detached on destroy, so the editor can be garbage collected.
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- 62fbb81: Update uuid dependency to version `14.0.0`
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- 6538ea5: Fixed a bug where empty paragraphs accumulated in the document on every page reload when using the UniqueID extension with the Collaboration extension and an externally created Yjs provider.
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- db873d9: Add support for `types: 'all'` in `UniqueID` to target every node type except `doc` and `text`.
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- bb4989f: Improved `findDuplicates` helper performance from O(n²) to O(n) by using Set-based lookups instead of Array.indexOf
+  - @tiptap/core@3.16.0
+  - @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- c5cbea6: Fix unique ID assignment when handling empty nodes by checking next node's attribute state in the transaction document before modifying it, preventing incorrect ID assignments.
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- 9d5aeb1: Fixed infinite transaction loop that caused browser tabs to freeze when using UniqueID and TrailingNode extensions together.
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Minor Changes
+
+- 1df8901: Add `updateDocument` option to disable document updates caused by the Unique ID extension.
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Minor Changes
+
+- 23e516e: Add `updateDocument` option to disable document updates caused by the Unique ID extension.
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Minor Changes
+
+- 001b718: Create a utility to add unique IDs to a document in the server
+
+  The utility is called `generateUniqueIds` and is exported from the `@tiptap/extension-unique-id` package.
+
+  It has the same functionality as the `UniqueID` extension, but without the need to create an `Editor` instance. This lets you add unique IDs to the document in the server.
+
+  It takes the following parameters:
+
+  - `doc`: The Tiptap JSON document to add unique IDs to.
+  - `extensions`: The extensions to use. Must include the `UniqueID` extension.
+
+  It returns the updated Tiptap JSON document, with the unique IDs added to the nodes.
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- 96a34a0: Fix collaboration extension selection to use the extension with a provider instead of the first registered extension
+  - @tiptap/core@3.3.1
+  - @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- 5423726: Change the `generateID` option to accept a context object: `{ node, pos }`.
+
+  This lets ID generators access both the ProseMirror `node` and its `pos` within the document when creating IDs, enabling logic that depends on node content, type, or position.
+
+  The change is backwards-compatible: existing `generateID` functions that ignore the new context will continue to work. Example usage:
+
+  ```
+  editor.use(UniqueID, {
+    generateID: ({ node, pos }) => `${node.type.name}-${pos}-${uuidv4()}`,
+  })
+  ```
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- 1cab7ff: Change the `generateID` option to accept a context object: `{ node, pos }`.
+
+  This lets ID generators access both the ProseMirror `node` and its `pos` within the document when creating IDs, enabling logic that depends on node content, type, or position.
+
+  The change is backwards-compatible: existing `generateID` functions that ignore the new context will continue to work.
+
+  - @tiptap/core@3.2.2
+  - @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- 0dc17f4: Fix UniqueID extension creating unwanted nodes on page refresh by looking for collaboration provider in the correct extension (collaborationCaret instead of collaboration)
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Minor Changes
+
+- 7ac01ef: We open sourced our basic pro extensions
+
+  This release includes the following extensions that were previously only available in our Pro version:
+
+  - `@tiptap/extension-drag-handle`
+  - `@tiptap/extension-drag-handle-react`
+  - `@tiptap/extension-drag-handle-vue-2`
+  - `@tiptap/extension-drag-handle-vue-3`
+  - `@tiptap/extension-emoji`
+  - `@tiptap/extension-details`
+  - `@tiptap/extension-file-handler`
+  - `@tiptap/extension-invisible-characters`
+  - `@tiptap/extension-mathematics`
+  - `@tiptap/extension-node-range`
+  - `@tiptap/extension-table-of-contents`
+  - `@tiptap/extension-unique-id`
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
diff --git a/packages/extension-unique-id/README.md b/packages/extension-unique-id/README.md
new file mode 100644
index 0000000..ceb05b9
--- /dev/null
+++ b/packages/extension-unique-id/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-unique-id
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-unique-id.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-unique-id)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-unique-id.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-unique-id.svg)](https://www.npmjs.com/package/@tiptap/extension-unique-id)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-unique-id/package.json b/packages/extension-unique-id/package.json
new file mode 100644
index 0000000..16ba13e
--- /dev/null
+++ b/packages/extension-unique-id/package.json
@@ -0,0 +1,55 @@
+{
+  "name": "@tiptap/extension-unique-id",
+  "version": "3.30.3",
+  "description": "unique id extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev/api/extensions/unique-id",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-unique-id"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "uuid": "^14.0.0"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extension-unique-id/src/generate-unique-ids.ts b/packages/extension-unique-id/src/generate-unique-ids.ts
new file mode 100644
index 0000000..175b43b
--- /dev/null
+++ b/packages/extension-unique-id/src/generate-unique-ids.ts
@@ -0,0 +1,79 @@
+import type { Extensions, JSONContent } from '@tiptap/core'
+import { findChildren, getSchema } from '@tiptap/core'
+import { Node as PMNode } from '@tiptap/pm/model'
+import { EditorState } from '@tiptap/pm/state'
+
+import type { UniqueID } from './unique-id.js'
+
+/**
+ * Creates a new document with unique IDs added to the nodes. Does the same
+ * thing as the UniqueID extension, but without the need to create an `Editor`
+ * instance. This lets you add unique IDs to the document in the server.
+ *
+ * When you call it, include the `UniqueID` extension in the `extensions` array.
+ * The configuration from the `UniqueID` extension will be picked up
+ * automatically, including its configuration options like `types` and
+ * `attributeName`.
+ *
+ * @see `UniqueID` extension for more information.
+ *
+ * @throws {Error} If the `UniqueID` extension is not found in the extensions array.
+ *
+ * @example
+ * const doc = {
+ *   type: 'doc',
+ *   content: [
+ *     { type: 'paragraph', content: [{ type: 'text', text: 'Hello, world!' }] }
+ *   ]
+ * }
+ * const newDoc = addUniqueIds(doc, [StarterKit, UniqueID.configure({ types: ['paragraph', 'heading'] })])
+ * console.log(newDoc)
+ * // Result:
+ * // {
+ * //   type: 'doc',
+ * //   content: [
+ * //     { type: 'paragraph', content: [{ type: 'text', text: 'Hello, world!' }], id: '123' }
+ * //   ]
+ * // }
+ *
+ * @param doc - A Tiptap JSON document to add unique IDs to.
+ * @param extensions - The extensions to use. Must include the `UniqueID` extension.
+ * @returns The updated Tiptap JSON document, with the unique IDs added to the nodes.
+ */
+export function generateUniqueIds(doc: JSONContent, extensions: Extensions): JSONContent {
+  // Find the UniqueID extension in the extensions array. If it's not found, throw an error.
+  const uniqueIDExtension = extensions.find(ext => ext.name === 'uniqueID') as
+    | typeof UniqueID
+    | undefined
+  if (!uniqueIDExtension) {
+    throw new Error('UniqueID extension not found in the extensions array')
+  }
+  // Convert the JSON content to a ProseMirror node
+  const schema = getSchema([
+    ...extensions.filter(ext => ext.name !== 'uniqueID'),
+    uniqueIDExtension,
+  ])
+  const { types: configuredTypes, attributeName, generateID } = uniqueIDExtension.options
+  const types =
+    configuredTypes === 'all'
+      ? Object.keys(schema.nodes).filter(type => type !== 'doc' && type !== 'text')
+      : configuredTypes
+  const contentNode = PMNode.fromJSON(schema, doc)
+
+  // Find nodes that don't have a unique ID
+  const nodesWithoutId = findChildren(contentNode, node => {
+    return !node.attrs[attributeName] && types.includes(node.type.name)
+  })
+
+  // Edit the document to add unique IDs to the nodes that don't have a unique ID
+  let tr = EditorState.create({
+    doc: contentNode,
+  }).tr
+  // oxlint-disable-next-line no-restricted-syntax
+  for (const { node, pos } of nodesWithoutId) {
+    tr = tr.setNodeAttribute(pos, attributeName, generateID({ node, pos }))
+  }
+
+  // Return the updated document
+  return tr.doc.toJSON()
+}
diff --git a/packages/extension-unique-id/src/helpers/findDuplicates.ts b/packages/extension-unique-id/src/helpers/findDuplicates.ts
new file mode 100644
index 0000000..020aa20
--- /dev/null
+++ b/packages/extension-unique-id/src/helpers/findDuplicates.ts
@@ -0,0 +1,17 @@
+/**
+ * Returns a list of duplicated items within an array.
+ */
+export function findDuplicates(items: any[]): any[] {
+  const seen = new Set()
+  const duplicates = new Set<any>()
+
+  items.forEach(item => {
+    if (seen.has(item)) {
+      duplicates.add(item)
+    } else {
+      seen.add(item)
+    }
+  })
+
+  return Array.from(duplicates)
+}
diff --git a/packages/extension-unique-id/src/index.ts b/packages/extension-unique-id/src/index.ts
new file mode 100644
index 0000000..1ef854f
--- /dev/null
+++ b/packages/extension-unique-id/src/index.ts
@@ -0,0 +1,6 @@
+import { UniqueID } from './unique-id.js'
+
+export * from './generate-unique-ids.js'
+export * from './unique-id.js'
+
+export default UniqueID
diff --git a/packages/extension-unique-id/src/unique-id.test.ts b/packages/extension-unique-id/src/unique-id.test.ts
new file mode 100644
index 0000000..52e028a
--- /dev/null
+++ b/packages/extension-unique-id/src/unique-id.test.ts
@@ -0,0 +1,45 @@
+import { Editor } from '@tiptap/core'
+import StarterKit from '@tiptap/starter-kit'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+
+import { UniqueID } from './unique-id.js'
+
+describe('UniqueID', () => {
+  let editor: Editor
+
+  beforeEach(async () => {
+    const element = document.createElement('div')
+    document.body.appendChild(element)
+    editor = new Editor({
+      element,
+      extensions: [StarterKit, UniqueID.configure({ types: ['heading', 'paragraph'] })],
+      content: '<h1>Heading</h1><p>Paragraph one.</p><p>Paragraph two.</p>',
+    })
+    // UniqueID generates initial ids in onCreate via setTimeout(0)
+    await new Promise(resolve => {
+      setTimeout(resolve, 0)
+    })
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('assigns a unique id to headings', () => {
+    const heading = editor.view.dom.querySelector('h1')
+    expect(heading?.getAttribute('data-id')).toMatch(/.+/)
+  })
+
+  it('assigns a unique id to paragraphs', () => {
+    const paragraphs = editor.view.dom.querySelectorAll('p')
+    paragraphs.forEach(p => {
+      expect(p.getAttribute('data-id')).toMatch(/.+/)
+    })
+  })
+
+  it('gives different ids to different nodes', () => {
+    const paragraphs = Array.from(editor.view.dom.querySelectorAll('p'))
+    const ids = paragraphs.map(p => p.getAttribute('data-id'))
+    expect(new Set(ids).size).toBe(ids.length)
+  })
+})
diff --git a/packages/extension-unique-id/src/unique-id.ts b/packages/extension-unique-id/src/unique-id.ts
new file mode 100644
index 0000000..1aa7a3c
--- /dev/null
+++ b/packages/extension-unique-id/src/unique-id.ts
@@ -0,0 +1,469 @@
+import {
+  type Extensions,
+  combineTransactionSteps,
+  Extension,
+  findChildren,
+  findChildrenInRange,
+  getChangedRanges,
+  splitExtensions,
+} from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Fragment, Slice } from '@tiptap/pm/model'
+import type { Transaction } from '@tiptap/pm/state'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import { v4 as uuidv4 } from 'uuid'
+
+import { findDuplicates } from './helpers/findDuplicates.js'
+
+export type UniqueIDGenerationContext = {
+  node: PMNode
+  pos: number
+}
+
+export interface UniqueIDOptions {
+  /**
+   * The name of the attribute to add the unique ID to.
+   * @default "id"
+   */
+  attributeName: string
+  /**
+   * The types of nodes to add unique IDs to.
+   * Use `"all"` to add IDs to every node type except `doc` and `text`.
+   * @default []
+   */
+  types: string[] | 'all'
+  /**
+   * The function that generates the unique ID. By default, a UUID v4 is
+   * generated. However, you can provide your own function to generate the
+   * unique ID based on the node type and the position.
+   */
+  generateID: (ctx: UniqueIDGenerationContext) => any
+  /**
+   * Ignore some mutations, for example applied from other users through the collaboration plugin.
+   *
+   * @default null
+   */
+  filterTransaction: ((transaction: Transaction) => boolean) | null
+  /**
+   * Whether to update the document by adding unique IDs to the nodes. Set this
+   * property to `false` if the document is in `readonly` mode, is immutable, or
+   * you don't want it to be modified.
+   *
+   * @default true
+   */
+  updateDocument: boolean
+}
+
+const resolveTypes = (types: UniqueIDOptions['types'], extensions: Extensions): string[] => {
+  if (types !== 'all') {
+    return types
+  }
+
+  const { nodeExtensions } = splitExtensions(extensions)
+
+  return nodeExtensions
+    .map(extension => extension.name)
+    .filter(type => type !== 'doc' && type !== 'text')
+}
+
+export const UniqueID = Extension.create<UniqueIDOptions>({
+  name: 'uniqueID',
+
+  // we’ll set a very high priority to make sure this runs first
+  // and is compatible with `appendTransaction` hooks of other extensions
+  priority: 10000,
+
+  addOptions() {
+    return {
+      attributeName: 'id',
+      types: [],
+      generateID: () => uuidv4(),
+      filterTransaction: null,
+      updateDocument: true,
+    }
+  },
+
+  /**
+   * Extension storage for coordination between `addProseMirrorPlugins` and `appendTransaction`.
+   * `needsInitialIdGeneration` is set to `true` when the Collaboration extension is
+   * detected but no provider is available in its options, deferring ID creation
+   * to the first `y-sync$` transaction.
+   */
+  addStorage() {
+    return {
+      needsInitialIdGeneration: false,
+    }
+  },
+
+  addGlobalAttributes() {
+    const types = resolveTypes(this.options.types, this.extensions)
+
+    return [
+      {
+        types,
+        attributes: {
+          [this.options.attributeName]: {
+            default: null,
+            parseHTML: element => element.getAttribute(`data-${this.options.attributeName}`),
+            renderHTML: attributes => {
+              if (!attributes[this.options.attributeName]) {
+                return {}
+              }
+
+              return {
+                [`data-${this.options.attributeName}`]: attributes[this.options.attributeName],
+              }
+            },
+          },
+        },
+      },
+    ]
+  },
+
+  // check initial content for missing ids
+  onCreate() {
+    if (!this.options.updateDocument) {
+      return
+    }
+
+    const collaboration = this.editor.extensionManager.extensions.find(
+      ext => ext.name === 'collaboration',
+    )
+    const collaborationCaret = this.editor.extensionManager.extensions.find(
+      ext => ext.name === 'collaborationCaret',
+    )
+
+    const collabExtensions = [collaboration, collaborationCaret].filter(Boolean)
+    const collab = collabExtensions.find(ext => ext?.options?.provider)
+    const provider = collab?.options?.provider
+
+    const createIds = () => {
+      const { view, state } = this.editor
+      const { tr, doc } = state
+      const types = resolveTypes(this.options.types, this.editor.extensionManager.extensions)
+      const { attributeName, generateID } = this.options
+      const nodesWithoutId = findChildren(doc, node => {
+        return types.includes(node.type.name) && node.attrs[attributeName] === null
+      })
+
+      nodesWithoutId.forEach(({ node, pos }) => {
+        tr.setNodeMarkup(pos, undefined, {
+          ...node.attrs,
+          [attributeName]: generateID({ node, pos }),
+        })
+      })
+
+      tr.setMeta('addToHistory', false)
+
+      view.dispatch(tr)
+
+      if (provider) {
+        provider.off('synced', createIds)
+      }
+    }
+
+    /**
+     * We need to handle collaboration a bit different here
+     * because we can't automatically add IDs when the provider is not yet synced
+     * otherwise we end up with empty paragraphs
+     */
+    if (collaboration) {
+      if (provider) {
+        provider.on('synced', createIds)
+        // Detach on destroy too, in case the editor is destroyed before the
+        // provider syncs — otherwise `createIds` (and the editor it closes over)
+        // stays referenced by the shared provider and leaks.
+        this.storage.cleanupSyncedListener = () => provider.off('synced', createIds)
+      }
+      // When collaboration is present but no provider is in extension options,
+      // needsInitialIdGeneration was already set in addProseMirrorPlugins
+      // (which runs synchronously during editor construction, before any
+      // y-sync$ transaction can arrive).
+    } else {
+      return createIds()
+    }
+  },
+
+  onDestroy() {
+    this.storage.cleanupSyncedListener?.()
+  },
+
+  addProseMirrorPlugins() {
+    if (!this.options.updateDocument) {
+      return []
+    }
+
+    // Capture storage via closure so appendTransaction can access `needsInitialIdGeneration`.
+    // `extensionManager.extensions` returns different objects than `this` due to
+    // Tiptap's child-extension flattening, so we capture the reference directly.
+    const extensionStorage = this.storage
+
+    // Detect collaboration early — before any y-sync$ transaction can arrive.
+    // onCreate runs on a deferred setTimeout(0), so a y-sync$ transaction could
+    // be applied before it. Setting the flag here (synchronous during editor
+    // construction) ensures the first y-sync$ is always handled.
+    const collaboration = this.editor.extensionManager.extensions.find(
+      ext => ext.name === 'collaboration',
+    )
+    const collaborationCaret = this.editor.extensionManager.extensions.find(
+      ext => ext.name === 'collaborationCaret',
+    )
+    const collabExtensions = [collaboration, collaborationCaret].filter(Boolean)
+    const collabWithProvider = collabExtensions.find(ext => ext?.options?.provider)
+
+    if (collaboration && !collabWithProvider) {
+      extensionStorage.needsInitialIdGeneration = true
+    }
+
+    let dragSourceElement: Element | null = null
+    let transformPasted = false
+    const types = resolveTypes(this.options.types, this.editor.extensionManager.extensions)
+
+    return [
+      new Plugin({
+        key: new PluginKey('uniqueID'),
+
+        appendTransaction: (transactions, oldState, newState) => {
+          const hasDocChanges =
+            transactions.some(transaction => transaction.docChanged) &&
+            !oldState.doc.eq(newState.doc)
+          const filterTransactions =
+            this.options.filterTransaction &&
+            transactions.some(tr => !this.options.filterTransaction?.(tr))
+
+          const isCollabTransaction = transactions.find(tr => tr.getMeta('y-sync$'))
+
+          if (isCollabTransaction) {
+            if (extensionStorage.needsInitialIdGeneration) {
+              extensionStorage.needsInitialIdGeneration = false
+
+              // Run full-document ID creation after the first Yjs sync.
+              // Use a seen-set so only the second+ occurrence of a duplicated
+              // ID is regenerated, preserving one existing ID per value.
+              const { tr } = newState
+              const { attributeName, generateID } = this.options
+              const allNodes = findChildren(newState.doc, node => types.includes(node.type.name))
+              const seen = new Set<string>()
+
+              allNodes.forEach(({ node, pos }) => {
+                const currentId = node.attrs[attributeName]
+
+                if (currentId === null || seen.has(currentId)) {
+                  tr.setNodeMarkup(pos, undefined, {
+                    ...node.attrs,
+                    [attributeName]: generateID({ node, pos }),
+                  })
+                } else {
+                  seen.add(currentId)
+                }
+              })
+
+              if (!tr.steps.length) {
+                return
+              }
+
+              // Restore stored marks since setNodeMarkup resets them
+              tr.setStoredMarks(newState.tr.storedMarks)
+              // Mark this transaction as coming from UniqueID to prevent
+              // infinite loops with other extensions (e.g., TrailingNode)
+              tr.setMeta('__uniqueIDTransaction', true)
+              tr.setMeta('addToHistory', false)
+              return tr
+            }
+
+            return
+          }
+
+          if (!hasDocChanges || filterTransactions) {
+            return
+          }
+
+          const { tr } = newState
+
+          const { attributeName, generateID } = this.options
+          const transform = combineTransactionSteps(oldState.doc, transactions as Transaction[])
+          const { mapping } = transform
+
+          // get changed ranges based on the old state
+          const changes = getChangedRanges(transform)
+
+          changes.forEach(({ newRange }) => {
+            const newNodes = findChildrenInRange(newState.doc, newRange, node => {
+              return types.includes(node.type.name)
+            })
+
+            const newIds = newNodes
+              .map(({ node }) => node.attrs[attributeName])
+              .filter(id => id !== null)
+
+            newNodes.forEach(({ node, pos }, i) => {
+              // instead of checking `node.attrs[attributeName]` directly
+              // we look at the current state of the node within `tr.doc`.
+              // this helps to prevent adding new ids to the same node
+              // if the node changed multiple times within one transaction
+              const id = tr.doc.nodeAt(pos)?.attrs[attributeName]
+
+              if (id === null) {
+                tr.setNodeMarkup(pos, undefined, {
+                  ...node.attrs,
+                  [attributeName]: generateID({ node, pos }),
+                })
+
+                return
+              }
+
+              const nextNode = newNodes[i + 1]
+
+              if (nextNode && node.content.size === 0) {
+                const nextNodeInTr = tr.doc.nodeAt(nextNode.pos)
+                if (
+                  nextNodeInTr?.attrs[attributeName] &&
+                  nextNodeInTr.attrs[attributeName] !== id
+                ) {
+                  return
+                }
+
+                tr.setNodeMarkup(nextNode.pos, undefined, {
+                  ...nextNode.node.attrs,
+                  [attributeName]: id,
+                })
+                newIds[i + 1] = id
+
+                const generatedId = generateID({ node, pos })
+
+                tr.setNodeMarkup(pos, undefined, {
+                  ...node.attrs,
+                  [attributeName]: generatedId,
+                })
+                newIds[i] = generatedId
+
+                return tr
+              }
+
+              const duplicatedNewIds = findDuplicates(newIds)
+
+              // check if the node doesn’t exist in the old state
+              const { deleted } = mapping.invert().mapResult(pos)
+
+              const newNode = deleted && duplicatedNewIds.includes(id)
+
+              if (newNode) {
+                tr.setNodeMarkup(pos, undefined, {
+                  ...node.attrs,
+                  [attributeName]: generateID({ node, pos }),
+                })
+              }
+            })
+          })
+
+          if (!tr.steps.length) {
+            return
+          }
+
+          // `tr.setNodeMarkup` resets the stored marks
+          // so we'll restore them if they exist
+          tr.setStoredMarks(newState.tr.storedMarks)
+
+          // Mark this transaction as coming from UniqueID
+          // to prevent infinite loops with other extensions (e.g., TrailingNode)
+          tr.setMeta('__uniqueIDTransaction', true)
+
+          return tr
+        },
+
+        // we register a global drag handler to track the current drag source element
+        view(view) {
+          const handleDragstart = (event: DragEvent) => {
+            dragSourceElement = view.dom.parentElement?.contains(event.target as Element)
+              ? view.dom.parentElement
+              : null
+          }
+
+          window.addEventListener('dragstart', handleDragstart)
+
+          return {
+            destroy() {
+              window.removeEventListener('dragstart', handleDragstart)
+            },
+          }
+        },
+
+        props: {
+          // `handleDOMEvents` is called before `transformPasted`
+          // so we can do some checks before
+          handleDOMEvents: {
+            // only create new ids for dropped content
+            // or dropped content while holding `alt`
+            // or content is dragged from another editor
+            drop: (view, event) => {
+              if (
+                dragSourceElement !== view.dom.parentElement ||
+                event.dataTransfer?.effectAllowed === 'copyMove' ||
+                event.dataTransfer?.effectAllowed === 'copy'
+              ) {
+                dragSourceElement = null
+                transformPasted = true
+              }
+
+              return false
+            },
+            // always create new ids on pasted content
+            paste: () => {
+              transformPasted = true
+
+              return false
+            },
+          },
+
+          // we’ll remove ids for every pasted node
+          // so we can create a new one within `appendTransaction`
+          transformPasted: slice => {
+            if (!transformPasted) {
+              return slice
+            }
+
+            const { attributeName } = this.options
+            const removeId = (fragment: Fragment): Fragment => {
+              const list: PMNode[] = []
+
+              fragment.forEach(node => {
+                // don’t touch text nodes
+                if (node.isText) {
+                  list.push(node)
+
+                  return
+                }
+
+                // check for any other child nodes
+                if (!types.includes(node.type.name)) {
+                  list.push(node.copy(removeId(node.content)))
+
+                  return
+                }
+
+                // remove id
+                const nodeWithoutId = node.type.create(
+                  {
+                    ...node.attrs,
+                    [attributeName]: null,
+                  },
+                  removeId(node.content),
+                  node.marks,
+                )
+
+                list.push(nodeWithoutId)
+              })
+
+              return Fragment.from(list)
+            }
+
+            // reset check
+            transformPasted = false
+
+            return new Slice(removeId(slice.content), slice.openStart, slice.openEnd)
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/extension-unique-id/tests/integration/uniqueIdCollaboration.test.ts b/packages/extension-unique-id/tests/integration/uniqueIdCollaboration.test.ts
new file mode 100644
index 0000000..0b086cb
--- /dev/null
+++ b/packages/extension-unique-id/tests/integration/uniqueIdCollaboration.test.ts
@@ -0,0 +1,227 @@
+// @vitest-environment happy-dom
+import { type Extensions, Editor, Extension } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { UniqueID } from '../../src/unique-id.js'
+
+const ATTR = 'uniqueId'
+
+let idCounter = 0
+function generateID() {
+  idCounter += 1
+  return `test-id-${idCounter}`
+}
+
+function createEditor(options: { withCollaboration?: boolean } = {}) {
+  idCounter = 0
+  const extensions: Extensions = [
+    Document,
+    Paragraph,
+    Text,
+    UniqueID.configure({
+      attributeName: ATTR,
+      types: ['paragraph'],
+      generateID,
+    }),
+  ]
+
+  if (options.withCollaboration) {
+    extensions.push(Extension.create({ name: 'collaboration' }))
+  }
+
+  return new Editor({ extensions })
+}
+
+/**
+ * Minimal stand-in for a Hocuspocus/TiptapCloud provider's event emitter,
+ * tracking how many `synced` listeners are currently attached.
+ */
+function createMockProvider() {
+  const listeners: Record<string, ((...args: any[]) => void)[]> = {}
+
+  return {
+    on(event: string, cb: (...args: any[]) => void) {
+      ;(listeners[event] ??= []).push(cb)
+    },
+    off(event: string, cb: (...args: any[]) => void) {
+      listeners[event] = (listeners[event] ?? []).filter(fn => fn !== cb)
+    },
+    emit(event: string) {
+      ;(listeners[event] ?? []).slice().forEach(fn => fn())
+    },
+    listenerCount(event: string) {
+      return (listeners[event] ?? []).length
+    },
+  }
+}
+
+/**
+ * Mirrors the common collaboration setup: the Collaboration extension carries
+ * no provider (only the Y.Doc), while the provider lives on CollaborationCaret.
+ */
+function createCollabEditorWithProvider(provider: ReturnType<typeof createMockProvider>) {
+  idCounter = 0
+
+  return new Editor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      UniqueID.configure({
+        attributeName: ATTR,
+        types: ['paragraph'],
+        generateID,
+      }),
+      Extension.create({ name: 'collaboration' }),
+      Extension.create({ name: 'collaborationCaret' }).configure({ provider }),
+    ],
+  })
+}
+
+function getParagraphIds(editor: Editor): (string | null)[] {
+  const ids: (string | null)[] = []
+
+  editor.state.doc.descendants(node => {
+    if (node.type.name === 'paragraph') {
+      ids.push(node.attrs[ATTR] ?? null)
+    }
+  })
+  return ids
+}
+
+describe('UniqueID collaboration handling', () => {
+  beforeEach(() => {
+    vi.useFakeTimers()
+  })
+
+  afterEach(() => {
+    vi.useRealTimers()
+  })
+
+  it('does not assign IDs immediately when collaboration extension is present without provider', () => {
+    const editor = createEditor({ withCollaboration: true })
+
+    // Flush the setTimeout(0) that triggers onCreate
+    vi.runAllTimers()
+
+    const ids = getParagraphIds(editor)
+
+    // All IDs should still be null because we deferred hashing
+    expect(ids.length).toBeGreaterThan(0)
+    expect(ids.every(id => id === null)).toBe(true)
+
+    editor.destroy()
+  })
+
+  it('assigns IDs after y-sync$ transaction when collaboration has no provider', () => {
+    const editor = createEditor({ withCollaboration: true })
+
+    // Flush the setTimeout(0) that triggers onCreate
+    vi.runAllTimers()
+
+    // Verify no IDs yet
+    expect(getParagraphIds(editor).every(id => id === null)).toBe(true)
+
+    // Simulate a y-sync$ transaction (like Yjs would dispatch after syncing)
+    const { tr } = editor.state
+    tr.setMeta('y-sync$', true)
+    // Insert a space to make the transaction have a doc change,
+    // which triggers appendTransaction
+    tr.insertText(' ', 1)
+    editor.view.dispatch(tr)
+
+    const ids = getParagraphIds(editor)
+
+    // All paragraphs should now have unique IDs
+    expect(ids.length).toBeGreaterThan(0)
+    expect(ids.every(id => id !== null && typeof id === 'string')).toBe(true)
+
+    // IDs should be unique
+    const uniqueIds = new Set(ids)
+    expect(uniqueIds.size).toBe(ids.length)
+
+    editor.destroy()
+  })
+
+  it('assigns IDs when y-sync$ transaction arrives before onCreate runs', () => {
+    // Do NOT flush timers yet — onCreate has not run
+    const editor = createEditor({ withCollaboration: true })
+
+    // Dispatch a y-sync$ transaction before onCreate (before vi.runAllTimers)
+    const { tr } = editor.state
+    tr.setMeta('y-sync$', true)
+    tr.insertText(' ', 1)
+    editor.view.dispatch(tr)
+
+    // IDs should already be assigned from the appendTransaction handler
+    const idsBeforeOnCreate = getParagraphIds(editor)
+    expect(idsBeforeOnCreate.length).toBeGreaterThan(0)
+    expect(idsBeforeOnCreate.every(id => id !== null && typeof id === 'string')).toBe(true)
+
+    // Now flush timers so onCreate runs — should not cause issues
+    vi.runAllTimers()
+
+    // IDs should still be present and unchanged
+    const idsAfterOnCreate = getParagraphIds(editor)
+    expect(idsAfterOnCreate).toEqual(idsBeforeOnCreate)
+
+    editor.destroy()
+  })
+
+  it('detaches the provider "synced" listener when destroyed before syncing', () => {
+    const provider = createMockProvider()
+    const editor = createCollabEditorWithProvider(provider)
+
+    // Flush the setTimeout(0) that triggers onCreate, which attaches the listener
+    vi.runAllTimers()
+
+    // While waiting for the provider to sync, exactly one listener is attached
+    expect(provider.listenerCount('synced')).toBe(1)
+
+    // Destroying before the provider syncs must detach the listener — otherwise
+    // the createIds closure keeps the whole editor reachable from the shared
+    // provider's emitter (the reported memory leak).
+    editor.destroy()
+
+    expect(provider.listenerCount('synced')).toBe(0)
+  })
+
+  it('detaches the provider "synced" listener after the provider syncs', () => {
+    const provider = createMockProvider()
+    const editor = createCollabEditorWithProvider(provider)
+
+    vi.runAllTimers()
+    expect(provider.listenerCount('synced')).toBe(1)
+
+    // Provider syncs: createIds runs and removes its own listener
+    provider.emit('synced')
+    expect(provider.listenerCount('synced')).toBe(0)
+
+    // All paragraphs should now have unique IDs
+    const ids = getParagraphIds(editor)
+    expect(ids.length).toBeGreaterThan(0)
+    expect(ids.every(id => id !== null && typeof id === 'string')).toBe(true)
+
+    // A later destroy must not throw or double-detach
+    editor.destroy()
+    expect(provider.listenerCount('synced')).toBe(0)
+  })
+
+  it('still assigns IDs immediately when no collaboration extension', () => {
+    const editor = createEditor({ withCollaboration: false })
+
+    // Flush the setTimeout(0) that triggers onCreate
+    vi.runAllTimers()
+
+    const ids = getParagraphIds(editor)
+
+    // IDs should already be assigned (no collaboration = immediate)
+    expect(ids.length).toBeGreaterThan(0)
+    expect(ids.every(id => id !== null && typeof id === 'string')).toBe(true)
+
+    editor.destroy()
+  })
+})
diff --git a/packages/extension-unique-id/vite.config.ts b/packages/extension-unique-id/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-unique-id/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extension-youtube/CHANGELOG.md b/packages/extension-youtube/CHANGELOG.md
new file mode 100644
index 0000000..fd0df30
--- /dev/null
+++ b/packages/extension-youtube/CHANGELOG.md
@@ -0,0 +1,1527 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- 7b26402: YouTube live URLs (`/live/<id>`) now embed the video.
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+
+## 3.28.0
+
+### Minor Changes
+
+- 1939086: Allow string `width` and `height` values like `'100%'` or `'20rem'` in the YouTube extension. Non-numeric values in parsed HTML are now preserved instead of being converted to numbers.
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- 79fc8b7: Fix Twitch and YouTube embeds losing their canonical video, clip, channel, or playlist URL when HTML content is loaded back into the editor.
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+  - @tiptap/core@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- a9bd09b: Export missing `getEmbedUrlFromYoutubeUrl` and `isValidYoutubeUrl` embed URL utility functions
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- 8cbf4ae: Fix YouTube Shorts embed URLs using incorrect query parameter separator
+  - @tiptap/core@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- 1992430: Update YouTube URL regex pattern
+- Updated dependencies [1b4c82b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- 1992430: Update YouTube URL regex pattern
+  - @tiptap/core@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+  - @tiptap/core@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+### Patch Changes
+
+- 151de93: `extension-youtube`: enhance embed URL generation to support video lists
+- 81009d2: This change adds option to set rel parameter on youtube embed link
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+### Bug Fixes
+
+- mark nocookie youtube url as valid when parsing html ([#4883](https://github.com/ueberdosis/tiptap/issues/4883)) ([099e10d](https://github.com/ueberdosis/tiptap/commit/099e10df923d851dd866354e9abca331d995b65c))
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+### Features
+
+- **extension/youtube:** Allow youtube shorts urls to be embedded ([4d79cb8](https://github.com/ueberdosis/tiptap/commit/4d79cb85c93353cdb5ead518da63cf8f9fa71497))
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+### Bug Fixes
+
+- **extension-youtube:** remove default options from youtube extension ([bf58124](https://github.com/ueberdosis/tiptap/commit/bf5812461bd85f19a06dfceaaca5ef6cfda6d3dd))
+- **extension-youtube:** set allowFullscreen to default ([4841c05](https://github.com/ueberdosis/tiptap/commit/4841c05c72dca2e2464a944526b9049f21bd5726))
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-youtube@2.0.0-beta.5...@tiptap/extension-youtube@2.0.0-beta.6) (2022-06-27)
+
+### Features
+
+- **core:** add nodePasteRule to core ([15123ee](https://github.com/ueberdosis/tiptap/commit/15123ee092261fe86352d491121804607e08e031))
+- **extension/youtube:** add paste handlers for youtube extension ([ec595ff](https://github.com/ueberdosis/tiptap/commit/ec595ff8037319efa10cea995c62442c3d8d3959))
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-youtube@2.0.0-beta.4...@tiptap/extension-youtube@2.0.0-beta.5) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/extension-youtube
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-youtube@2.0.0-beta.2...@tiptap/extension-youtube@2.0.0-beta.4) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/extension-youtube@2.0.0-beta.2...@tiptap/extension-youtube@2.0.0-beta.2) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
diff --git a/packages/extension-youtube/README.md b/packages/extension-youtube/README.md
new file mode 100644
index 0000000..249ee72
--- /dev/null
+++ b/packages/extension-youtube/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extension-youtube
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extension-youtube.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-youtube)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-youtube.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/extension-youtube.svg)](https://www.npmjs.com/package/@tiptap/extension-youtube)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extension-youtube/package.json b/packages/extension-youtube/package.json
new file mode 100644
index 0000000..b3fce16
--- /dev/null
+++ b/packages/extension-youtube/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@tiptap/extension-youtube",
+  "version": "3.30.3",
+  "description": "a youtube embed extension for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension-youtube"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*"
+  }
+}
diff --git a/packages/extension-youtube/src/index.ts b/packages/extension-youtube/src/index.ts
new file mode 100644
index 0000000..eec35c6
--- /dev/null
+++ b/packages/extension-youtube/src/index.ts
@@ -0,0 +1,5 @@
+import { Youtube } from './youtube.js'
+
+export * from './youtube.js'
+
+export default Youtube
diff --git a/packages/extension-youtube/src/utils.test.ts b/packages/extension-youtube/src/utils.test.ts
new file mode 100644
index 0000000..6998cb8
--- /dev/null
+++ b/packages/extension-youtube/src/utils.test.ts
@@ -0,0 +1,163 @@
+import { describe, expect, it } from 'vite-plus/test'
+
+import {
+  getAttributesFromYoutubeEmbedUrl,
+  getEmbedUrlFromYoutubeUrl,
+  isValidYoutubeUrl,
+} from './utils.js'
+
+describe('YouTube Live URL handling', () => {
+  it('generates correct embed URL for a YouTube Live URL', () => {
+    const result = getEmbedUrlFromYoutubeUrl({
+      url: 'https://www.youtube.com/live/EkRHhOCdZjw',
+      controls: true,
+    })
+
+    expect(result).toBe('https://www.youtube.com/embed/EkRHhOCdZjw')
+  })
+
+  it('generates correct embed URL for a YouTube Live URL without www prefix', () => {
+    const result = getEmbedUrlFromYoutubeUrl({
+      url: 'https://youtube.com/live/EkRHhOCdZjw',
+      controls: true,
+      autoplay: true,
+    })
+
+    expect(result).toBe('https://www.youtube.com/embed/EkRHhOCdZjw?autoplay=1')
+  })
+
+  it('generates correct embed URL for a YouTube Live URL with multiple parameters', () => {
+    const result = getEmbedUrlFromYoutubeUrl({
+      url: 'https://www.youtube.com/live/EkRHhOCdZjw',
+      autoplay: true,
+      controls: false,
+      rel: 0,
+    })
+
+    expect(result).toBe('https://www.youtube.com/embed/EkRHhOCdZjw?autoplay=1&controls=0&rel=0')
+  })
+
+  it('generates correct embed URL for a YouTube Live URL with nocookie option', () => {
+    const result = getEmbedUrlFromYoutubeUrl({
+      url: 'https://www.youtube.com/live/EkRHhOCdZjw',
+      nocookie: true,
+      controls: true,
+      rel: 1,
+    })
+
+    expect(result).toBe('https://www.youtube-nocookie.com/embed/EkRHhOCdZjw?rel=1')
+  })
+
+  it('keeps a live URL with a query string on the video id', () => {
+    const result = getEmbedUrlFromYoutubeUrl({
+      url: 'https://www.youtube.com/live/EkRHhOCdZjw?feature=share',
+      controls: true,
+    })
+
+    expect(result).toBe('https://www.youtube.com/embed/EkRHhOCdZjw')
+  })
+})
+
+describe('YouTube path-like near misses', () => {
+  const nearMisses = [
+    'https://www.youtube.com/notlive/EkRHhOCdZjw',
+    'https://www.youtube.com/notshorts/EkRHhOCdZjw',
+    'https://www.youtube.com/watch?redirect=live/EkRHhOCdZjw',
+  ]
+
+  nearMisses.forEach(url => {
+    it(`does not embed a video id for ${url}`, () => {
+      expect(getEmbedUrlFromYoutubeUrl({ url, controls: true })).toBe(null)
+    })
+  })
+})
+
+describe('YouTube Shorts URL handling', () => {
+  it('generates correct embed URL for YouTube Shorts with rel parameter', () => {
+    const result = getEmbedUrlFromYoutubeUrl({
+      url: 'https://www.youtube.com/shorts/EkRHhOCdZjw',
+      controls: true,
+      rel: 1,
+    })
+
+    expect(result).toBe('https://www.youtube.com/embed/EkRHhOCdZjw?rel=1')
+  })
+
+  it('generates correct embed URL for YouTube Shorts without www prefix', () => {
+    const result = getEmbedUrlFromYoutubeUrl({
+      url: 'https://youtube.com/shorts/EkRHhOCdZjw',
+      controls: true,
+      autoplay: true,
+    })
+
+    expect(result).toBe('https://www.youtube.com/embed/EkRHhOCdZjw?autoplay=1')
+  })
+
+  it('generates correct embed URL for YouTube Shorts with multiple parameters', () => {
+    const result = getEmbedUrlFromYoutubeUrl({
+      url: 'https://www.youtube.com/shorts/EkRHhOCdZjw',
+      autoplay: true,
+      controls: false,
+      rel: 0,
+    })
+
+    expect(result).toBe('https://www.youtube.com/embed/EkRHhOCdZjw?autoplay=1&controls=0&rel=0')
+  })
+
+  it('generates correct embed URL for YouTube Shorts with nocookie option', () => {
+    const result = getEmbedUrlFromYoutubeUrl({
+      url: 'https://www.youtube.com/shorts/EkRHhOCdZjw',
+      nocookie: true,
+      controls: true,
+      rel: 1,
+    })
+
+    expect(result).toBe('https://www.youtube-nocookie.com/embed/EkRHhOCdZjw?rel=1')
+  })
+
+  it('generates correct embed URL for YouTube Shorts without extra parameters', () => {
+    const result = getEmbedUrlFromYoutubeUrl({
+      url: 'https://www.youtube.com/shorts/EkRHhOCdZjw',
+      controls: true,
+    })
+
+    expect(result).toBe('https://www.youtube.com/embed/EkRHhOCdZjw')
+  })
+})
+
+describe('YouTube Playlist URL handling', () => {
+  it('generates correct embed URL for playlist with additional parameters using & separator', () => {
+    const result = getEmbedUrlFromYoutubeUrl({
+      url: 'https://www.youtube.com/playlist?list=PLrAXtmErZgOeiKm4sgNOknGvNjby9efdf',
+      controls: true,
+      autoplay: true,
+    })
+
+    // Playlist URLs use ?list= in base URL, so additional params should use &
+    expect(result).toBe(
+      'https://www.youtube-nocookie.com/embed/videoseries?list=PLrAXtmErZgOeiKm4sgNOknGvNjby9efdf&autoplay=1',
+    )
+  })
+})
+
+it.each([
+  'https://www.youtube.com/embed/',
+  'https://www.youtube.com/embed/videoseries',
+  'https://example.com/embed/dQw4w9WgXcQ',
+])('returns null for unsupported youtube embed urls: %s', embedUrl => {
+  expect(getAttributesFromYoutubeEmbedUrl(embedUrl)).toBeNull()
+})
+
+describe('missing URLs', () => {
+  it('accepts a well-formed youtube url', () => {
+    expect(isValidYoutubeUrl('https://www.youtube.com/watch?v=EkRHhOCdZjw')).toBeTruthy()
+  })
+
+  it('returns null for a missing url instead of throwing', () => {
+    expect(isValidYoutubeUrl(null)).toBe(null)
+  })
+
+  it('returns null from getEmbedUrlFromYoutubeUrl when the url is missing', () => {
+    expect(getEmbedUrlFromYoutubeUrl({ url: null as unknown as string })).toBe(null)
+  })
+})
diff --git a/packages/extension-youtube/src/utils.ts b/packages/extension-youtube/src/utils.ts
new file mode 100644
index 0000000..94c1056
--- /dev/null
+++ b/packages/extension-youtube/src/utils.ts
@@ -0,0 +1,234 @@
+export const YOUTUBE_REGEX =
+  /^((?:https?:)?\/\/)?((?:www|m|music)\.)?((?:youtube\.com|youtu\.be|youtube-nocookie\.com))(\/(?:[\w-]+\?v=|embed\/|v\/)?)([\w-]+)(\S+)?$/
+export const YOUTUBE_REGEX_GLOBAL =
+  /^((?:https?:)?\/\/)?((?:www|m|music)\.)?((?:youtube\.com|youtu\.be|youtube-nocookie\.com))(\/(?:[\w-]+\?v=|embed\/|v\/)?)([\w-]+)(\S+)?$/g
+
+/**
+ * Checks whether a url is a youtube url that the extension can embed.
+ *
+ * The `src` attribute of a youtube node is declared with `default: null`, so a node
+ * parsed from an iframe without a `src` attribute legitimately carries no url. Guard
+ * against that here instead of letting the caller dereference it.
+ */
+export const isValidYoutubeUrl = (url: string | null | undefined) => {
+  if (!url) {
+    return null
+  }
+
+  return url.match(YOUTUBE_REGEX)
+}
+
+export interface GetEmbedUrlOptions {
+  url: string
+  allowFullscreen?: boolean
+  autoplay?: boolean
+  ccLanguage?: string
+  ccLoadPolicy?: boolean
+  controls?: boolean
+  disableKBcontrols?: boolean
+  enableIFrameApi?: boolean
+  endTime?: number
+  interfaceLanguage?: string
+  ivLoadPolicy?: number
+  loop?: boolean
+  modestBranding?: boolean
+  nocookie?: boolean
+  origin?: string
+  playlist?: string
+  progressBarColor?: string
+  startAt?: number
+  rel?: number
+}
+
+export interface YoutubeEmbedAttributes {
+  src: string
+  start?: number
+}
+
+export const getYoutubeEmbedUrl = (nocookie?: boolean, isPlaylist?: boolean) => {
+  if (isPlaylist) {
+    return 'https://www.youtube-nocookie.com/embed/videoseries?list='
+  }
+  return nocookie ? 'https://www.youtube-nocookie.com/embed/' : 'https://www.youtube.com/embed/'
+}
+
+export const getEmbedUrlFromYoutubeUrl = (options: GetEmbedUrlOptions) => {
+  const {
+    url,
+    allowFullscreen,
+    autoplay,
+    ccLanguage,
+    ccLoadPolicy,
+    controls,
+    disableKBcontrols,
+    enableIFrameApi,
+    endTime,
+    interfaceLanguage,
+    ivLoadPolicy,
+    loop,
+    modestBranding,
+    nocookie,
+    origin,
+    playlist,
+    progressBarColor,
+    startAt,
+    rel,
+  } = options
+
+  if (!isValidYoutubeUrl(url)) {
+    return null
+  }
+
+  // if is already an embed url, return it
+  if (url.includes('/embed/')) {
+    return url
+  }
+
+  // if is a youtu.be url, get the id after the /
+  if (url.includes('youtu.be')) {
+    const id = url.split('/').pop()
+
+    if (!id) {
+      return null
+    }
+    return `${getYoutubeEmbedUrl(nocookie)}${id}`
+  }
+
+  const videoIdRegex = /(?:(v|list)=|\/(?:shorts|live)\/)([-\w]+)/gm
+  const matches = videoIdRegex.exec(url)
+
+  if (!matches || !matches[2]) {
+    return null
+  }
+
+  let outputUrl = `${getYoutubeEmbedUrl(nocookie, matches[1] === 'list')}${matches[2]}`
+
+  const params = []
+
+  if (allowFullscreen === false) {
+    params.push('fs=0')
+  }
+
+  if (autoplay) {
+    params.push('autoplay=1')
+  }
+
+  if (ccLanguage) {
+    params.push(`cc_lang_pref=${ccLanguage}`)
+  }
+
+  if (ccLoadPolicy) {
+    params.push('cc_load_policy=1')
+  }
+
+  if (!controls) {
+    params.push('controls=0')
+  }
+
+  if (disableKBcontrols) {
+    params.push('disablekb=1')
+  }
+
+  if (enableIFrameApi) {
+    params.push('enablejsapi=1')
+  }
+
+  if (endTime) {
+    params.push(`end=${endTime}`)
+  }
+
+  if (interfaceLanguage) {
+    params.push(`hl=${interfaceLanguage}`)
+  }
+
+  if (ivLoadPolicy) {
+    params.push(`iv_load_policy=${ivLoadPolicy}`)
+  }
+
+  if (loop) {
+    params.push('loop=1')
+  }
+
+  if (modestBranding) {
+    params.push('modestbranding=1')
+  }
+
+  if (origin) {
+    params.push(`origin=${origin}`)
+  }
+
+  if (playlist) {
+    params.push(`playlist=${playlist}`)
+  }
+
+  if (startAt) {
+    params.push(`start=${startAt}`)
+  }
+
+  if (progressBarColor) {
+    params.push(`color=${progressBarColor}`)
+  }
+
+  if (rel !== undefined) {
+    params.push(`rel=${rel}`)
+  }
+
+  if (params.length) {
+    outputUrl += `${matches[1] === 'list' ? '&' : '?'}${params.join('&')}`
+  }
+
+  return outputUrl
+}
+
+export const getAttributesFromYoutubeEmbedUrl = (url: string): YoutubeEmbedAttributes | null => {
+  let parsedUrl: URL
+
+  try {
+    parsedUrl = new URL(url)
+  } catch {
+    return null
+  }
+
+  const hostname = parsedUrl.hostname.replace(/^www\./, '')
+
+  if (hostname !== 'youtube.com' && hostname !== 'youtube-nocookie.com') {
+    return null
+  }
+
+  let src: string | null = null
+
+  if (parsedUrl.pathname === '/embed/videoseries') {
+    const list = parsedUrl.searchParams.get('list')
+
+    if (!list) {
+      return null
+    }
+
+    src = `https://www.youtube.com/playlist?list=${list}`
+  } else {
+    const matches = parsedUrl.pathname.match(/^\/embed\/([\w-]+)$/)
+
+    if (!matches?.[1]) {
+      return null
+    }
+
+    src = `https://www.youtube.com/watch?v=${matches[1]}`
+  }
+
+  if (!isValidYoutubeUrl(src)) {
+    return null
+  }
+
+  const attributes: YoutubeEmbedAttributes = { src }
+  const start = parsedUrl.searchParams.get('start')
+
+  if (start) {
+    const parsedStart = Number.parseInt(start, 10)
+
+    if (!Number.isNaN(parsedStart)) {
+      attributes.start = parsedStart
+    }
+  }
+
+  return attributes
+}
diff --git a/packages/extension-youtube/src/youtube.ts b/packages/extension-youtube/src/youtube.ts
new file mode 100644
index 0000000..dd92462
--- /dev/null
+++ b/packages/extension-youtube/src/youtube.ts
@@ -0,0 +1,399 @@
+import { createAtomBlockMarkdownSpec, mergeAttributes, Node, nodePasteRule } from '@tiptap/core'
+
+import {
+  getAttributesFromYoutubeEmbedUrl,
+  getEmbedUrlFromYoutubeUrl,
+  isValidYoutubeUrl,
+  YOUTUBE_REGEX_GLOBAL,
+} from './utils.js'
+
+const getParsedDimension = (value: string | null) => {
+  if (!value) {
+    return null
+  }
+
+  const trimmedValue = value.trim()
+
+  if (trimmedValue === '') {
+    return null
+  }
+
+  const parsedValue = Number(trimmedValue)
+
+  return Number.isNaN(parsedValue) ? trimmedValue : parsedValue
+}
+
+const getParsedYoutubeAttributes = (element: HTMLElement) => {
+  const src = element.getAttribute('src')
+
+  if (!src) {
+    return null
+  }
+
+  const embedAttributes = getAttributesFromYoutubeEmbedUrl(src)
+
+  if (embedAttributes) {
+    return embedAttributes
+  }
+
+  return {
+    src,
+  }
+}
+
+export type { GetEmbedUrlOptions } from './utils.js'
+export {
+  getAttributesFromYoutubeEmbedUrl,
+  getEmbedUrlFromYoutubeUrl,
+  isValidYoutubeUrl,
+} from './utils.js'
+
+export interface YoutubeOptions {
+  /**
+   * Controls if the paste handler for youtube videos should be added.
+   * @default true
+   * @example false
+   */
+  addPasteHandler: boolean
+
+  /**
+   * Controls if the youtube video should be allowed to go fullscreen.
+   * @default true
+   * @example false
+   */
+  allowFullscreen: boolean
+
+  /**
+   * Controls if the youtube video should autoplay.
+   * @default false
+   * @example true
+   */
+  autoplay: boolean
+
+  /**
+   * The language of the captions shown in the youtube video.
+   * @default undefined
+   * @example 'en'
+   */
+  ccLanguage?: string
+
+  /**
+   * Controls if the captions should be shown in the youtube video.
+   * @default undefined
+   * @example true
+   */
+  ccLoadPolicy?: boolean
+
+  /**
+   * Controls if the controls should be shown in the youtube video.
+   * @default true
+   * @example false
+   */
+  controls: boolean
+
+  /**
+   * Controls if the keyboard controls should be disabled in the youtube video.
+   * @default false
+   * @example true
+   */
+  disableKBcontrols: boolean
+
+  /**
+   * Controls if the iframe api should be enabled in the youtube video.
+   * @default false
+   * @example true
+   */
+  enableIFrameApi: boolean
+
+  /**
+   * The end time of the youtube video.
+   * @default 0
+   * @example 120
+   */
+  endTime: number
+
+  /**
+   * The height of the youtube video.
+   * @default 480
+   * @example 720
+   * @example '100%'
+   */
+  height: number | string
+
+  /**
+   * The language of the youtube video.
+   * @default undefined
+   * @example 'en'
+   */
+  interfaceLanguage?: string
+
+  /**
+   * Controls if the video annotations should be shown in the youtube video.
+   * @default 0
+   * @example 1
+   */
+  ivLoadPolicy: number
+
+  /**
+   * Controls if the youtube video should loop.
+   * @default false
+   * @example true
+   */
+  loop: boolean
+
+  /**
+   * Controls if the youtube video should show a small youtube logo.
+   * @default false
+   * @example true
+   */
+  modestBranding: boolean
+
+  /**
+   * The HTML attributes for a youtube video node.
+   * @default {}
+   * @example { class: 'foo' }
+   */
+  HTMLAttributes: Record<string, any>
+
+  /**
+   * Controls if the youtube node should be inline or not.
+   * @default false
+   * @example true
+   */
+  inline: boolean
+
+  /**
+   * Controls if the youtube video should be loaded from youtube-nocookie.com.
+   * @default false
+   * @example true
+   */
+  nocookie: boolean
+
+  /**
+   * The origin of the youtube video.
+   * @default ''
+   * @example 'https://tiptap.dev'
+   */
+  origin: string
+
+  /**
+   * The playlist of the youtube video.
+   * @default ''
+   * @example 'PLQg6GaokU5CwiVmsZ0dZm6VeIg0V5z1tK'
+   */
+  playlist: string
+
+  /**
+   * The color of the youtube video progress bar.
+   * @default undefined
+   * @example 'red'
+   */
+  progressBarColor?: string
+
+  /**
+   * The width of the youtube video.
+   * @default 640
+   * @example 1280
+   * @example '100%'
+   */
+  width: number | string
+
+  /**
+   * Controls if the related youtube videos at the end are from the same channel.
+   * @default 1
+   * @example 0
+   */
+  rel: number
+}
+
+/**
+ * The options for setting a youtube video.
+ */
+type SetYoutubeVideoOptions = {
+  src: string
+  width?: number | string
+  height?: number | string
+  start?: number
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    youtube: {
+      /**
+       * Insert a youtube video
+       * @param options The youtube video attributes
+       * @example editor.commands.setYoutubeVideo({ src: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ' })
+       */
+      setYoutubeVideo: (options: SetYoutubeVideoOptions) => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension adds support for youtube videos.
+ * @see https://www.tiptap.dev/api/nodes/youtube
+ */
+export const Youtube = Node.create<YoutubeOptions>({
+  name: 'youtube',
+
+  addOptions() {
+    return {
+      addPasteHandler: true,
+      allowFullscreen: true,
+      autoplay: false,
+      ccLanguage: undefined,
+      ccLoadPolicy: undefined,
+      controls: true,
+      disableKBcontrols: false,
+      enableIFrameApi: false,
+      endTime: 0,
+      height: 480,
+      interfaceLanguage: undefined,
+      ivLoadPolicy: 0,
+      loop: false,
+      modestBranding: false,
+      HTMLAttributes: {},
+      inline: false,
+      nocookie: false,
+      origin: '',
+      playlist: '',
+      progressBarColor: undefined,
+      width: 640,
+      rel: 1,
+    }
+  },
+
+  inline() {
+    return this.options.inline
+  },
+
+  group() {
+    return this.options.inline ? 'inline' : 'block'
+  },
+
+  draggable: true,
+
+  addAttributes() {
+    return {
+      src: {
+        default: null,
+        parseHTML: element => getParsedYoutubeAttributes(element)?.src,
+      },
+      start: {
+        default: 0,
+        parseHTML: element => getParsedYoutubeAttributes(element)?.start,
+      },
+      width: {
+        default: this.options.width,
+        parseHTML: element => getParsedDimension(element.getAttribute('width')),
+      },
+      height: {
+        default: this.options.height,
+        parseHTML: element => getParsedDimension(element.getAttribute('height')),
+      },
+    }
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-youtube-video] iframe',
+      },
+    ]
+  },
+
+  addCommands() {
+    return {
+      setYoutubeVideo:
+        (options: SetYoutubeVideoOptions) =>
+        ({ commands }) => {
+          if (!isValidYoutubeUrl(options.src)) {
+            return false
+          }
+
+          return commands.insertContent({
+            type: this.name,
+            attrs: options,
+          })
+        },
+    }
+  },
+
+  addPasteRules() {
+    if (!this.options.addPasteHandler) {
+      return []
+    }
+
+    return [
+      nodePasteRule({
+        find: YOUTUBE_REGEX_GLOBAL,
+        type: this.type,
+        getAttributes: match => {
+          return { src: match.input }
+        },
+      }),
+    ]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    const embedUrl = getEmbedUrlFromYoutubeUrl({
+      url: HTMLAttributes.src,
+      allowFullscreen: this.options.allowFullscreen,
+      autoplay: this.options.autoplay,
+      ccLanguage: this.options.ccLanguage,
+      ccLoadPolicy: this.options.ccLoadPolicy,
+      controls: this.options.controls,
+      disableKBcontrols: this.options.disableKBcontrols,
+      enableIFrameApi: this.options.enableIFrameApi,
+      endTime: this.options.endTime,
+      interfaceLanguage: this.options.interfaceLanguage,
+      ivLoadPolicy: this.options.ivLoadPolicy,
+      loop: this.options.loop,
+      modestBranding: this.options.modestBranding,
+      nocookie: this.options.nocookie,
+      origin: this.options.origin,
+      playlist: this.options.playlist,
+      progressBarColor: this.options.progressBarColor,
+      startAt: HTMLAttributes.start || 0,
+      rel: this.options.rel,
+    })
+
+    HTMLAttributes.src = embedUrl
+
+    return [
+      'div',
+      { 'data-youtube-video': '' },
+      [
+        'iframe',
+        mergeAttributes(
+          this.options.HTMLAttributes,
+          {
+            width: this.options.width,
+            height: this.options.height,
+            allowfullscreen: this.options.allowFullscreen,
+            autoplay: this.options.autoplay,
+            ccLanguage: this.options.ccLanguage,
+            ccLoadPolicy: this.options.ccLoadPolicy,
+            disableKBcontrols: this.options.disableKBcontrols,
+            enableIFrameApi: this.options.enableIFrameApi,
+            endTime: this.options.endTime,
+            interfaceLanguage: this.options.interfaceLanguage,
+            ivLoadPolicy: this.options.ivLoadPolicy,
+            loop: this.options.loop,
+            modestBranding: this.options.modestBranding,
+            origin: this.options.origin,
+            playlist: this.options.playlist,
+            progressBarColor: this.options.progressBarColor,
+            rel: this.options.rel,
+          },
+          HTMLAttributes,
+        ),
+      ],
+    ]
+  },
+
+  ...createAtomBlockMarkdownSpec({
+    nodeName: 'youtube',
+    allowedAttributes: ['src', 'width', 'height', 'start'],
+  }),
+})
diff --git a/packages/extension-youtube/tests/integration/youtube.test.ts b/packages/extension-youtube/tests/integration/youtube.test.ts
new file mode 100644
index 0000000..3077f7f
--- /dev/null
+++ b/packages/extension-youtube/tests/integration/youtube.test.ts
@@ -0,0 +1,332 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import Youtube from '@tiptap/extension-youtube'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('extension-youtube', () => {
+  const editorElClass = 'tiptap'
+  let editor: Editor | null = null
+
+  const createEditorEl = () => {
+    const editorEl = document.createElement('div')
+
+    editorEl.classList.add(editorElClass)
+    document.body.appendChild(editorEl)
+    return editorEl
+  }
+  const getEditorEl = () => document.querySelector(`.${editorElClass}`)
+
+  const invalidUrls = [
+    // We have to disable the oxlint rule here because we're trying to purposely test eval urls
+    // oxlint-disable-next-line no-script-url
+    'javascript:alert(window.origin)//embed/',
+    'https://youtube.google.com/embed/fdsafsdf',
+    'https://youtube.com.bad/embed',
+    'https://www.youtu0be/embed',
+  ]
+
+  invalidUrls.forEach(url => {
+    it(`does not output html for javascript schema or non-youtube links for url ${url}`, () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Youtube],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'youtube',
+              attrs: {
+                src: url,
+              },
+            },
+          ],
+        },
+      })
+
+      expect(editor.getHTML()).not.toContain(url)
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+  })
+
+  it('when nocookie youtube url is passed, still outputs html with iframe with the url', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Youtube],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'youtube',
+            attrs: {
+              src: 'https://www.youtube-nocookie.com/embed/testvideoid',
+            },
+          },
+        ],
+      },
+    })
+
+    expect(editor.getHTML()).toContain('https://www.youtube-nocookie.com/embed/testvideoid')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  it.each([
+    [
+      'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
+      'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
+      42,
+    ],
+    ['https://youtu.be/dQw4w9WgXcQ', 'https://www.youtube.com/watch?v=dQw4w9WgXcQ', 0],
+    [
+      'https://www.youtube.com/playlist?list=PLrAXtmErZgOeiKm4sgNOknGvNjby9efdf',
+      'https://www.youtube.com/playlist?list=PLrAXtmErZgOeiKm4sgNOknGvNjby9efdf',
+      0,
+    ],
+  ])(
+    'preserves canonical youtube attrs when content is loaded back from rendered HTML for %s',
+    (originalSrc, expectedSrc, start) => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Youtube],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'youtube',
+              attrs: {
+                src: originalSrc,
+                start,
+                width: 720,
+                height: 405,
+              },
+            },
+          ],
+        },
+      })
+
+      const html = editor.getHTML()
+
+      editor.destroy()
+      getEditorEl()?.remove()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Youtube],
+        content: html,
+      })
+
+      expect(editor.getJSON()).toMatchObject({
+        type: 'doc',
+        content: [
+          {
+            type: 'youtube',
+            attrs: {
+              src: expectedSrc,
+              start,
+              width: 720,
+              height: 405,
+            },
+          },
+        ],
+      })
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    },
+  )
+
+  describe('iframe dimension handling', () => {
+    it('preserves percentage width and height when parsing HTML', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Youtube],
+        content:
+          '<div data-youtube-video><iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" width="100%" height="56.25%"></iframe></div>',
+      })
+
+      const attrs = editor.getJSON().content?.[0]?.attrs ?? {}
+
+      expect(attrs.width).toBe('100%')
+      expect(attrs.height).toBe('56.25%')
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+
+    it('keeps percentage dimensions when content is loaded back from rendered HTML', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Youtube],
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'youtube',
+              attrs: {
+                src: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
+                width: '100%',
+                height: 480,
+              },
+            },
+          ],
+        },
+      })
+
+      const html = editor.getHTML()
+
+      expect(html).toContain('width="100%"')
+
+      editor.destroy()
+      getEditorEl()?.remove()
+
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Youtube],
+        content: html,
+      })
+
+      const attrs = editor.getJSON().content?.[0]?.attrs ?? {}
+
+      expect(attrs.width).toBe('100%')
+      expect(attrs.height).toBe(480)
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+
+    it('still parses plain numeric dimensions as numbers', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Youtube],
+        content:
+          '<div data-youtube-video><iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" width="720" height="405"></iframe></div>',
+      })
+
+      const attrs = editor.getJSON().content?.[0]?.attrs ?? {}
+
+      expect(attrs.width).toBe(720)
+      expect(attrs.height).toBe(405)
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+
+    it.each([
+      ['100px', '200px'],
+      ['20rem', '10em'],
+      ['50vw', '30vh'],
+    ])('preserves unit-based dimensions like %s when parsing HTML', (width, height) => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Youtube],
+        content: `<div data-youtube-video><iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" width="${width}" height="${height}"></iframe></div>`,
+      })
+
+      const attrs = editor.getJSON().content?.[0]?.attrs ?? {}
+
+      expect(attrs.width).toBe(width)
+      expect(attrs.height).toBe(height)
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+
+    it('preserves non-numeric strings instead of falling back to the default dimensions', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Youtube],
+        content:
+          '<div data-youtube-video><iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" width="not-a-size" height="auto"></iframe></div>',
+      })
+
+      const attrs = editor.getJSON().content?.[0]?.attrs ?? {}
+
+      expect(attrs.width).toBe('not-a-size')
+      expect(attrs.height).toBe('auto')
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+
+    it('accepts a percentage width in the setYoutubeVideo command', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Youtube],
+      })
+
+      editor.commands.setYoutubeVideo({
+        src: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
+        width: '100%',
+        height: 405,
+      })
+
+      const attrs = editor.getJSON().content?.[0]?.attrs ?? {}
+
+      expect(attrs.width).toBe('100%')
+      expect(attrs.height).toBe(405)
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+  })
+
+  it('does not persist NaN width or height when parsing iframe dimensions from HTML', () => {
+    editor = new Editor({
+      element: createEditorEl(),
+      extensions: [Document, Text, Paragraph, Youtube],
+      content:
+        '<div data-youtube-video><iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" width="100%" height="auto"></iframe></div>',
+    })
+
+    const attrs = editor.getJSON().content?.[0]?.attrs ?? {}
+    const html = editor.getHTML()
+
+    expect(Number.isNaN(attrs.width)).toBe(false)
+    expect(Number.isNaN(attrs.height)).toBe(false)
+    expect(html).not.toContain('width="NaN"')
+    expect(html).not.toContain('height="NaN"')
+
+    editor?.destroy()
+    getEditorEl()?.remove()
+  })
+
+  describe('missing src attribute', () => {
+    // The `src` attribute is declared with `default: null` and its `parseHTML` returns
+    // `undefined` when the iframe carries no `src`, so a node with a null `src` is a
+    // legitimate parse result rather than a malformed document.
+    const iframeWithoutSrc =
+      '<div data-youtube-video=""><iframe class="w-full aspect-video" width="640" height="480" allowfullscreen="true" start="0"></iframe></div>'
+
+    it('refuses setYoutubeVideo with a missing src instead of throwing', () => {
+      editor = new Editor({
+        element: createEditorEl(),
+        extensions: [Document, Text, Paragraph, Youtube],
+      })
+
+      expect(editor.commands.setYoutubeVideo({ src: null as unknown as string })).toBe(false)
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+
+    it('parses an iframe without a src attribute without throwing', () => {
+      expect(() => {
+        editor = new Editor({
+          element: createEditorEl(),
+          extensions: [Document, Text, Paragraph, Youtube],
+          content: iframeWithoutSrc,
+        })
+      }).not.toThrow()
+
+      expect(editor?.getHTML()).not.toContain('src=')
+
+      editor?.destroy()
+      getEditorEl()?.remove()
+    })
+  })
+})
diff --git a/packages/extension-youtube/vite.config.ts b/packages/extension-youtube/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/extension-youtube/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/extensions/CHANGELOG.md b/packages/extensions/CHANGELOG.md
new file mode 100644
index 0000000..dfeeb71
--- /dev/null
+++ b/packages/extensions/CHANGELOG.md
@@ -0,0 +1,1380 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- d2983cd: Fixed the `Selection` extension leaving the native browser selection visible on blur, where it overlapped the selection decoration. The native selection is now cleared on blur and restored on focus.
+  - @tiptap/core@3.27.4
+  - @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- 76a76da: Fixed placeholder flickering and disappearance on large documents. Replaced the viewport-based decoration scan with an incremental `StateField<DecorationSet>` that only re-computes decorations for top-level nodes touched by each transaction. This eliminates the dependency on DOM measurement (`posAtCoords`), `requestAnimationFrame` scheduling, and scroll listeners that caused flickering under collaboration, occlusion, and rapid edits.
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- 2be3fb9: Fix Placeholder flickering while a modal overlay is open. When the editor was occluded during a stream of transactions (e.g. remote collaboration edits), the viewport measurement fell back to a full-document range and repeatedly toggled the `data-placeholder` attribute on empty blocks. The viewport window is now frozen when the editor can't be measured reliably, so placeholders stay stable.
+  - @tiptap/core@3.27.1
+  - @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- 75e8404: Fix the `Selection` extension highlighting beyond the selected text on multi-line selections: the native browser selection is now hidden while the editor is blurred, so only the styled `.selection` decoration is shown.
+  - @tiptap/core@3.26.0
+  - @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Minor Changes
+
+- Allow `emptyNodeClass` in the Placeholder extension to accept a function that returns a dynamic CSS class name per node
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- 2d05614: Fix placeholder flickering during collaborative editing and reduce scroll-time CPU usage by deferring viewport recomputation to rAF, adding an overscan margin, and throttling scroll updates
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- 937ff2e: **Placeholder**: Replaced full-document `doc.descendants()` traversal with a cursor-resolved fast path for the default config and viewport-limited scanning for the non-default config, significantly reducing decoration overhead on large documents.
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- 57e53c1: Add a new `autoTrim` option to `CharacterCount` which can be used to allow exceeding the character limit and either trim or validate the content length manually
+  - @tiptap/core@3.23.4
+  - @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- 0c2bbfe: Add support for skipping trailing node insertion on transactions by setting the `skipTrailingNode` meta flag.
+  - @tiptap/core@3.20.5
+  - @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- a65e55d: Added a new `dataAttribute` to the extension option to control which attribute name will be used for the placeholder label.
+  - @tiptap/core@3.18.0
+  - @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- eea7190: Fixed a bug where the TrailingNode extension would not use the node option to assume the default node type
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- 9d5aeb1: Fixed infinite transaction loop that caused browser tabs to freeze when using UniqueID and TrailingNode extensions together.
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- 7cf3ab6: Make the `TrailingNode` extension's `node` option optional and derive the
+  default node type from the editor schema when available.
+
+  Previously the extension used a hard-coded `'paragraph'` default and the
+  `node` option was required in the TypeScript definitions. This change:
+
+  - makes `node` optional in the options type,
+  - prefers the editor schema's top node default type when resolving the
+    trailing node, and
+  - falls back to the configured option or `'paragraph'` as a last resort.
+
+  This fixes cases where projects use a different top-level default node and
+  prevents the extension from inserting an incorrect trailing node type.
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- 7024d69: The Selection extension now uses the correct SelectionOptions type, providing accurate typings for its options.
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- bfec9b2: Adds the new `@tiptap/extensions` package which packages multiple utility extensions like `History`, `Placeholder`, `CharacterCount`, `DropCursor`, `GapCursor`, `TrailingNode`, `Focus`, and `Selection`.
+
+  ## CharacterCount
+
+  This extension adds a cursor that indicates where a new node will be inserted when dragging and dropping.
+
+  Migrate from `@tiptap/extension-character-count` to `@tiptap/extensions`:
+
+  ```diff
+  - import CharacterCount from '@tiptap/extension-character-count'
+  + import { CharacterCount } from '@tiptap/extensions'
+  ```
+
+  Usage:
+
+  ```ts
+  import { CharacterCount, CharacterCountOptions } from "@tiptap/extensions";
+  ```
+
+  ## DropCursor
+
+  This extension adds a cursor that indicates where a new node will be inserted when dragging and dropping.
+
+  Migrate from `@tiptap/extension-dropcursor` to `@tiptap/extensions`:
+
+  ```diff
+  - import DropCursor from '@tiptap/extension-dropcursor'
+  + import { DropCursor } from '@tiptap/extensions'
+  ```
+
+  Usage:
+
+  ```ts
+  import { DropCursor, DropCursorOptions } from "@tiptap/extensions";
+  ```
+
+  ## GapCursor
+
+  This extension adds a cursor that appears when you click on a place where no content is present, for example in-between nodes.
+
+  Migrate from `@tiptap/extension-gapcursor` to `@tiptap/extensions`:
+
+  ```diff
+  - import GapCursor from '@tiptap/extension-gapcursor'
+  + import { GapCursor } from '@tiptap/extensions'
+  ```
+
+  Usage:
+
+  ```ts
+  import { GapCursor } from "@tiptap/extensions";
+  ```
+
+  ## History
+
+  This extension adds undo and redo functionality to the editor.
+
+  Migrate from `@tiptap/extension-history` to `@tiptap/extensions`:
+
+  ```diff
+  - import History from '@tiptap/extension-history'
+  + import { History } from '@tiptap/extensions'
+  ```
+
+  Usage:
+
+  ```ts
+  import { UndoRedo, UndoRedoOptions } from "@tiptap/extensions";
+  ```
+
+  ## Placeholder
+
+  This extension adds a placeholder text to the editor, which is displayed when the editor is empty.
+
+  Migrate from `@tiptap/extension-placeholder` to `@tiptap/extensions`:
+
+  ```diff
+  - import Placeholder from '@tiptap/extension-placeholder'
+  + import { Placeholder } from '@tiptap/extensions'
+  ```
+
+  Usage:
+
+  ```ts
+  import { Placeholder, PlaceholderOptions } from "@tiptap/extensions";
+  ```
+
+  ## TrailingNode
+
+  This extension adds a node at the end of the editor, which can be used to add a trailing node like a paragraph.
+
+  ```ts
+  import { TrailingNode, TrailingNodeOptions } from "@tiptap/extensions";
+  ```
+
+  ## Focus
+
+  This extension adds a focus state to the editor, which can be used to style the editor when it's focused.
+
+  Migrate from `@tiptap/extension-focus` to `@tiptap/extensions`:
+
+  ```diff
+  - import Focus from '@tiptap/extension-focus'
+  + import { Focus } from '@tiptap/extensions'
+  ```
+
+  Usage:
+
+  ```ts
+  import { Focus, FocusOptions } from "@tiptap/extensions";
+  ```
+
+  ## Selection
+
+  This extension adds a selection state to the editor, which can be used to style the editor when there's a selection.
+
+  ```ts
+  import { Selection, SelectionOptions } from "@tiptap/extensions";
+  ```
+
+- ce47182: Remove selection decoration when editor is on dragging mode
+
+### Minor Changes
+
+- 52b6644: skip decorations for node selection and non editable editor
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Major Changes
+
+- ce47182: Remove selection decoration when editor is on dragging mode
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+### Minor Changes
+
+- 52b6644: skip decorations for node selection and non editable editor
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- bfec9b2: Adds the new `@tiptap/extensions` package which packages multiple utility extensions like `History`, `Placeholder`, `CharacterCount`, `DropCursor`, `GapCursor`, `TrailingNode`, `Focus`, and `Selection`.
+
+  ## CharacterCount
+
+  This extension adds a cursor that indicates where a new node will be inserted when dragging and dropping.
+
+  Migrate from `@tiptap/extension-character-count` to `@tiptap/extensions`:
+
+  ```diff
+  - import CharacterCount from '@tiptap/extension-character-count'
+  + import { CharacterCount } from '@tiptap/extensions'
+  ```
+
+  Usage:
+
+  ```ts
+  import { CharacterCount, CharacterCountOptions } from "@tiptap/extensions";
+  ```
+
+  ## DropCursor
+
+  This extension adds a cursor that indicates where a new node will be inserted when dragging and dropping.
+
+  Migrate from `@tiptap/extension-dropcursor` to `@tiptap/extensions`:
+
+  ```diff
+  - import DropCursor from '@tiptap/extension-dropcursor'
+  + import { DropCursor } from '@tiptap/extensions'
+  ```
+
+  Usage:
+
+  ```ts
+  import { DropCursor, DropCursorOptions } from "@tiptap/extensions";
+  ```
+
+  ## GapCursor
+
+  This extension adds a cursor that appears when you click on a place where no content is present, for example in-between nodes.
+
+  Migrate from `@tiptap/extension-gapcursor` to `@tiptap/extensions`:
+
+  ```diff
+  - import GapCursor from '@tiptap/extension-gapcursor'
+  + import { GapCursor } from '@tiptap/extensions'
+  ```
+
+  Usage:
+
+  ```ts
+  import { GapCursor } from "@tiptap/extensions";
+  ```
+
+  ## History
+
+  This extension adds undo and redo functionality to the editor.
+
+  Migrate from `@tiptap/extension-history` to `@tiptap/extensions`:
+
+  ```diff
+  - import History from '@tiptap/extension-history'
+  + import { History } from '@tiptap/extensions'
+  ```
+
+  Usage:
+
+  ```ts
+  import { History, HistoryOptions } from "@tiptap/extensions";
+  ```
+
+  ## Placeholder
+
+  This extension adds a placeholder text to the editor, which is displayed when the editor is empty.
+
+  Migrate from `@tiptap/extension-placeholder` to `@tiptap/extensions`:
+
+  ```diff
+  - import Placeholder from '@tiptap/extension-placeholder'
+  + import { Placeholder } from '@tiptap/extensions'
+  ```
+
+  Usage:
+
+  ```ts
+  import { Placeholder, PlaceholderOptions } from "@tiptap/extensions";
+  ```
+
+  ## TrailingNode
+
+  This extension adds a node at the end of the editor, which can be used to add a trailing node like a paragraph.
+
+  ```ts
+  import { TrailingNode, TrailingNodeOptions } from "@tiptap/extensions";
+  ```
+
+  ## Focus
+
+  This extension adds a focus state to the editor, which can be used to style the editor when it's focused.
+
+  Migrate from `@tiptap/extension-focus` to `@tiptap/extensions`:
+
+  ```diff
+  - import Focus from '@tiptap/extension-focus'
+  + import { Focus } from '@tiptap/extensions'
+  ```
+
+  Usage:
+
+  ```ts
+  import { Focus, FocusOptions } from "@tiptap/extensions";
+  ```
+
+  ## Selection
+
+  This extension adds a selection state to the editor, which can be used to style the editor when there's a selection.
+
+  ```ts
+  import { Selection, SelectionOptions } from "@tiptap/extensions";
+  ```
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+### Major Changes
+
+- bfec9b2: Adds the new `@tiptap/extensions` package which holds utility extensions
diff --git a/packages/extensions/README.md b/packages/extensions/README.md
new file mode 100644
index 0000000..d0ed340
--- /dev/null
+++ b/packages/extensions/README.md
@@ -0,0 +1,18 @@
+# @tiptap/extensions
+
+[![Version](https://img.shields.io/npm/v/@tiptap/extensions.svg?label=version)](https://www.npmjs.com/package/@tiptap/extensions)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/extensions.svg)](https://www.npmjs.com/package/@tiptap/extensions)
+[![License](https://img.shields.io/npm/l/@tiptap/extensions.svg)](https://www.npmjs.com/package/@tiptap/extensions)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/extensions/package.json b/packages/extensions/package.json
new file mode 100644
index 0000000..0d3103e
--- /dev/null
+++ b/packages/extensions/package.json
@@ -0,0 +1,116 @@
+{
+  "name": "@tiptap/extensions",
+  "version": "3.30.3",
+  "description": "various extensions for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap extension"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/extension"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./character-count": {
+      "types": {
+        "import": "./dist/character-count/index.d.ts",
+        "require": "./dist/character-count/index.d.cts"
+      },
+      "import": "./dist/character-count/index.js",
+      "require": "./dist/character-count/index.cjs"
+    },
+    "./drop-cursor": {
+      "types": {
+        "import": "./dist/drop-cursor/index.d.ts",
+        "require": "./dist/drop-cursor/index.d.cts"
+      },
+      "import": "./dist/drop-cursor/index.js",
+      "require": "./dist/drop-cursor/index.cjs"
+    },
+    "./focus": {
+      "types": {
+        "import": "./dist/focus/index.d.ts",
+        "require": "./dist/focus/index.d.cts"
+      },
+      "import": "./dist/focus/index.js",
+      "require": "./dist/focus/index.cjs"
+    },
+    "./gap-cursor": {
+      "types": {
+        "import": "./dist/gap-cursor/index.d.ts",
+        "require": "./dist/gap-cursor/index.d.cts"
+      },
+      "import": "./dist/gap-cursor/index.js",
+      "require": "./dist/gap-cursor/index.cjs"
+    },
+    "./undo-redo": {
+      "types": {
+        "import": "./dist/undo-redo/index.d.ts",
+        "require": "./dist/undo-redo/index.d.cts"
+      },
+      "import": "./dist/undo-redo/index.js",
+      "require": "./dist/undo-redo/index.cjs"
+    },
+    "./placeholder": {
+      "types": {
+        "import": "./dist/placeholder/index.d.ts",
+        "require": "./dist/placeholder/index.d.cts"
+      },
+      "import": "./dist/placeholder/index.js",
+      "require": "./dist/placeholder/index.cjs"
+    },
+    "./selection": {
+      "types": {
+        "import": "./dist/selection/index.d.ts",
+        "require": "./dist/selection/index.d.cts"
+      },
+      "import": "./dist/selection/index.js",
+      "require": "./dist/selection/index.cjs"
+    },
+    "./trailing-node": {
+      "types": {
+        "import": "./dist/trailing-node/index.d.ts",
+        "require": "./dist/trailing-node/index.d.cts"
+      },
+      "import": "./dist/trailing-node/index.js",
+      "require": "./dist/trailing-node/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/extensions/src/character-count/character-count.ts b/packages/extensions/src/character-count/character-count.ts
new file mode 100644
index 0000000..b9c02b3
--- /dev/null
+++ b/packages/extensions/src/character-count/character-count.ts
@@ -0,0 +1,203 @@
+import { Extension } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+export interface CharacterCountOptions {
+  /**
+   * The maximum number of characters that should be allowed. Defaults to `0`.
+   * @default null
+   * @example 180
+   */
+  limit: number | null | undefined
+  /**
+   * The mode by which the size is calculated. If set to `textSize`, the textContent of the document is used.
+   * If set to `nodeSize`, the nodeSize of the document is used.
+   * @default 'textSize'
+   * @example 'textSize'
+   */
+  mode: 'textSize' | 'nodeSize'
+  /**
+   * Sets whether the content will be automatically trimmed when programatically setting content over the limit.
+   * If set to false, the user will be able to trim the text manually.
+   * @default true
+   * @example false
+   */
+  autoTrim?: boolean
+  /**
+   * The text counter function to use. Defaults to a simple character count.
+   * @default (text) => text.length
+   * @example (text) => [...new Intl.Segmenter().segment(text)].length
+   */
+  textCounter: (text: string) => number
+  /**
+   * The word counter function to use. Defaults to a simple word count.
+   * @default (text) => text.split(' ').filter(word => word !== '').length
+   * @example (text) => text.split(/\s+/).filter(word => word !== '').length
+   */
+  wordCounter: (text: string) => number
+}
+
+export interface CharacterCountStorage {
+  /**
+   * Get the number of characters for the current document.
+   * @param options The options for the character count. (optional)
+   * @param options.node The node to get the characters from. Defaults to the current document.
+   * @param options.mode The mode by which the size is calculated. If set to `textSize`, the textContent of the document is used.
+   */
+  characters: (options?: { node?: PMNode; mode?: 'textSize' | 'nodeSize' }) => number
+
+  /**
+   * Get the number of words for the current document.
+   * @param options The options for the character count. (optional)
+   * @param options.node The node to get the words from. Defaults to the current document.
+   */
+  words: (options?: { node?: PMNode }) => number
+}
+
+declare module '@tiptap/core' {
+  interface Storage {
+    characterCount: CharacterCountStorage
+  }
+}
+
+/**
+ * This extension allows you to count the characters and words of your document.
+ * @see https://tiptap.dev/api/extensions/character-count
+ */
+export const CharacterCount = Extension.create<CharacterCountOptions, CharacterCountStorage>({
+  name: 'characterCount',
+
+  addOptions() {
+    return {
+      limit: null,
+      autoTrim: true,
+      mode: 'textSize',
+      textCounter: text => text.length,
+      wordCounter: text => text.split(' ').filter(word => word !== '').length,
+    }
+  },
+
+  addStorage() {
+    return {
+      characters: () => 0,
+      words: () => 0,
+    }
+  },
+
+  onBeforeCreate() {
+    this.storage.characters = options => {
+      const node = options?.node || this.editor.state.doc
+      const mode = options?.mode || this.options.mode
+
+      if (mode === 'textSize') {
+        const text = node.textBetween(0, node.content.size, undefined, ' ')
+
+        return this.options.textCounter(text)
+      }
+
+      return node.nodeSize
+    }
+
+    this.storage.words = options => {
+      const node = options?.node || this.editor.state.doc
+      const text = node.textBetween(0, node.content.size, ' ', ' ')
+
+      return this.options.wordCounter(text)
+    }
+  },
+
+  addProseMirrorPlugins() {
+    let initialEvaluationDone = false
+
+    return [
+      new Plugin({
+        key: new PluginKey('characterCount'),
+        appendTransaction: (transactions, oldState, newState) => {
+          if (initialEvaluationDone) {
+            return
+          }
+
+          const limit = this.options.limit
+          const autoTrim = this.options.autoTrim
+
+          if (limit === null || limit === undefined || limit === 0 || autoTrim === false) {
+            initialEvaluationDone = true
+            return
+          }
+
+          const initialContentSize = this.storage.characters({ node: newState.doc })
+
+          if (initialContentSize > limit) {
+            const over = initialContentSize - limit
+            const from = 0
+            const to = over
+
+            console.warn(
+              `[CharacterCount] Initial content exceeded limit of ${limit} characters. Content was automatically trimmed.`,
+            )
+            const tr = newState.tr.deleteRange(from, to)
+            initialEvaluationDone = true
+            return tr
+          }
+
+          initialEvaluationDone = true
+        },
+        filterTransaction: (transaction, state) => {
+          const limit = this.options.limit
+
+          // Nothing has changed or no limit is defined. Ignore it.
+          if (!transaction.docChanged || limit === 0 || limit === null || limit === undefined) {
+            return true
+          }
+
+          const oldSize = this.storage.characters({ node: state.doc })
+          const newSize = this.storage.characters({ node: transaction.doc })
+
+          // Everything is in the limit. Good.
+          if (newSize <= limit) {
+            return true
+          }
+
+          // The limit has already been exceeded but will be reduced.
+          if (oldSize > limit && newSize > limit && newSize <= oldSize) {
+            return true
+          }
+
+          // The limit has already been exceeded and will be increased further.
+          if (oldSize > limit && newSize > limit && newSize > oldSize) {
+            return false
+          }
+
+          const isPaste = transaction.getMeta('paste')
+
+          // Block all exceeding transactions that were not pasted.
+          if (!isPaste) {
+            return false
+          }
+
+          // For pasted content, we try to remove the exceeding content.
+          const pos = transaction.selection.$head.pos
+          const over = newSize - limit
+          const from = pos - over
+          const to = pos
+
+          // It’s probably a bad idea to mutate transactions within `filterTransaction`
+          // but for now this is working fine.
+          transaction.deleteRange(from, to)
+
+          // In some situations, the limit will continue to be exceeded after trimming.
+          // This happens e.g. when truncating within a complex node (e.g. table)
+          // and ProseMirror has to close this node again.
+          // If this is the case, we prevent the transaction completely.
+          const updatedSize = this.storage.characters({ node: transaction.doc })
+
+          if (updatedSize > limit) {
+            return false
+          }
+
+          return true
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/extensions/src/character-count/index.ts b/packages/extensions/src/character-count/index.ts
new file mode 100644
index 0000000..016071a
--- /dev/null
+++ b/packages/extensions/src/character-count/index.ts
@@ -0,0 +1 @@
+export * from './character-count.js'
diff --git a/packages/extensions/src/drop-cursor/drop-cursor.ts b/packages/extensions/src/drop-cursor/drop-cursor.ts
new file mode 100644
index 0000000..40f3cd5
--- /dev/null
+++ b/packages/extensions/src/drop-cursor/drop-cursor.ts
@@ -0,0 +1,47 @@
+import { Extension } from '@tiptap/core'
+import { dropCursor } from '@tiptap/pm/dropcursor'
+
+export interface DropcursorOptions {
+  /**
+   * The color of the drop cursor. Use `false` to apply no color and rely only on class.
+   * @default 'currentColor'
+   * @example 'red'
+   */
+  color?: string | false
+
+  /**
+   * The width of the drop cursor
+   * @default 1
+   * @example 2
+   */
+  width: number | undefined
+
+  /**
+   * The class of the drop cursor
+   * @default undefined
+   * @example 'drop-cursor'
+   */
+  class: string | undefined
+}
+
+/**
+ * This extension allows you to add a drop cursor to your editor.
+ * A drop cursor is a line that appears when you drag and drop content
+ * in-between nodes.
+ * @see https://tiptap.dev/api/extensions/dropcursor
+ */
+export const Dropcursor = Extension.create<DropcursorOptions>({
+  name: 'dropCursor',
+
+  addOptions() {
+    return {
+      color: 'currentColor',
+      width: 1,
+      class: undefined,
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [dropCursor(this.options)]
+  },
+})
diff --git a/packages/extensions/src/drop-cursor/index.ts b/packages/extensions/src/drop-cursor/index.ts
new file mode 100644
index 0000000..156d969
--- /dev/null
+++ b/packages/extensions/src/drop-cursor/index.ts
@@ -0,0 +1 @@
+export * from './drop-cursor.js'
diff --git a/packages/extensions/src/focus/focus.ts b/packages/extensions/src/focus/focus.ts
new file mode 100644
index 0000000..fe905ee
--- /dev/null
+++ b/packages/extensions/src/focus/focus.ts
@@ -0,0 +1,110 @@
+import { Extension } from '@tiptap/core'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+
+export interface FocusOptions {
+  /**
+   * The class name that should be added to the focused node.
+   * @default 'has-focus'
+   * @example 'is-focused'
+   */
+  className: string
+
+  /**
+   * The mode by which the focused node is determined.
+   * - All: All nodes are marked as focused.
+   * - Deepest: Only the deepest node is marked as focused.
+   * - Shallowest: Only the shallowest node is marked as focused.
+   *
+   * @default 'all'
+   * @example 'deepest'
+   * @example 'shallowest'
+   */
+  mode: 'all' | 'deepest' | 'shallowest'
+}
+
+/**
+ * This extension allows you to add a class to the focused node.
+ * @see https://www.tiptap.dev/api/extensions/focus
+ */
+export const Focus = Extension.create<FocusOptions>({
+  name: 'focus',
+
+  addOptions() {
+    return {
+      className: 'has-focus',
+      mode: 'all',
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: new PluginKey('focus'),
+        props: {
+          decorations: ({ doc, selection }) => {
+            const { isEditable, isFocused } = this.editor
+            const { anchor } = selection
+            const decorations: Decoration[] = []
+
+            if (!isEditable || !isFocused) {
+              return DecorationSet.create(doc, [])
+            }
+
+            // Maximum Levels
+            let maxLevels = 0
+
+            if (this.options.mode === 'deepest') {
+              doc.descendants((node, pos) => {
+                if (node.isText) {
+                  return
+                }
+
+                const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1
+
+                if (!isCurrent) {
+                  return false
+                }
+
+                maxLevels += 1
+              })
+            }
+
+            // Loop through current
+            let currentLevel = 0
+
+            doc.descendants((node, pos) => {
+              if (node.isText) {
+                return false
+              }
+
+              const isCurrent = anchor >= pos && anchor <= pos + node.nodeSize - 1
+
+              if (!isCurrent) {
+                return false
+              }
+
+              currentLevel += 1
+
+              const outOfScope =
+                (this.options.mode === 'deepest' && maxLevels - currentLevel > 0) ||
+                (this.options.mode === 'shallowest' && currentLevel > 1)
+
+              if (outOfScope) {
+                return this.options.mode === 'deepest'
+              }
+
+              decorations.push(
+                Decoration.node(pos, pos + node.nodeSize, {
+                  class: this.options.className,
+                }),
+              )
+            })
+
+            return DecorationSet.create(doc, decorations)
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/extensions/src/focus/index.ts b/packages/extensions/src/focus/index.ts
new file mode 100644
index 0000000..db34427
--- /dev/null
+++ b/packages/extensions/src/focus/index.ts
@@ -0,0 +1 @@
+export * from './focus.js'
diff --git a/packages/extensions/src/gap-cursor/gap-cursor.ts b/packages/extensions/src/gap-cursor/gap-cursor.ts
new file mode 100644
index 0000000..c2a0a02
--- /dev/null
+++ b/packages/extensions/src/gap-cursor/gap-cursor.ts
@@ -0,0 +1,47 @@
+import type { ParentConfig } from '@tiptap/core'
+import { callOrReturn, Extension, getExtensionField } from '@tiptap/core'
+import { gapCursor } from '@tiptap/pm/gapcursor'
+
+declare module '@tiptap/core' {
+  interface NodeConfig<Options, Storage> {
+    /**
+     * A function to determine whether the gap cursor is allowed at the current position. Must return `true` or `false`.
+     * @default null
+     */
+    allowGapCursor?:
+      | boolean
+      | null
+      | ((this: {
+          name: string
+          options: Options
+          storage: Storage
+          parent: ParentConfig<NodeConfig<Options>>['allowGapCursor']
+        }) => boolean | null)
+  }
+}
+
+/**
+ * This extension allows you to add a gap cursor to your editor.
+ * A gap cursor is a cursor that appears when you click on a place
+ * where no content is present, for example inbetween nodes.
+ * @see https://tiptap.dev/api/extensions/gapcursor
+ */
+export const Gapcursor = Extension.create({
+  name: 'gapCursor',
+
+  addProseMirrorPlugins() {
+    return [gapCursor()]
+  },
+
+  extendNodeSchema(extension) {
+    const context = {
+      name: extension.name,
+      options: extension.options,
+      storage: extension.storage,
+    }
+
+    return {
+      allowGapCursor: callOrReturn(getExtensionField(extension, 'allowGapCursor', context)) ?? null,
+    }
+  },
+})
diff --git a/packages/extensions/src/gap-cursor/index.ts b/packages/extensions/src/gap-cursor/index.ts
new file mode 100644
index 0000000..4099449
--- /dev/null
+++ b/packages/extensions/src/gap-cursor/index.ts
@@ -0,0 +1 @@
+export * from './gap-cursor.js'
diff --git a/packages/extensions/src/index.ts b/packages/extensions/src/index.ts
new file mode 100644
index 0000000..01cd652
--- /dev/null
+++ b/packages/extensions/src/index.ts
@@ -0,0 +1,8 @@
+export * from './character-count/index.js'
+export * from './drop-cursor/index.js'
+export * from './focus/index.js'
+export * from './gap-cursor/index.js'
+export * from './placeholder/index.js'
+export * from './selection/index.js'
+export * from './trailing-node/index.js'
+export * from './undo-redo/index.js'
diff --git a/packages/extensions/src/placeholder/constants.ts b/packages/extensions/src/placeholder/constants.ts
new file mode 100644
index 0000000..ca7c6f1
--- /dev/null
+++ b/packages/extensions/src/placeholder/constants.ts
@@ -0,0 +1,8 @@
+import { PluginKey } from '@tiptap/pm/state'
+import type { DecorationSet } from '@tiptap/pm/view'
+
+/** The default data attribute label */
+export const DEFAULT_DATA_ATTRIBUTE = 'placeholder'
+
+/** The plugin key used to store and read the placeholder decoration set */
+export const PLUGIN_KEY = new PluginKey<DecorationSet>('tiptap__placeholder')
diff --git a/packages/extensions/src/placeholder/index.ts b/packages/extensions/src/placeholder/index.ts
new file mode 100644
index 0000000..e6ecc59
--- /dev/null
+++ b/packages/extensions/src/placeholder/index.ts
@@ -0,0 +1,4 @@
+export { DEFAULT_DATA_ATTRIBUTE, PLUGIN_KEY } from './constants.js'
+export * from './placeholder.js'
+export * from './types.js'
+export { preparePlaceholderAttribute } from './utils/preparePlaceholderAttribute.js'
diff --git a/packages/extensions/src/placeholder/placeholder.ts b/packages/extensions/src/placeholder/placeholder.ts
new file mode 100644
index 0000000..cf55b57
--- /dev/null
+++ b/packages/extensions/src/placeholder/placeholder.ts
@@ -0,0 +1,30 @@
+import { Extension } from '@tiptap/core'
+
+import { DEFAULT_DATA_ATTRIBUTE } from './constants.js'
+import { createPlaceholderPlugin } from './plugins/PlaceholderPlugin.js'
+import type { PlaceholderOptions } from './types.js'
+
+/**
+ * This extension allows you to add a placeholder to your editor.
+ * A placeholder is a text that appears when the editor or a node is empty.
+ * @see https://www.tiptap.dev/api/extensions/placeholder
+ */
+export const Placeholder = Extension.create<PlaceholderOptions>({
+  name: 'placeholder',
+
+  addOptions() {
+    return {
+      emptyEditorClass: 'is-editor-empty',
+      emptyNodeClass: 'is-empty',
+      dataAttribute: DEFAULT_DATA_ATTRIBUTE,
+      placeholder: 'Write something …',
+      showOnlyWhenEditable: true,
+      showOnlyCurrent: true,
+      includeChildren: false,
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [createPlaceholderPlugin({ editor: this.editor, options: this.options })]
+  },
+})
diff --git a/packages/extensions/src/placeholder/plugins/PlaceholderPlugin.ts b/packages/extensions/src/placeholder/plugins/PlaceholderPlugin.ts
new file mode 100644
index 0000000..ead9779
--- /dev/null
+++ b/packages/extensions/src/placeholder/plugins/PlaceholderPlugin.ts
@@ -0,0 +1,49 @@
+import type { Editor } from '@tiptap/core'
+import { Plugin } from '@tiptap/pm/state'
+import { DecorationSet } from '@tiptap/pm/view'
+
+import { DEFAULT_DATA_ATTRIBUTE, PLUGIN_KEY } from '../constants.js'
+import type { PlaceholderOptions } from '../types.js'
+import { buildPlaceholderDecorations } from '../utils/buildPlaceholderDecorations.js'
+import { createPlaceholderStateField } from '../utils/placeholderStateField.js'
+import { preparePlaceholderAttribute } from '../utils/preparePlaceholderAttribute.js'
+
+export type CreatePluginOptions = {
+  editor: Editor
+  options: PlaceholderOptions
+}
+
+/**
+ * Creates the ProseMirror plugin that renders placeholder decorations.
+ * @param options.editor - The editor instance.
+ * @param options.options - The resolved placeholder options.
+ * @returns The configured placeholder plugin.
+ */
+export function createPlaceholderPlugin({ editor, options }: CreatePluginOptions) {
+  const dataAttribute = options.dataAttribute
+    ? `data-${preparePlaceholderAttribute(options.dataAttribute)}`
+    : `data-${DEFAULT_DATA_ATTRIBUTE}`
+
+  const useResolvedPath = options.showOnlyCurrent && !options.includeChildren
+
+  return new Plugin({
+    key: PLUGIN_KEY,
+    ...(useResolvedPath
+      ? {}
+      : {
+          state: createPlaceholderStateField({ editor, options, dataAttribute }),
+        }),
+    props: {
+      decorations: useResolvedPath
+        ? ({ doc, selection }) =>
+            buildPlaceholderDecorations({ editor, options, dataAttribute, doc, selection })
+        : state => {
+            if (options.showOnlyWhenEditable && !editor.isEditable) {
+              return DecorationSet.empty
+            }
+
+            return PLUGIN_KEY.getState(state) ?? DecorationSet.empty
+          },
+    },
+  })
+}
diff --git a/packages/extensions/src/placeholder/types.ts b/packages/extensions/src/placeholder/types.ts
new file mode 100644
index 0000000..85f863e
--- /dev/null
+++ b/packages/extensions/src/placeholder/types.ts
@@ -0,0 +1,74 @@
+import type { Editor } from '@tiptap/core'
+import type { Node as ProsemirrorNode } from '@tiptap/pm/model'
+
+export interface PlaceholderOptions {
+  /**
+   * **The class name for the empty editor**
+   * @default 'is-editor-empty'
+   */
+  emptyEditorClass: string
+
+  /**
+   * **The class name for empty nodes**
+   *
+   * You can use a function to return a dynamic class name or a string.
+   * @default 'is-empty'
+   */
+  emptyNodeClass:
+    | ((EmptyNodeClassProps: {
+        editor: Editor
+        node: ProsemirrorNode
+        pos: number
+        hasAnchor: boolean
+      }) => string)
+    | string
+
+  /**
+   * **The data-attribute used for the placeholder label**
+   * Will be prepended with `data-` and converted to kebab-case and cleaned of special characters.
+   * @default 'placeholder'
+   */
+  dataAttribute: string
+
+  /**
+   * **The placeholder content**
+   *
+   * You can use a function to return a dynamic placeholder or a string.
+   * @default 'Write something …'
+   */
+  placeholder:
+    | ((PlaceholderProps: {
+        editor: Editor
+        node: ProsemirrorNode
+        pos: number
+        hasAnchor: boolean
+      }) => string)
+    | string
+
+  /**
+   * **Checks if the placeholder should be only shown when the editor is editable.**
+   *
+   * If true, the placeholder will only be shown when the editor is editable.
+   * If false, the placeholder will always be shown.
+   * @default true
+   */
+  showOnlyWhenEditable: boolean
+
+  /**
+   * **Checks if the placeholder should be only shown when the current node is empty.**
+   *
+   * If true, the placeholder will only be shown when the current node is empty.
+   * If false, the placeholder will be shown when any node is empty.
+   * @default true
+   */
+  showOnlyCurrent: boolean
+
+  /**
+   * **Controls if the placeholder should be shown for all descendants.**
+   *
+   * If true, the placeholder will be shown for all descendants.
+   * If false, the placeholder will only be shown for the current node.
+   * @default false
+   */
+  includeChildren: boolean
+}
diff --git a/packages/extensions/src/placeholder/utils/buildPlaceholderDecorations.ts b/packages/extensions/src/placeholder/utils/buildPlaceholderDecorations.ts
new file mode 100644
index 0000000..60583b7
--- /dev/null
+++ b/packages/extensions/src/placeholder/utils/buildPlaceholderDecorations.ts
@@ -0,0 +1,164 @@
+import type { Editor } from '@tiptap/core'
+import { isNodeEmpty } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Selection } from '@tiptap/pm/state'
+import type { Decoration } from '@tiptap/pm/view'
+import { DecorationSet } from '@tiptap/pm/view'
+
+import type { PlaceholderOptions } from '../types.js'
+import { createPlaceholderDecoration } from './createPlaceholderDecoration.js'
+
+function resolveEmptyNodeClass(
+  emptyNodeClass: PlaceholderOptions['emptyNodeClass'],
+  props: { editor: Editor; node: PMNode; pos: number; hasAnchor: boolean },
+): string {
+  return typeof emptyNodeClass === 'function' ? emptyNodeClass(props) : emptyNodeClass
+}
+
+/**
+ * Scans a document range for empty textblocks that should receive placeholder
+ * decorations. Used by the slow path and incremental state updates.
+ */
+export function scanRangeForDecorations({
+  editor,
+  options,
+  dataAttribute,
+  doc,
+  selection,
+  from,
+  to,
+}: {
+  editor: Editor
+  options: PlaceholderOptions
+  dataAttribute: string
+  doc: PMNode
+  selection: Selection
+  from: number
+  to: number
+}): Decoration[] {
+  const { anchor } = selection
+  const decorations: Decoration[] = []
+  const isEmptyDoc = editor.isEmpty
+
+  doc.nodesBetween(from, to, (node, pos) => {
+    const hasAnchor = anchor >= pos && anchor <= pos + node.nodeSize
+    const isEmpty = !node.isLeaf && isNodeEmpty(node)
+
+    if (!node.type.isTextblock) {
+      return options.includeChildren
+    }
+
+    if ((hasAnchor || !options.showOnlyCurrent) && isEmpty) {
+      decorations.push(
+        createPlaceholderDecoration({
+          editor,
+          isEmptyDoc,
+          dataAttribute,
+          hasAnchor,
+          placeholder: options.placeholder,
+          classes: {
+            emptyEditor: options.emptyEditorClass,
+            emptyNode: resolveEmptyNodeClass(options.emptyNodeClass, {
+              editor,
+              node,
+              pos,
+              hasAnchor,
+            }),
+          },
+          node,
+          pos,
+        }),
+      )
+    }
+
+    return options.includeChildren
+  })
+
+  return decorations
+}
+
+/**
+ * Builds the placeholder decorations for the current document state.
+ * @param options.editor - The editor instance.
+ * @param options.options - The resolved placeholder options.
+ * @param options.dataAttribute - The prepared `data-*` attribute name.
+ * @param options.doc - The current document node.
+ * @param options.selection - The current selection.
+ * @returns A decoration set, or `null` when no placeholders should be shown.
+ */
+export function buildPlaceholderDecorations({
+  editor,
+  options,
+  dataAttribute,
+  doc,
+  selection,
+}: {
+  editor: Editor
+  options: PlaceholderOptions
+  dataAttribute: string
+  doc: PMNode
+  selection: Selection
+}): DecorationSet | null {
+  const active = editor.isEditable || !options.showOnlyWhenEditable
+
+  if (!active) {
+    return null
+  }
+
+  const { anchor } = selection
+  const decorations: Decoration[] = []
+  const isEmptyDoc = editor.isEmpty
+
+  const useResolvedPath = options.showOnlyCurrent && !options.includeChildren
+
+  if (useResolvedPath) {
+    const resolved = doc.resolve(anchor)
+
+    // When the selection spans the whole document (e.g. an `AllSelection`
+    // after Cmd+A), the anchor resolves to the document level (depth 0). In
+    // that case the relevant textblock is the node directly after the
+    // position rather than an ancestor. otherwise the placeholder would
+    // disappear after selecting all and deleting.
+    const node = resolved.depth > 0 ? resolved.node(1) : resolved.nodeAfter
+    const nodeStart = resolved.depth > 0 ? resolved.before(1) : anchor
+
+    if (node && node.type.isTextblock && isNodeEmpty(node)) {
+      const hasAnchor = anchor >= nodeStart && anchor <= nodeStart + node.nodeSize
+
+      decorations.push(
+        createPlaceholderDecoration({
+          editor,
+          isEmptyDoc,
+          dataAttribute,
+          hasAnchor,
+          placeholder: options.placeholder,
+          classes: {
+            emptyEditor: options.emptyEditorClass,
+            emptyNode: resolveEmptyNodeClass(options.emptyNodeClass, {
+              editor,
+              node,
+              pos: nodeStart,
+              hasAnchor,
+            }),
+          },
+          node,
+          pos: nodeStart,
+        }),
+      )
+    }
+  } else {
+    decorations.push(
+      ...scanRangeForDecorations({
+        editor,
+        options,
+        dataAttribute,
+        doc,
+        selection,
+        from: 0,
+        to: doc.content.size,
+      }),
+    )
+  }
+
+  return DecorationSet.create(doc, decorations)
+}
diff --git a/packages/extensions/src/placeholder/utils/createPlaceholderDecoration.ts b/packages/extensions/src/placeholder/utils/createPlaceholderDecoration.ts
new file mode 100644
index 0000000..80acf7d
--- /dev/null
+++ b/packages/extensions/src/placeholder/utils/createPlaceholderDecoration.ts
@@ -0,0 +1,61 @@
+import type { Editor } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import { Decoration } from '@tiptap/pm/view'
+
+import type { PlaceholderOptions } from '../types.js'
+
+/**
+ * Creates a ProseMirror node decoration that applies a placeholder
+ * CSS class and data attribute to an empty node.
+ * @param options.editor - The editor instance
+ * @param options.pos - The position of the node in the document
+ * @param options.node - The ProseMirror node
+ * @param options.isEmptyDoc - Whether the entire document is empty
+ * @param options.hasAnchor - Whether the selection anchor is within the node
+ * @param options.dataAttribute - The data attribute name (e.g. `data-placeholder`)
+ * @param options.classes - CSS classes for empty nodes and the empty editor
+ * @param options.placeholder - The placeholder text or a function that returns it
+ * @returns A ProseMirror node decoration with placeholder classes and data attribute
+ */
+export function createPlaceholderDecoration(options: {
+  editor: Editor
+  pos: number
+  node: PMNode
+  isEmptyDoc: boolean
+  hasAnchor: boolean
+  dataAttribute: string
+  classes: {
+    emptyEditor: PlaceholderOptions['emptyEditorClass']
+    emptyNode: string
+  }
+  placeholder: PlaceholderOptions['placeholder']
+}) {
+  const {
+    editor,
+    placeholder,
+    dataAttribute,
+    pos,
+    node,
+    isEmptyDoc,
+    hasAnchor,
+    classes: { emptyNode, emptyEditor },
+  } = options
+  const classes = [emptyNode]
+
+  if (isEmptyDoc) {
+    classes.push(emptyEditor)
+  }
+
+  return Decoration.node(pos, pos + node.nodeSize, {
+    class: classes.join(' '),
+    [dataAttribute]:
+      typeof placeholder === 'function'
+        ? placeholder({
+            editor,
+            node,
+            pos,
+            hasAnchor,
+          })
+        : placeholder,
+  })
+}
diff --git a/packages/extensions/src/placeholder/utils/index.ts b/packages/extensions/src/placeholder/utils/index.ts
new file mode 100644
index 0000000..07189a8
--- /dev/null
+++ b/packages/extensions/src/placeholder/utils/index.ts
@@ -0,0 +1,3 @@
+export * from './buildPlaceholderDecorations.js'
+export * from './createPlaceholderDecoration.js'
+export * from './preparePlaceholderAttribute.js'
diff --git a/packages/extensions/src/placeholder/utils/placeholderStateField.ts b/packages/extensions/src/placeholder/utils/placeholderStateField.ts
new file mode 100644
index 0000000..f2207a2
--- /dev/null
+++ b/packages/extensions/src/placeholder/utils/placeholderStateField.ts
@@ -0,0 +1,204 @@
+import type { Editor } from '@tiptap/core'
+import { getChangedRanges } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { EditorState, StateField, Transaction } from '@tiptap/pm/state'
+import type { Selection } from '@tiptap/pm/state'
+import { DecorationSet } from '@tiptap/pm/view'
+
+import type { PlaceholderOptions } from '../types.js'
+import {
+  buildPlaceholderDecorations,
+  scanRangeForDecorations,
+} from './buildPlaceholderDecorations.js'
+import {
+  getTopLevelBlocksInRange,
+  mergeRanges,
+  resolveTopLevelRange,
+  toContentRelativeRange,
+} from './resolveTopLevelRange.js'
+
+/** Options passed to {@link createPlaceholderStateField}. */
+export type CreatePlaceholderStateFieldOptions = {
+  editor: Editor
+  options: PlaceholderOptions
+  dataAttribute: string
+}
+
+/**
+ * Expands a single changed range to the top-level blocks it touches.
+ * Also resolves blocks at range boundaries so split/merge edits update
+ * adjacent empty nodes (e.g. a new paragraph after Enter).
+ */
+function collectBlocksForChange(
+  doc: PMNode,
+  change: { from: number; to: number },
+): Array<{ from: number; to: number }> {
+  const ranges = getTopLevelBlocksInRange(doc, change.from, change.to)
+
+  ranges.push(toContentRelativeRange(doc, resolveTopLevelRange(doc, change.from)))
+
+  if (change.to > change.from) {
+    ranges.push(
+      toContentRelativeRange(
+        doc,
+        resolveTopLevelRange(doc, Math.min(change.to, doc.content.size + 1) - 1),
+      ),
+    )
+  } else if (change.from < doc.content.size + 1) {
+    ranges.push(
+      toContentRelativeRange(
+        doc,
+        resolveTopLevelRange(doc, Math.min(change.from + 1, doc.content.size)),
+      ),
+    )
+  }
+
+  return ranges
+}
+
+/**
+ * Collects content-relative top-level block ranges that need placeholder
+ * decorations recomputed after a transaction.
+ */
+function collectRescanRanges(
+  tr: Transaction,
+  oldState: EditorState,
+  newState: EditorState,
+): Array<{ from: number; to: number }> {
+  const ranges: Array<{ from: number; to: number }> = []
+
+  if (tr.docChanged) {
+    const changes = getChangedRanges(tr)
+
+    for (const change of changes) {
+      ranges.push(...collectBlocksForChange(newState.doc, change.newRange))
+    }
+  }
+
+  if (tr.selectionSet) {
+    ranges.push(
+      toContentRelativeRange(
+        newState.doc,
+        resolveTopLevelRange(newState.doc, tr.mapping.map(oldState.selection.anchor)),
+      ),
+    )
+    ranges.push(
+      toContentRelativeRange(
+        newState.doc,
+        resolveTopLevelRange(newState.doc, newState.selection.anchor),
+      ),
+    )
+  }
+
+  return mergeRanges(ranges)
+}
+
+/** Clamps a content-relative range to `[0, doc.content.size]`. */
+function clampRange(from: number, to: number, doc: PMNode): { from: number; to: number } {
+  const clampedFrom = Math.max(0, Math.min(from, doc.content.size))
+  const clampedTo = Math.max(clampedFrom, Math.min(to, doc.content.size))
+
+  return { from: clampedFrom, to: clampedTo }
+}
+
+/**
+ * Removes and rebuilds placeholder decorations within the given ranges.
+ * Only drops decorations fully contained in a range so mapped decorations
+ * on neighbouring blocks (e.g. at a block boundary) are kept intact.
+ */
+function updateDecorationsInRanges({
+  decorations,
+  ranges,
+  editor,
+  options,
+  dataAttribute,
+  doc,
+  selection,
+}: {
+  decorations: DecorationSet
+  ranges: Array<{ from: number; to: number }>
+  editor: Editor
+  options: PlaceholderOptions
+  dataAttribute: string
+  doc: PMNode
+  selection: Selection
+}): DecorationSet {
+  let next = decorations
+
+  for (const range of ranges) {
+    const { from, to } = clampRange(range.from, range.to, doc)
+    const existing = next
+      .find(from, to)
+      .filter(decoration => decoration.from >= from && decoration.to <= to)
+
+    if (existing.length) {
+      next = next.remove(existing)
+    }
+
+    const newDecos = scanRangeForDecorations({
+      editor,
+      options,
+      dataAttribute,
+      doc,
+      selection,
+      from,
+      to,
+    })
+
+    if (newDecos.length) {
+      next = next.add(doc, newDecos)
+    }
+  }
+
+  return next
+}
+
+/**
+ * Creates the incremental `StateField<DecorationSet>` used by the slow path
+ * (`showOnlyCurrent: false` or `includeChildren: true`).
+ *
+ * Decorations are mapped through each transaction and only recomputed for
+ * top-level blocks touched by document or selection changes.
+ * @param options.editor - The editor instance.
+ * @param options.options - The resolved placeholder options.
+ * @param options.dataAttribute - The prepared `data-*` attribute name.
+ * @returns A ProseMirror state field storing the placeholder decoration set.
+ */
+export function createPlaceholderStateField({
+  editor,
+  options,
+  dataAttribute,
+}: CreatePlaceholderStateFieldOptions): StateField<DecorationSet> {
+  return {
+    init(_config, state: EditorState) {
+      const decorations = buildPlaceholderDecorations({
+        editor,
+        options,
+        dataAttribute,
+        doc: state.doc,
+        selection: state.selection,
+      })
+
+      return decorations ?? DecorationSet.empty
+    },
+
+    apply(tr: Transaction, prev: DecorationSet, oldState: EditorState, newState: EditorState) {
+      if (!tr.docChanged && !tr.selectionSet) {
+        return prev
+      }
+
+      const mapped = prev.map(tr.mapping, tr.doc)
+      const ranges = collectRescanRanges(tr, oldState, newState)
+
+      return updateDecorationsInRanges({
+        decorations: mapped,
+        ranges,
+        editor,
+        options,
+        dataAttribute,
+        doc: newState.doc,
+        selection: newState.selection,
+      })
+    },
+  }
+}
diff --git a/packages/extensions/src/placeholder/utils/preparePlaceholderAttribute.ts b/packages/extensions/src/placeholder/utils/preparePlaceholderAttribute.ts
new file mode 100644
index 0000000..8c6d674
--- /dev/null
+++ b/packages/extensions/src/placeholder/utils/preparePlaceholderAttribute.ts
@@ -0,0 +1,21 @@
+/**
+ * Prepares the placeholder attribute by ensuring it is properly formatted.
+ * @param attr - The placeholder attribute string.
+ * @returns The prepared placeholder attribute string.
+ */
+export function preparePlaceholderAttribute(attr: string): string {
+  return (
+    attr
+      // replace whitespace with dashes
+      .replace(/\s+/g, '-')
+      // replace non-alphanumeric  characters
+      // or special chars like $, %, &, etc.
+      // but not dashes
+      .replace(/[^a-zA-Z0-9-]/g, '')
+      // and replace any numeric character at the start
+      .replace(/^[0-9-]+/, '')
+      // and finally replace any stray, leading dashes
+      .replace(/^-+/, '')
+      .toLowerCase()
+  )
+}
diff --git a/packages/extensions/src/placeholder/utils/resolveTopLevelRange.test.ts b/packages/extensions/src/placeholder/utils/resolveTopLevelRange.test.ts
new file mode 100644
index 0000000..ced6d36
--- /dev/null
+++ b/packages/extensions/src/placeholder/utils/resolveTopLevelRange.test.ts
@@ -0,0 +1,78 @@
+import { Editor, getChangedRanges } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { getTopLevelBlocksInRange, toContentRelativeRange } from './resolveTopLevelRange.js'
+
+function createHeadlessEditor(content: string) {
+  return new Editor({
+    element: null,
+    extensions: [Document, Paragraph, Text],
+    content,
+  })
+}
+
+describe('placeholder utility: getTopLevelBlocksInRange', () => {
+  it('returns content-relative ranges aligned with nodesBetween positions', () => {
+    const editor = createHeadlessEditor('<p></p><p></p><p></p>')
+
+    const doc = editor.state.doc
+    const nodesBetweenPositions: number[] = []
+
+    doc.nodesBetween(0, doc.content.size, (node, pos) => {
+      if (node.type.name === 'paragraph') {
+        nodesBetweenPositions.push(pos)
+      }
+    })
+
+    const blocks = getTopLevelBlocksInRange(doc, 1, 2)
+
+    expect(blocks).toEqual([{ from: 0, to: 2 }])
+    expect(blocks[0]?.from).toBe(nodesBetweenPositions[0])
+
+    editor.destroy()
+  })
+
+  it('aligns resolveTopLevelRange + toContentRelativeRange with getTopLevelBlocksInRange', () => {
+    const editor = createHeadlessEditor('<p></p><p></p><p></p>')
+
+    const doc = editor.state.doc
+
+    doc.forEach((node, offset) => {
+      const contentRange = { from: offset, to: offset + node.nodeSize }
+      const absoluteRange = { from: offset + 1, to: offset + node.nodeSize + 1 }
+
+      expect(toContentRelativeRange(doc, absoluteRange)).toEqual(contentRange)
+      expect(getTopLevelBlocksInRange(doc, absoluteRange.from, absoluteRange.to)).toEqual([
+        contentRange,
+      ])
+    })
+
+    editor.destroy()
+  })
+
+  it('collects only the touched top-level block for a single-paragraph edit', () => {
+    const editor = createHeadlessEditor('<p></p><p></p><p></p>')
+
+    const changes: Array<{ from: number; to: number }> = []
+
+    editor.on('transaction', ({ transaction }) => {
+      if (transaction.docChanged) {
+        for (const change of getChangedRanges(transaction)) {
+          changes.push(change.newRange)
+        }
+      }
+    })
+
+    editor.commands.insertContent('Hello')
+
+    const doc = editor.state.doc
+    const blocks = changes.flatMap(change => getTopLevelBlocksInRange(doc, change.from, change.to))
+
+    expect(blocks).toEqual([{ from: 0, to: 7 }])
+
+    editor.destroy()
+  })
+})
diff --git a/packages/extensions/src/placeholder/utils/resolveTopLevelRange.ts b/packages/extensions/src/placeholder/utils/resolveTopLevelRange.ts
new file mode 100644
index 0000000..602cced
--- /dev/null
+++ b/packages/extensions/src/placeholder/utils/resolveTopLevelRange.ts
@@ -0,0 +1,93 @@
+import type { Node as PMNode } from '@tiptap/pm/model'
+
+/**
+ * Resolves a document position to the `[from, to)` range of its containing
+ * top-level block node in absolute document positions.
+ */
+export function resolveTopLevelRange(doc: PMNode, pos: number): { from: number; to: number } {
+  const resolved = doc.resolve(pos)
+
+  if (resolved.depth === 0) {
+    const node = resolved.nodeAfter ?? resolved.nodeBefore
+
+    if (!node) {
+      return { from: pos, to: pos }
+    }
+
+    const nodePos = resolved.nodeAfter ? pos : pos - node.nodeSize
+
+    return { from: nodePos, to: nodePos + node.nodeSize }
+  }
+
+  const topLevelPos = resolved.before(1)
+  const node = resolved.node(1)
+
+  return { from: topLevelPos, to: topLevelPos + node.nodeSize }
+}
+
+/**
+ * Converts an absolute document range to content-relative positions used by
+ * `Node#nodesBetween` and `Node#forEach` offsets.
+ */
+export function toContentRelativeRange(
+  doc: PMNode,
+  range: { from: number; to: number },
+): { from: number; to: number } {
+  return {
+    from: Math.max(0, range.from - 1),
+    to: Math.min(doc.content.size, range.to - 1),
+  }
+}
+
+/**
+ * Returns the top-level block ranges that intersect a document change range.
+ * Input `from`/`to` are absolute positions (e.g. from `getChangedRanges`).
+ * Returned ranges are content-relative, matching `Node#forEach` offsets.
+ */
+export function getTopLevelBlocksInRange(
+  doc: PMNode,
+  from: number,
+  to: number,
+): Array<{ from: number; to: number }> {
+  const ranges: Array<{ from: number; to: number }> = []
+
+  doc.forEach((node, offset) => {
+    const nodeStart = offset
+    const nodeEnd = nodeStart + node.nodeSize
+    const absNodeStart = nodeStart + 1
+    const absNodeEnd = nodeEnd + 1
+
+    if (absNodeStart < to && absNodeEnd > from) {
+      ranges.push({ from: nodeStart, to: nodeEnd })
+    }
+  })
+
+  return ranges
+}
+
+/**
+ * Sorts ranges by start position and merges overlapping or adjacent ranges.
+ */
+export function mergeRanges(
+  ranges: Array<{ from: number; to: number }>,
+): Array<{ from: number; to: number }> {
+  if (ranges.length === 0) {
+    return []
+  }
+
+  const sorted = [...ranges].sort((a, b) => a.from - b.from)
+  const merged: Array<{ from: number; to: number }> = [{ ...sorted[0] }]
+
+  for (let i = 1; i < sorted.length; i += 1) {
+    const last = merged[merged.length - 1]
+    const current = sorted[i]
+
+    if (current.from <= last.to) {
+      last.to = Math.max(last.to, current.to)
+    } else {
+      merged.push({ ...current })
+    }
+  }
+
+  return merged
+}
diff --git a/packages/extensions/src/selection/index.ts b/packages/extensions/src/selection/index.ts
new file mode 100644
index 0000000..2d79634
--- /dev/null
+++ b/packages/extensions/src/selection/index.ts
@@ -0,0 +1 @@
+export * from './selection.js'
diff --git a/packages/extensions/src/selection/selection.test.ts b/packages/extensions/src/selection/selection.test.ts
new file mode 100644
index 0000000..6fdfc1f
--- /dev/null
+++ b/packages/extensions/src/selection/selection.test.ts
@@ -0,0 +1,97 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { Selection } from './selection.js'
+
+describe('extension-selection', () => {
+  let editor: Editor | null = null
+
+  afterEach(() => {
+    editor?.destroy()
+    editor = null
+    vi.restoreAllMocks()
+  })
+
+  it('clears the native selection on blur', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Selection],
+      content: '<p>Hello world</p>',
+    })
+
+    editor.commands.setTextSelection({ from: 1, to: 6 })
+
+    const button = document.createElement('button')
+
+    document.body.append(button)
+
+    editor.view.dom.blur()
+    button.focus()
+
+    const domSelection = window.getSelection()
+
+    expect(domSelection?.isCollapsed ?? true).toBe(true)
+
+    button.remove()
+  })
+
+  it('adds selection decorations when blurred with a non-empty selection', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Selection],
+      content: '<p>Hello world</p>',
+    })
+
+    editor.commands.setTextSelection({ from: 1, to: 6 })
+
+    const button = document.createElement('button')
+
+    document.body.append(button)
+
+    editor.view.dom.blur()
+    button.focus()
+
+    expect(editor.view.dom.querySelector('.selection')).not.toBeNull()
+
+    button.remove()
+  })
+
+  it('does not clear or restore the DOM selection when the editor is not editable', async () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Selection],
+      content: '<p>Hello world</p>',
+      editable: false,
+    })
+
+    const removeAllRanges = vi.fn()
+    const focusSpy = vi.spyOn(editor.view, 'focus')
+
+    vi.spyOn(window, 'getSelection').mockReturnValue({
+      removeAllRanges,
+    } as unknown as Selection)
+
+    editor.commands.setTextSelection({ from: 1, to: 6 })
+
+    const button = document.createElement('button')
+
+    document.body.append(button)
+
+    editor.view.dom.blur()
+    button.focus()
+
+    expect(removeAllRanges).not.toHaveBeenCalled()
+
+    editor.view.dom.focus()
+
+    await new Promise<void>(resolve => {
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => resolve())
+      })
+    })
+
+    expect(focusSpy).not.toHaveBeenCalled()
+
+    button.remove()
+  })
+})
diff --git a/packages/extensions/src/selection/selection.ts b/packages/extensions/src/selection/selection.ts
new file mode 100644
index 0000000..93f8759
--- /dev/null
+++ b/packages/extensions/src/selection/selection.ts
@@ -0,0 +1,106 @@
+import { Extension, isNodeSelection, type Editor } from '@tiptap/core'
+import { Plugin, PluginKey, type EditorState } from '@tiptap/pm/state'
+import type { EditorView } from '@tiptap/pm/view'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+
+export type SelectionOptions = {
+  /**
+   * The class name that should be added to the selected text.
+   * @default 'selection'
+   * @example 'is-selected'
+   */
+  className: string
+}
+
+/**
+ * Whether the native browser selection should be cleared on blur and restored on focus.
+ * Only applies to non-empty text selections in an editable editor.
+ */
+function shouldSyncDomSelection(state: EditorState, editor: Editor): boolean {
+  return !state.selection.empty && !isNodeSelection(state.selection) && editor.isEditable
+}
+
+/**
+ * Whether the selection decoration should be rendered to keep the selection
+ * visible while the editor is blurred (and not dragging).
+ */
+function shouldPreserveSelection(state: EditorState, editor: Editor): boolean {
+  return shouldSyncDomSelection(state, editor) && !editor.isFocused && !editor.view.dragging
+}
+
+function clearDomSelection() {
+  window.getSelection()?.removeAllRanges()
+}
+
+/**
+ * Sync the native selection from the editor state.
+ * @see https://prosemirror.net/docs/ref/#view.EditorView.focus
+ */
+function restoreDomSelection(view: EditorView) {
+  view.focus()
+}
+
+/**
+ * This extension allows you to add a class to the selected text when the editor is blurred.
+ * It clears the native browser selection on blur (so `::selection` styles do not overlap the
+ * decoration) and restores it when the editor is focused again.
+ * @see https://www.tiptap.dev/api/extensions/selection
+ */
+export const Selection = Extension.create<SelectionOptions>({
+  name: 'selection',
+
+  addOptions() {
+    return {
+      className: 'selection',
+    }
+  },
+
+  addProseMirrorPlugins() {
+    const { editor, options } = this
+
+    return [
+      new Plugin({
+        key: new PluginKey('selection'),
+        props: {
+          decorations(state) {
+            if (!shouldPreserveSelection(state, editor)) {
+              return null
+            }
+
+            return DecorationSet.create(state.doc, [
+              Decoration.inline(state.selection.from, state.selection.to, {
+                class: options.className,
+              }),
+            ])
+          },
+          handleDOMEvents: {
+            blur(view) {
+              if (!shouldSyncDomSelection(view.state, editor)) {
+                return false
+              }
+
+              clearDomSelection()
+
+              return false
+            },
+            focus(view) {
+              if (!shouldSyncDomSelection(view.state, editor)) {
+                return false
+              }
+
+              requestAnimationFrame(() => {
+                if (!editor.isDestroyed && view.hasFocus()) {
+                  restoreDomSelection(view)
+                }
+              })
+
+              return false
+            },
+          },
+        },
+      }),
+    ]
+  },
+})
+
+export default Selection
diff --git a/packages/extensions/src/trailing-node/index.ts b/packages/extensions/src/trailing-node/index.ts
new file mode 100644
index 0000000..6ead83b
--- /dev/null
+++ b/packages/extensions/src/trailing-node/index.ts
@@ -0,0 +1 @@
+export * from './trailing-node.js'
diff --git a/packages/extensions/src/trailing-node/trailing-node.test.ts b/packages/extensions/src/trailing-node/trailing-node.test.ts
new file mode 100644
index 0000000..2feeb12
--- /dev/null
+++ b/packages/extensions/src/trailing-node/trailing-node.test.ts
@@ -0,0 +1,90 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { skipTrailingNodeMeta, TrailingNode } from './trailing-node.js'
+
+const headingDocument = {
+  type: 'doc',
+  content: [
+    {
+      type: 'heading',
+      attrs: { level: 1 },
+      content: [{ type: 'text', text: 'Title' }],
+    },
+  ],
+}
+
+const headingWithTrailingParagraphDocument = {
+  type: 'doc',
+  content: [
+    {
+      type: 'heading',
+      attrs: { level: 1 },
+      content: [{ type: 'text', text: 'Title' }],
+    },
+    {
+      type: 'paragraph',
+    },
+  ],
+}
+
+describe('extension-trailing-node', () => {
+  let editor: Editor | null = null
+
+  const createEditor = () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Heading, TrailingNode],
+      content: '<h1>Title</h1><p>End</p>',
+    })
+  }
+
+  const deleteTrailingParagraph = (meta?: { key: string; value: unknown }) => {
+    const headingSize = editor!.state.doc.firstChild!.nodeSize
+    const transaction = editor!.state.tr.delete(headingSize, editor!.state.doc.content.size)
+
+    if (meta) {
+      transaction.setMeta(meta.key, meta.value)
+    }
+
+    editor!.view.dispatch(transaction)
+  }
+
+  afterEach(() => {
+    if (editor) {
+      editor.destroy()
+      editor = null
+    }
+  })
+
+  it('adds a trailing paragraph when the document ends with a heading', () => {
+    createEditor()
+
+    deleteTrailingParagraph()
+
+    expect(editor!.getJSON()).toEqual(headingWithTrailingParagraphDocument)
+  })
+
+  it('skips trailing node insertion for unique id transactions', () => {
+    createEditor()
+
+    deleteTrailingParagraph({ key: '__uniqueIDTransaction', value: true })
+
+    expect(editor!.getJSON()).toEqual(headingDocument)
+  })
+
+  it('only skips trailing node insertion for the current transaction cycle', () => {
+    createEditor()
+
+    deleteTrailingParagraph({ key: skipTrailingNodeMeta, value: true })
+
+    expect(editor!.getJSON()).toEqual(headingDocument)
+
+    editor!.commands.setTextSelection(1)
+
+    expect(editor!.getJSON()).toEqual(headingWithTrailingParagraphDocument)
+  })
+})
diff --git a/packages/extensions/src/trailing-node/trailing-node.ts b/packages/extensions/src/trailing-node/trailing-node.ts
new file mode 100644
index 0000000..ccccc7e
--- /dev/null
+++ b/packages/extensions/src/trailing-node/trailing-node.ts
@@ -0,0 +1,107 @@
+import { Extension } from '@tiptap/core'
+import type { Node as PMNode, NodeType } from '@tiptap/pm/model'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+
+export const skipTrailingNodeMeta = 'skipTrailingNode'
+
+function nodeEqualsType({
+  types,
+  node,
+}: {
+  types: NodeType | NodeType[]
+  node: PMNode | null | undefined
+}) {
+  return (node && Array.isArray(types) && types.includes(node.type)) || node?.type === types
+}
+
+/**
+ * Extension based on:
+ * - https://github.com/ueberdosis/tiptap/blob/v1/packages/tiptap-extensions/src/extensions/TrailingNode.js
+ * - https://github.com/remirror/remirror/blob/e0f1bec4a1e8073ce8f5500d62193e52321155b9/packages/prosemirror-trailing-node/src/trailing-node-plugin.ts
+ */
+
+export interface TrailingNodeOptions {
+  /**
+   * The node type that should be inserted at the end of the document.
+   * @note the node will always be added to the `notAfter` lists to
+   * prevent an infinite loop.
+   * @default undefined
+   */
+  node?: string
+  /**
+   * The node types after which the trailing node should not be inserted.
+   * @default ['paragraph']
+   */
+  notAfter?: string | string[]
+}
+
+/**
+ * This extension allows you to add an extra node at the end of the document.
+ * @see https://www.tiptap.dev/api/extensions/trailing-node
+ */
+export const TrailingNode = Extension.create<TrailingNodeOptions>({
+  name: 'trailingNode',
+
+  addOptions() {
+    return {
+      node: undefined,
+      notAfter: [],
+    }
+  },
+
+  addProseMirrorPlugins() {
+    const plugin = new PluginKey(this.name)
+    const defaultNode =
+      this.options.node ||
+      this.editor.schema.topNodeType.contentMatch.defaultType?.name ||
+      'paragraph'
+
+    const disabledNodes = Object.entries(this.editor.schema.nodes)
+      .map(([, value]) => value)
+      .filter(node => (this.options.notAfter || []).concat(defaultNode).includes(node.name))
+
+    return [
+      new Plugin({
+        key: plugin,
+        appendTransaction: (transactions, __, state) => {
+          const { doc, tr, schema } = state
+          const shouldInsertNodeAtEnd = plugin.getState(state)
+          const endPosition = doc.content.size
+          const type = schema.nodes[defaultNode]
+
+          if (transactions.some(transaction => transaction.getMeta(skipTrailingNodeMeta))) {
+            return
+          }
+
+          if (!shouldInsertNodeAtEnd) {
+            return
+          }
+
+          return tr.insert(endPosition, type.create())
+        },
+        state: {
+          init: (_, state) => {
+            const lastNode = state.tr.doc.lastChild
+
+            return !nodeEqualsType({ node: lastNode, types: disabledNodes })
+          },
+          apply: (tr, value) => {
+            if (!tr.docChanged) {
+              return value
+            }
+
+            // Ignore transactions from UniqueID extension to prevent infinite loops
+            // when UniqueID adds IDs to newly inserted trailing nodes
+            if (tr.getMeta('__uniqueIDTransaction')) {
+              return value
+            }
+
+            const lastNode = tr.doc.lastChild
+
+            return !nodeEqualsType({ node: lastNode, types: disabledNodes })
+          },
+        },
+      }),
+    ]
+  },
+})
diff --git a/packages/extensions/src/undo-redo/index.ts b/packages/extensions/src/undo-redo/index.ts
new file mode 100644
index 0000000..f76d984
--- /dev/null
+++ b/packages/extensions/src/undo-redo/index.ts
@@ -0,0 +1 @@
+export * from './undo-redo.js'
diff --git a/packages/extensions/src/undo-redo/undo-redo.ts b/packages/extensions/src/undo-redo/undo-redo.ts
new file mode 100644
index 0000000..cc2d59f
--- /dev/null
+++ b/packages/extensions/src/undo-redo/undo-redo.ts
@@ -0,0 +1,86 @@
+import { Extension } from '@tiptap/core'
+import { history, redo, undo } from '@tiptap/pm/history'
+
+export interface UndoRedoOptions {
+  /**
+   * The amount of history events that are collected before the oldest events are discarded.
+   * @default 100
+   * @example 50
+   */
+  depth: number
+
+  /**
+   * The delay (in milliseconds) between changes after which a new group should be started.
+   * @default 500
+   * @example 1000
+   */
+  newGroupDelay: number
+}
+
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    undoRedo: {
+      /**
+       * Undo recent changes
+       * @example editor.commands.undo()
+       */
+      undo: () => ReturnType
+      /**
+       * Reapply reverted changes
+       * @example editor.commands.redo()
+       */
+      redo: () => ReturnType
+    }
+  }
+}
+
+/**
+ * This extension allows you to undo and redo recent changes.
+ * @see https://www.tiptap.dev/api/extensions/undo-redo
+ *
+ * **Important**: If the `@tiptap/extension-collaboration` package is used, make sure to remove
+ * the `undo-redo` extension, as it is not compatible with the `collaboration` extension.
+ *
+ * `@tiptap/extension-collaboration` uses its own history implementation.
+ */
+export const UndoRedo = Extension.create<UndoRedoOptions>({
+  name: 'undoRedo',
+
+  addOptions() {
+    return {
+      depth: 100,
+      newGroupDelay: 500,
+    }
+  },
+
+  addCommands() {
+    return {
+      undo:
+        () =>
+        ({ state, dispatch }) => {
+          return undo(state, dispatch)
+        },
+      redo:
+        () =>
+        ({ state, dispatch }) => {
+          return redo(state, dispatch)
+        },
+    }
+  },
+
+  addProseMirrorPlugins() {
+    return [history(this.options)]
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      'Mod-z': () => this.editor.commands.undo(),
+      'Shift-Mod-z': () => this.editor.commands.redo(),
+      'Mod-y': () => this.editor.commands.redo(),
+
+      // Russian keyboard layouts
+      'Mod-я': () => this.editor.commands.undo(),
+      'Shift-Mod-я': () => this.editor.commands.redo(),
+    }
+  },
+})
diff --git a/packages/extensions/tests/integration/placeholder.test.ts b/packages/extensions/tests/integration/placeholder.test.ts
new file mode 100644
index 0000000..ac9d058
--- /dev/null
+++ b/packages/extensions/tests/integration/placeholder.test.ts
@@ -0,0 +1,696 @@
+import { Editor } from '@tiptap/core'
+import BulletList from '@tiptap/extension-bullet-list'
+import Document from '@tiptap/extension-document'
+import { ListItem, TaskItem, TaskList } from '@tiptap/extension-list'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import {
+  type PlaceholderOptions,
+  Placeholder,
+  preparePlaceholderAttribute,
+} from '@tiptap/extensions'
+import { Node as PMNode } from '@tiptap/pm/model'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+/** Lets ProseMirror DOMObserver timers settle before teardown. */
+function flushView(): Promise<void> {
+  return new Promise(resolve => {
+    setTimeout(resolve, 30)
+  })
+}
+
+async function destroyMountedEditor(editor: Editor | null): Promise<void> {
+  if (!editor) {
+    return
+  }
+
+  await flushView()
+  editor.destroy()
+}
+
+describe('extension-placeholder', () => {
+  let editor: Editor | null = null
+
+  const createEditor = (placeholderOptions: Partial<PlaceholderOptions>) => {
+    if (editor) {
+      editor.destroy()
+      editor = null
+    }
+
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Placeholder.configure(placeholderOptions)],
+      content: '<p></p>',
+    })
+  }
+
+  afterEach(async () => {
+    await destroyMountedEditor(editor)
+    editor = null
+  })
+
+  it('uses the default data-placeholder attribute when not passing any dataAttribute option', () => {
+    createEditor({
+      placeholder: 'Type something...',
+    })
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.getAttribute('data-placeholder')).toBe('Type something...')
+
+    editor!.destroy()
+  })
+
+  it('falls back to the default when passing in an empty string', () => {
+    createEditor({
+      placeholder: 'Type something...',
+      dataAttribute: '',
+    })
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.getAttribute('data-placeholder')).toBe('Type something...')
+
+    editor!.destroy()
+  })
+
+  it('uses a custom data-placeholder attribute when passing a dataAttribute option', () => {
+    createEditor({
+      placeholder: 'Type something...',
+      dataAttribute: 'my-placeholder',
+    })
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.getAttribute('data-my-placeholder')).toBe('Type something...')
+
+    editor!.destroy()
+  })
+
+  it('auto-replaces spaces with dashes to keep a valid html element', () => {
+    createEditor({
+      placeholder: 'Type something...',
+      dataAttribute: 'my placeholder',
+    })
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.getAttribute('data-my-placeholder')).toBe('Type something...')
+
+    editor!.destroy()
+  })
+
+  it('auto-repairs an invalid attribute string', () => {
+    const brokenAttr = '5 My br0ken $tring'
+    createEditor({
+      placeholder: 'Type something...',
+      dataAttribute: brokenAttr,
+    })
+
+    const attributeName = preparePlaceholderAttribute(brokenAttr)
+    expect(attributeName).toBe('my-br0ken-tring')
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.getAttribute('data-my-br0ken-tring')).toBe('Type something...')
+
+    editor!.destroy()
+  })
+})
+describe('extension-placeholder with includeChildren and wrapper nodes', () => {
+  let editor: Editor | null = null
+
+  afterEach(async () => {
+    await destroyMountedEditor(editor)
+    editor = null
+  })
+
+  it('should not show placeholder on non-textblock wrapper nodes (bulletList, listItem)', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        BulletList,
+        ListItem,
+        Placeholder.configure({
+          placeholder: 'Type something...',
+          includeChildren: true,
+        }),
+      ],
+      content: '<ul><li><p></p></li></ul>',
+    })
+
+    const bulletList = editor!.view.dom.querySelector('ul') as HTMLElement
+    const listItem = editor!.view.dom.querySelector('li') as HTMLElement
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+
+    // bulletList is not a textblock, so it should NOT have a placeholder
+    expect(bulletList.hasAttribute('data-placeholder')).toBe(false)
+    // listItem is not a textblock, so it should NOT have a placeholder
+    expect(listItem.hasAttribute('data-placeholder')).toBe(false)
+    // paragraph is a textblock, so it should have a placeholder
+    expect(paragraph.hasAttribute('data-placeholder')).toBe(true)
+  })
+
+  it('should not show placeholder on non-textblock nodes for taskList structures', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        TaskList,
+        TaskItem,
+        Placeholder.configure({
+          placeholder: 'Type something...',
+          includeChildren: true,
+        }),
+      ],
+      content: '<ul data-type="taskList"><li data-type="taskItem"><p></p></li></ul>',
+    })
+
+    const taskList = editor!.view.dom.querySelector('ul') as HTMLElement
+    const taskItem = editor!.view.dom.querySelector('li') as HTMLElement
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+
+    // taskList is not a textblock, so it should NOT have a placeholder
+    expect(taskList.hasAttribute('data-placeholder')).toBe(false)
+    // taskItem is not a textblock, so it should NOT have a placeholder
+    expect(taskItem.hasAttribute('data-placeholder')).toBe(false)
+    // paragraph is a textblock, so it should have a placeholder
+    expect(paragraph.hasAttribute('data-placeholder')).toBe(true)
+  })
+
+  it('should not show placeholder on non-textblock nodes and not traverse their children when includeChildren is false', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        BulletList,
+        ListItem,
+        Placeholder.configure({
+          placeholder: 'Type something...',
+          includeChildren: false,
+        }),
+      ],
+      content: '<ul><li><p></p></li></ul>',
+    })
+
+    const bulletList = editor!.view.dom.querySelector('ul') as HTMLElement
+    const listItem = editor!.view.dom.querySelector('li') as HTMLElement
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+
+    // bulletList is not a textblock, so it should NOT have a placeholder
+    // (with the old implementation, bulletList was considered empty and would receive a placeholder)
+    expect(bulletList.hasAttribute('data-placeholder')).toBe(false)
+    // listItem and paragraph are not traversed because includeChildren is false
+    expect(listItem.hasAttribute('data-placeholder')).toBe(false)
+    expect(paragraph.hasAttribute('data-placeholder')).toBe(false)
+  })
+})
+
+describe('extension-placeholder: fast path (default config)', () => {
+  let editor: Editor | null = null
+
+  afterEach(async () => {
+    await destroyMountedEditor(editor)
+    editor = null
+  })
+
+  it('shows placeholder in the current empty paragraph via the fast path', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Placeholder.configure({
+          placeholder: 'Type something...',
+          showOnlyCurrent: true,
+          includeChildren: false,
+        }),
+      ],
+      content: '<p></p>',
+    })
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.getAttribute('data-placeholder')).toBe('Type something...')
+    expect(paragraph.classList.contains('is-empty')).toBe(true)
+  })
+
+  it('hides placeholder when the cursor is in a non-empty paragraph', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Placeholder.configure({
+          placeholder: 'Type something...',
+          showOnlyCurrent: true,
+          includeChildren: false,
+        }),
+      ],
+      content: '<p>Hello</p>',
+    })
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.hasAttribute('data-placeholder')).toBe(false)
+    expect(paragraph.classList.contains('is-empty')).toBe(false)
+  })
+
+  it('shows placeholder only for the current empty node when multiple paragraphs exist', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Placeholder.configure({
+          placeholder: 'Write here...',
+          showOnlyCurrent: true,
+          includeChildren: false,
+        }),
+      ],
+      content: '<p></p><p></p>',
+    })
+
+    // Cursor is in the first paragraph by default (start of doc)
+    const paragraphs = editor!.view.dom.querySelectorAll('p')
+    // Only the first paragraph (where the cursor is) should have a placeholder
+    expect(paragraphs[0].getAttribute('data-placeholder')).toBe('Write here...')
+    // The second paragraph should not have a placeholder since showOnlyCurrent is true
+    expect(paragraphs[1].hasAttribute('data-placeholder')).toBe(false)
+  })
+
+  it('removes placeholder when user types into the empty paragraph', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Placeholder.configure({
+          placeholder: 'Type something...',
+          showOnlyCurrent: true,
+          includeChildren: false,
+        }),
+      ],
+      content: '<p></p>',
+    })
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.getAttribute('data-placeholder')).toBe('Type something...')
+
+    // Insert text into the paragraph
+    editor!.commands.insertContent('Hello')
+    expect(paragraph.hasAttribute('data-placeholder')).toBe(false)
+    expect(paragraph.classList.contains('is-empty')).toBe(false)
+  })
+
+  it('shows the placeholder again after selecting all and deleting the content', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Placeholder.configure({
+          placeholder: 'Type something...',
+          showOnlyCurrent: true,
+          includeChildren: false,
+        }),
+      ],
+      content: '<p>Hello world</p>',
+    })
+
+    let paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.hasAttribute('data-placeholder')).toBe(false)
+
+    // Cmd+A selects the whole document (AllSelection), then delete removes
+    // all content, leaving a single empty paragraph.
+    editor!.commands.selectAll()
+    editor!.commands.deleteSelection()
+
+    paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(editor!.isEmpty).toBe(true)
+    expect(paragraph.getAttribute('data-placeholder')).toBe('Type something...')
+    expect(paragraph.classList.contains('is-empty')).toBe(true)
+  })
+})
+
+describe('extension-placeholder: slow path (showOnlyCurrent: false)', () => {
+  let editor: Editor | null = null
+
+  afterEach(async () => {
+    await destroyMountedEditor(editor)
+    editor = null
+  })
+
+  it('shows placeholder on all empty textblocks when showOnlyCurrent is false', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Placeholder.configure({
+          placeholder: 'Fill me in...',
+          showOnlyCurrent: false,
+          includeChildren: false,
+        }),
+      ],
+      content: '<p></p><p>Content</p><p></p>',
+    })
+
+    const paragraphs = editor!.view.dom.querySelectorAll('p')
+    // First paragraph (empty) should have placeholder
+    expect(paragraphs[0].getAttribute('data-placeholder')).toBe('Fill me in...')
+    // Second paragraph (has content) should not
+    expect(paragraphs[1].hasAttribute('data-placeholder')).toBe(false)
+    // Third paragraph (empty) should have placeholder
+    expect(paragraphs[2].getAttribute('data-placeholder')).toBe('Fill me in...')
+  })
+})
+
+describe('extension-placeholder — empty editor class', () => {
+  let editor: Editor | null = null
+
+  afterEach(async () => {
+    await destroyMountedEditor(editor)
+    editor = null
+  })
+
+  it('adds is-editor-empty class when the entire document is empty', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Placeholder],
+      content: '<p></p>',
+    })
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.classList.contains('is-editor-empty')).toBe(true)
+  })
+
+  it('removes is-editor-empty class when content is added', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Placeholder],
+      content: '<p></p>',
+    })
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.classList.contains('is-editor-empty')).toBe(true)
+
+    editor!.commands.insertContent('Hello')
+    expect(paragraph.classList.contains('is-editor-empty')).toBe(false)
+  })
+
+  it('uses custom emptyEditorClass option', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Placeholder.configure({
+          emptyEditorClass: 'my-empty-editor',
+          emptyNodeClass: 'my-empty-node',
+        }),
+      ],
+      content: '<p></p>',
+    })
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.classList.contains('my-empty-editor')).toBe(true)
+    expect(paragraph.classList.contains('my-empty-node')).toBe(true)
+  })
+
+  it('uses emptyNodeClass function to return dynamic class names', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Placeholder.configure({
+          emptyNodeClass: ({ node }) => {
+            return node.type.name === 'paragraph' ? 'paragraph-empty' : 'other-empty'
+          },
+        }),
+      ],
+      content: '<p></p>',
+    })
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.classList.contains('paragraph-empty')).toBe(true)
+    expect(paragraph.classList.contains('other-empty')).toBe(false)
+  })
+})
+
+describe('extension-placeholder: incremental updates (slow path)', () => {
+  let editor: Editor | null = null
+
+  const slowPathConfig = {
+    placeholder: 'Fill me in...',
+    showOnlyCurrent: false,
+    includeChildren: true,
+    showOnlyWhenEditable: false,
+    emptyEditorClass: null as unknown as string,
+    emptyNodeClass: null as unknown as string,
+    dataAttribute: 'placeholder-text',
+  }
+
+  afterEach(async () => {
+    await destroyMountedEditor(editor)
+    editor = null
+  })
+
+  it('shows placeholder on all empty textblocks initially', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Placeholder.configure(slowPathConfig)],
+      content: '<p></p><p></p><p></p>',
+    })
+
+    const paragraphs = editor!.view.dom.querySelectorAll('p')
+    expect(paragraphs[0].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+    expect(paragraphs[1].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+    expect(paragraphs[2].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+  })
+
+  it('updates function-based placeholder text when selection moves between empty blocks', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Placeholder.configure({
+          ...slowPathConfig,
+          placeholder: ({ hasAnchor }) => (hasAnchor ? 'Focused' : 'Empty'),
+        }),
+      ],
+      content: '<p></p><p></p>',
+    })
+
+    const paragraphs = editor!.view.dom.querySelectorAll('p')
+
+    expect(paragraphs[0].getAttribute('data-placeholder-text')).toBe('Focused')
+    expect(paragraphs[1].getAttribute('data-placeholder-text')).toBe('Empty')
+
+    editor!.commands.setTextSelection(4)
+
+    expect(paragraphs[0].getAttribute('data-placeholder-text')).toBe('Empty')
+    expect(paragraphs[1].getAttribute('data-placeholder-text')).toBe('Focused')
+  })
+
+  it('removes placeholder only for the edited node when typing into one of several empty paragraphs', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Placeholder.configure(slowPathConfig)],
+      content: '<p></p><p></p><p></p>',
+    })
+
+    const paragraphs = editor!.view.dom.querySelectorAll('p')
+
+    editor!.commands.insertContent('Hello')
+
+    expect(paragraphs[0].hasAttribute('data-placeholder-text')).toBe(false)
+    expect(paragraphs[1].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+    expect(paragraphs[2].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+  })
+
+  it('preserves decorations on untouched nodes during remote-style edits', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Placeholder.configure(slowPathConfig)],
+      content: '<p></p><p></p><p></p><p></p><p></p>',
+    })
+
+    const paragraphs = editor!.view.dom.querySelectorAll('p')
+
+    editor!.commands.insertContentAt(0, 'x')
+
+    expect(paragraphs[1].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+    expect(paragraphs[2].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+    expect(paragraphs[3].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+    expect(paragraphs[4].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+  })
+
+  it('adds placeholder when a node becomes empty after deleteSelection', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Placeholder.configure(slowPathConfig)],
+      content: '<p>Hello</p>',
+    })
+
+    const paragraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(paragraph.hasAttribute('data-placeholder-text')).toBe(false)
+
+    editor!.commands.selectAll()
+    editor!.commands.deleteSelection()
+
+    expect(paragraph.getAttribute('data-placeholder-text')).toBe('Fill me in...')
+  })
+
+  it('correctly updates when a top-level node is split (Enter)', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Placeholder.configure(slowPathConfig)],
+      content: '<p>Hello</p>',
+    })
+
+    editor!.commands.setTextSelection(6)
+    editor!.commands.splitBlock()
+
+    const paragraphs = editor!.view.dom.querySelectorAll('p')
+    expect(paragraphs[0].hasAttribute('data-placeholder-text')).toBe(false)
+    expect(paragraphs[1].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+  })
+
+  it('correctly updates when two top-level nodes are merged (Backspace)', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Placeholder.configure(slowPathConfig)],
+      content: '<p>Hello</p><p></p>',
+    })
+
+    const paragraphs = editor!.view.dom.querySelectorAll('p')
+    expect(paragraphs[0].hasAttribute('data-placeholder-text')).toBe(false)
+    expect(paragraphs[1].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+
+    editor!.commands.setTextSelection(7)
+    editor!.commands.joinBackward()
+
+    const mergedParagraph = editor!.view.dom.querySelector('p') as HTMLElement
+    expect(mergedParagraph.hasAttribute('data-placeholder-text')).toBe(false)
+  })
+
+  it('does not traverse the full document on incremental update', () => {
+    const nodesBetweenSpy = vi.spyOn(PMNode.prototype, 'nodesBetween')
+
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Placeholder.configure(slowPathConfig)],
+      content: '<p></p>'.repeat(10),
+    })
+
+    const docSize = editor!.state.doc.content.size
+
+    nodesBetweenSpy.mockClear()
+    editor!.commands.insertContent('Hello')
+
+    expect(nodesBetweenSpy).toHaveBeenCalled()
+    expect(nodesBetweenSpy.mock.calls.some(([, from, to]) => from === 0 && to === docSize)).toBe(
+      false,
+    )
+
+    nodesBetweenSpy.mockRestore()
+  })
+
+  it('handles rapid remote edits without losing decorations on untouched nodes', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Placeholder.configure(slowPathConfig)],
+      content: '<p></p><p></p><p></p><p></p><p></p>',
+    })
+
+    const paragraphs = editor!.view.dom.querySelectorAll('p')
+
+    for (let i = 0; i < 5; i += 1) {
+      editor!.commands.insertContentAt(0, 'x')
+    }
+
+    expect(paragraphs[1].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+    expect(paragraphs[2].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+    expect(paragraphs[3].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+    expect(paragraphs[4].getAttribute('data-placeholder-text')).toBe('Fill me in...')
+  })
+})
+
+describe('extension-placeholder: editable state', () => {
+  let editor: Editor | null = null
+
+  afterEach(async () => {
+    await destroyMountedEditor(editor)
+    editor = null
+  })
+
+  it('returns empty decoration set when editor is not editable and showOnlyWhenEditable is true', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Placeholder.configure({
+          placeholder: 'Type something...',
+          showOnlyCurrent: false,
+          showOnlyWhenEditable: true,
+        }),
+      ],
+      content: '<p></p><p></p>',
+    })
+
+    const paragraphs = editor!.view.dom.querySelectorAll('p')
+    expect(paragraphs[0].hasAttribute('data-placeholder')).toBe(true)
+
+    editor!.setEditable(false)
+
+    expect(paragraphs[0].hasAttribute('data-placeholder')).toBe(false)
+    expect(paragraphs[1].hasAttribute('data-placeholder')).toBe(false)
+  })
+
+  it('restores decorations when editor becomes editable again', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Placeholder.configure({
+          placeholder: 'Type something...',
+          showOnlyCurrent: false,
+          showOnlyWhenEditable: true,
+        }),
+      ],
+      content: '<p></p><p></p>',
+    })
+
+    editor!.setEditable(false)
+    editor!.setEditable(true)
+
+    const paragraphs = editor!.view.dom.querySelectorAll('p')
+    expect(paragraphs[0].getAttribute('data-placeholder')).toBe('Type something...')
+    expect(paragraphs[1].getAttribute('data-placeholder')).toBe('Type something...')
+  })
+})
+
+describe('extension-placeholder: showOnlyCurrent with includeChildren', () => {
+  let editor: Editor | null = null
+
+  afterEach(async () => {
+    await destroyMountedEditor(editor)
+    editor = null
+  })
+
+  it('moves placeholder when cursor moves between empty textblocks', () => {
+    editor = new Editor({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Placeholder.configure({
+          placeholder: 'Write here...',
+          showOnlyCurrent: true,
+          includeChildren: true,
+        }),
+      ],
+      content: '<p></p><p></p>',
+    })
+
+    const paragraphs = editor!.view.dom.querySelectorAll('p')
+    expect(paragraphs[0].getAttribute('data-placeholder')).toBe('Write here...')
+    expect(paragraphs[1].hasAttribute('data-placeholder')).toBe(false)
+
+    editor!.commands.setTextSelection(4)
+
+    expect(paragraphs[0].hasAttribute('data-placeholder')).toBe(false)
+    expect(paragraphs[1].getAttribute('data-placeholder')).toBe('Write here...')
+  })
+})
diff --git a/packages/extensions/vite.config.ts b/packages/extensions/vite.config.ts
new file mode 100644
index 0000000..460b3a8
--- /dev/null
+++ b/packages/extensions/vite.config.ts
@@ -0,0 +1,28 @@
+import { defineConfig } from 'vite-plus'
+import { tsupCompatibleExtensions } from '../../pack.config.mjs'
+
+const entries = [
+  'src/character-count/index.ts',
+  'src/drop-cursor/index.ts',
+  'src/focus/index.ts',
+  'src/gap-cursor/index.ts',
+  'src/undo-redo/index.ts',
+  'src/placeholder/index.ts',
+  'src/selection/index.ts',
+  'src/trailing-node/index.ts',
+  'src/index.ts',
+]
+
+export default defineConfig({
+  pack: entries.map(entry => ({
+    entry: [entry],
+    tsconfig: '../../tsconfig.build.json',
+    outDir: `dist${entry.replace('src', '').split('/').slice(0, -1).join('/')}`,
+    dts: { sourcemap: true },
+    sourcemap: true,
+    target: 'es2019',
+    format: ['esm', 'cjs'],
+    deps: { neverBundle: [/^[^./]/] },
+    outExtensions: tsupCompatibleExtensions,
+  })),
+})
diff --git a/packages/html/CHANGELOG.md b/packages/html/CHANGELOG.md
new file mode 100644
index 0000000..c61c2e9
--- /dev/null
+++ b/packages/html/CHANGELOG.md
@@ -0,0 +1,2512 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- 5812fde: Remove unnecessary `xmlns="http://www.w3.org/1999/xhtml"` attribute from `generateHTML` output by using `innerHTML` instead of `XMLSerializer` for HTML serialization.
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- 7208e64: Updated happy-dom to 20.8.9
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- 52146ad: Fixed server-side HTML parsing crash when content contains link, script, or style tags with resource references.
+- 547cf9e: Fixed server exports failing in Node.js test environments with jsdom/happy-dom
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- 1351d4d: Fix [CVE-2025-62410](https://www.cve.org/CVERecord?id=CVE-2025-62410) by updating happy-dom to ^20.0.2
+  - @tiptap/core@3.7.2
+  - @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- 39912ef: Fix CVE-2025-61927 by bumping happy-dom to 20.0.0
+
+  Bumps the transitive/dev dependency happy-dom from ^18.0.1 → ^20.0.0 in @tiptap/html to address CVE-2025-61927. This is a dependency/security-only change and does not modify any public APIs.
+
+  Why:
+
+  - happy-dom released a security fix for CVE-2025-61927; updating prevents the vulnerability being pulled into consumers that depend on @tiptap/html.
+  - @tiptap/core@3.6.7
+  - @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- 8525964: Fix: Clean up happy-dom window instance fixing a memory leak caused by unclosed happy-dom windows
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- 61494a7: Fix: Clean up happy-dom window instance fixing a memory leak caused by unclosed happy-dom windows
+  - @tiptap/core@3.6.4
+  - @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 1a88826: The server-import for `@tiptap/html` will now require `happy-dom` to be installed so it can avoid asynchronous behavior
+- bf040b9: Replace `zeed-dom` with `happy-dom-without-node` for broader compatibility of the HTML parser. The only difference you should see is that `happy-dom-without-node` will output `xmlns="http://www.w3.org/1999/xhtml"` on root elements, which makes it compliant with the HTML5 specification.
+- d0e0adb: Created a new server-only export for the html package that will handle conversions with happy-dom while the client version relies on the browser DOM implementation separating concerns.
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- a974ebc: Update comments with correct library names
+- 4f49894: Wrap happy-dom Window and DOMParser creation to avoid setting global process to null. See https://github.com/ueberdosis/tiptap/issues/6368
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Major Changes
+
+- 1a88826: The server-import for `@tiptap/html` will now require `happy-dom` to be installed so it can avoid asynchronous behavior
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Major Changes
+
+- d0e0adb: Created a new server-only export for the html package that will handle conversions with happy-dom while the client version relies on the browser DOM implementation separating concerns.
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- a974ebc: Update comments with correct library names
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- 4f49894: Wrap happy-dom Window and DOMParser creation to avoid setting global process to null. See https://github.com/ueberdosis/tiptap/issues/6368
+  - @tiptap/core@3.0.0-beta.6
+  - @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- bf040b9: Replace `zeed-dom` with `happy-dom-without-node` for broader compatibility of the HTML parser. The only difference you should see is that `happy-dom-without-node` will output `xmlns="http://www.w3.org/1999/xhtml"` on root elements, which makes it compliant with the HTML5 specification.
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+### Major Changes
+
+- bf040b9: Replace `zeed-dom` with `happy-dom-without-node` for broader compatibility of the HTML parser. The only difference you should see is that `happy-dom-without-node` will output `xmlns="http://www.w3.org/1999/xhtml"` on root elements, which makes it compliant with the HTML5 specification.
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/pm@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/pm@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/pm@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/pm@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/pm@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/pm@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/pm@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/pm@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/pm@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/pm@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/html
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.193](https://github.com/ueberdosis/tiptap/compare/v0.1.2...v2.0.0-beta.193) (2022-09-10)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+- improve types for generateHTML ([502b5b1](https://github.com/ueberdosis/tiptap/commit/502b5b1cc9f1a8beb49ef2da81a9db56c7e92424))
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+- Switch from hostic dom to zeed dom ([#2151](https://github.com/ueberdosis/tiptap/issues/2151)) ([56a75db](https://github.com/ueberdosis/tiptap/commit/56a75db024327c9de1956c67c08386a9778c706a))
+- update zeed dom ([#2155](https://github.com/ueberdosis/tiptap/issues/2155)) ([75e55e5](https://github.com/ueberdosis/tiptap/commit/75e55e548d31078689c1b511edabd0299b755e62))
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.182](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.181...@tiptap/html@2.0.0-beta.182) (2022-09-03)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.181](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.180...@tiptap/html@2.0.0-beta.181) (2022-07-06)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.180](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.179...@tiptap/html@2.0.0-beta.180) (2022-06-27)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.179](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.178...@tiptap/html@2.0.0-beta.179) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.178](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.176...@tiptap/html@2.0.0-beta.178) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.176](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.176...@tiptap/html@2.0.0-beta.176) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.175](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.174...@tiptap/html@2.0.0-beta.175) (2022-05-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.174](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.173...@tiptap/html@2.0.0-beta.174) (2022-04-27)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.173](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.172...@tiptap/html@2.0.0-beta.173) (2022-02-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.172](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.171...@tiptap/html@2.0.0-beta.172) (2022-02-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.171](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.170...@tiptap/html@2.0.0-beta.171) (2022-02-03)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.170](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.169...@tiptap/html@2.0.0-beta.170) (2022-01-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.169](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.168...@tiptap/html@2.0.0-beta.169) (2022-01-27)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.168](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.167...@tiptap/html@2.0.0-beta.168) (2022-01-27)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.167](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.166...@tiptap/html@2.0.0-beta.167) (2022-01-26)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.166](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.165...@tiptap/html@2.0.0-beta.166) (2022-01-25)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.165](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.164...@tiptap/html@2.0.0-beta.165) (2022-01-20)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.164](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.163...@tiptap/html@2.0.0-beta.164) (2022-01-20)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.163](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.162...@tiptap/html@2.0.0-beta.163) (2022-01-20)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.162](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.161...@tiptap/html@2.0.0-beta.162) (2022-01-13)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.161](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.160...@tiptap/html@2.0.0-beta.161) (2022-01-11)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.160](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.159...@tiptap/html@2.0.0-beta.160) (2022-01-10)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.159](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.158...@tiptap/html@2.0.0-beta.159) (2022-01-04)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.158](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.157...@tiptap/html@2.0.0-beta.158) (2021-12-22)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.157](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.156...@tiptap/html@2.0.0-beta.157) (2021-12-17)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.156](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.155...@tiptap/html@2.0.0-beta.156) (2021-12-16)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.155](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.154...@tiptap/html@2.0.0-beta.155) (2021-12-15)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.154](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.153...@tiptap/html@2.0.0-beta.154) (2021-12-15)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.153](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.152...@tiptap/html@2.0.0-beta.153) (2021-12-14)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.152](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.151...@tiptap/html@2.0.0-beta.152) (2021-12-13)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.151](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.150...@tiptap/html@2.0.0-beta.151) (2021-12-10)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.150](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.149...@tiptap/html@2.0.0-beta.150) (2021-12-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.149](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.148...@tiptap/html@2.0.0-beta.149) (2021-12-06)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.148](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.147...@tiptap/html@2.0.0-beta.148) (2021-12-05)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.147](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.146...@tiptap/html@2.0.0-beta.147) (2021-12-03)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.146](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.145...@tiptap/html@2.0.0-beta.146) (2021-12-03)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.145](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.144...@tiptap/html@2.0.0-beta.145) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.144](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.143...@tiptap/html@2.0.0-beta.144) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.143](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.142...@tiptap/html@2.0.0-beta.143) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.142](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.141...@tiptap/html@2.0.0-beta.142) (2021-11-25)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.141](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.140...@tiptap/html@2.0.0-beta.141) (2021-11-23)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.140](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.139...@tiptap/html@2.0.0-beta.140) (2021-11-22)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.139](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.138...@tiptap/html@2.0.0-beta.139) (2021-11-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.138](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.137...@tiptap/html@2.0.0-beta.138) (2021-11-17)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.137](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.136...@tiptap/html@2.0.0-beta.137) (2021-11-10)
+
+### Bug Fixes
+
+- update zeed dom ([#2155](https://github.com/ueberdosis/tiptap/issues/2155)) ([75e55e5](https://github.com/ueberdosis/tiptap/commit/75e55e548d31078689c1b511edabd0299b755e62))
+
+# [2.0.0-beta.136](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.135...@tiptap/html@2.0.0-beta.136) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.135](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.134...@tiptap/html@2.0.0-beta.135) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.134](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.133...@tiptap/html@2.0.0-beta.134) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.133](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.132...@tiptap/html@2.0.0-beta.133) (2021-11-09)
+
+### Bug Fixes
+
+- Switch from hostic dom to zeed dom ([#2151](https://github.com/ueberdosis/tiptap/issues/2151)) ([56a75db](https://github.com/ueberdosis/tiptap/commit/56a75db024327c9de1956c67c08386a9778c706a))
+
+# [2.0.0-beta.132](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.131...@tiptap/html@2.0.0-beta.132) (2021-11-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.131](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.130...@tiptap/html@2.0.0-beta.131) (2021-11-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.130](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.129...@tiptap/html@2.0.0-beta.130) (2021-11-05)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.129](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.128...@tiptap/html@2.0.0-beta.129) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.128](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.127...@tiptap/html@2.0.0-beta.128) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.127](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.126...@tiptap/html@2.0.0-beta.127) (2021-10-25)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.126](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.125...@tiptap/html@2.0.0-beta.126) (2021-10-22)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.125](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.124...@tiptap/html@2.0.0-beta.125) (2021-10-22)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.124](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.123...@tiptap/html@2.0.0-beta.124) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.123](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.122...@tiptap/html@2.0.0-beta.123) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.122](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.121...@tiptap/html@2.0.0-beta.122) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.121](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.120...@tiptap/html@2.0.0-beta.121) (2021-10-10)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.120](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.119...@tiptap/html@2.0.0-beta.120) (2021-10-10)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.119](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.118...@tiptap/html@2.0.0-beta.119) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.118](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.117...@tiptap/html@2.0.0-beta.118) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.117](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.116...@tiptap/html@2.0.0-beta.117) (2021-10-03)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.116](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.115...@tiptap/html@2.0.0-beta.116) (2021-10-02)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.115](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.114...@tiptap/html@2.0.0-beta.115) (2021-09-30)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.114](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.113...@tiptap/html@2.0.0-beta.114) (2021-09-29)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.113](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.112...@tiptap/html@2.0.0-beta.113) (2021-09-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.112](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.111...@tiptap/html@2.0.0-beta.112) (2021-09-27)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.111](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.110...@tiptap/html@2.0.0-beta.111) (2021-09-23)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.110](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.109...@tiptap/html@2.0.0-beta.110) (2021-09-22)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.109](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.108...@tiptap/html@2.0.0-beta.109) (2021-09-21)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.108](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.107...@tiptap/html@2.0.0-beta.108) (2021-09-21)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.107](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.106...@tiptap/html@2.0.0-beta.107) (2021-09-20)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.106](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.105...@tiptap/html@2.0.0-beta.106) (2021-09-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.105](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.104...@tiptap/html@2.0.0-beta.105) (2021-09-15)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.104](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.103...@tiptap/html@2.0.0-beta.104) (2021-09-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.103](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.102...@tiptap/html@2.0.0-beta.103) (2021-09-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.102](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.101...@tiptap/html@2.0.0-beta.102) (2021-09-06)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.101](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.100...@tiptap/html@2.0.0-beta.101) (2021-08-26)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.100](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.99...@tiptap/html@2.0.0-beta.100) (2021-08-24)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.99](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.98...@tiptap/html@2.0.0-beta.99) (2021-08-20)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.98](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.97...@tiptap/html@2.0.0-beta.98) (2021-08-13)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.97](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.96...@tiptap/html@2.0.0-beta.97) (2021-08-13)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.96](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.95...@tiptap/html@2.0.0-beta.96) (2021-08-13)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.95](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.94...@tiptap/html@2.0.0-beta.95) (2021-08-12)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.94](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.93...@tiptap/html@2.0.0-beta.94) (2021-08-11)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.93](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.92...@tiptap/html@2.0.0-beta.93) (2021-08-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.92](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.91...@tiptap/html@2.0.0-beta.92) (2021-07-30)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.91](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.90...@tiptap/html@2.0.0-beta.91) (2021-07-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.90](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.89...@tiptap/html@2.0.0-beta.90) (2021-07-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.89](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.88...@tiptap/html@2.0.0-beta.89) (2021-07-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.88](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.87...@tiptap/html@2.0.0-beta.88) (2021-07-27)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.87](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.86...@tiptap/html@2.0.0-beta.87) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.86](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.85...@tiptap/html@2.0.0-beta.86) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.85](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.84...@tiptap/html@2.0.0-beta.85) (2021-07-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.84](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.83...@tiptap/html@2.0.0-beta.84) (2021-06-23)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.83](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.82...@tiptap/html@2.0.0-beta.83) (2021-06-17)
+
+### Bug Fixes
+
+- improve types for generateHTML ([502b5b1](https://github.com/ueberdosis/tiptap/commit/502b5b1cc9f1a8beb49ef2da81a9db56c7e92424))
+
+# [2.0.0-beta.82](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.81...@tiptap/html@2.0.0-beta.82) (2021-06-15)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.81](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.80...@tiptap/html@2.0.0-beta.81) (2021-06-14)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.80](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.79...@tiptap/html@2.0.0-beta.80) (2021-06-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.79](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.78...@tiptap/html@2.0.0-beta.79) (2021-06-03)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.78](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.77...@tiptap/html@2.0.0-beta.78) (2021-06-02)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.77](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.76...@tiptap/html@2.0.0-beta.77) (2021-06-02)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.76](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.75...@tiptap/html@2.0.0-beta.76) (2021-06-01)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.75](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.74...@tiptap/html@2.0.0-beta.75) (2021-06-01)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.74](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.73...@tiptap/html@2.0.0-beta.74) (2021-05-31)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.73](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.72...@tiptap/html@2.0.0-beta.73) (2021-05-29)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.72](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.71...@tiptap/html@2.0.0-beta.72) (2021-05-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.71](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.70...@tiptap/html@2.0.0-beta.71) (2021-05-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.70](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.69...@tiptap/html@2.0.0-beta.70) (2021-05-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.69](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.68...@tiptap/html@2.0.0-beta.69) (2021-05-27)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.68](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.67...@tiptap/html@2.0.0-beta.68) (2021-05-24)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.67](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.66...@tiptap/html@2.0.0-beta.67) (2021-05-24)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.66](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.65...@tiptap/html@2.0.0-beta.66) (2021-05-19)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.65](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.64...@tiptap/html@2.0.0-beta.65) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.64](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.63...@tiptap/html@2.0.0-beta.64) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.63](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.62...@tiptap/html@2.0.0-beta.63) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.62](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.61...@tiptap/html@2.0.0-beta.62) (2021-05-17)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.61](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.60...@tiptap/html@2.0.0-beta.61) (2021-05-17)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.60](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.59...@tiptap/html@2.0.0-beta.60) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.59](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.57...@tiptap/html@2.0.0-beta.59) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.57](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.56...@tiptap/html@2.0.0-beta.57) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.57](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.56...@tiptap/html@2.0.0-beta.57) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.56](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.55...@tiptap/html@2.0.0-beta.56) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.55](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.54...@tiptap/html@2.0.0-beta.55) (2021-05-11)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.54](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.53...@tiptap/html@2.0.0-beta.54) (2021-05-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.53](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.52...@tiptap/html@2.0.0-beta.53) (2021-05-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.52](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.51...@tiptap/html@2.0.0-beta.52) (2021-05-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.51](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.50...@tiptap/html@2.0.0-beta.51) (2021-05-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.50](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.49...@tiptap/html@2.0.0-beta.50) (2021-05-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.49](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.48...@tiptap/html@2.0.0-beta.49) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.48](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.47...@tiptap/html@2.0.0-beta.48) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.47](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.46...@tiptap/html@2.0.0-beta.47) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.46](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.45...@tiptap/html@2.0.0-beta.46) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.45](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.44...@tiptap/html@2.0.0-beta.45) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.44](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.43...@tiptap/html@2.0.0-beta.44) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.43](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.42...@tiptap/html@2.0.0-beta.43) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.42](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.41...@tiptap/html@2.0.0-beta.42) (2021-05-04)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.41](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.40...@tiptap/html@2.0.0-beta.41) (2021-04-27)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.40](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.39...@tiptap/html@2.0.0-beta.40) (2021-04-27)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.39](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.38...@tiptap/html@2.0.0-beta.39) (2021-04-27)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.38](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.37...@tiptap/html@2.0.0-beta.38) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.36...@tiptap/html@2.0.0-beta.37) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.35...@tiptap/html@2.0.0-beta.36) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.34...@tiptap/html@2.0.0-beta.35) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.33...@tiptap/html@2.0.0-beta.34) (2021-04-20)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.32...@tiptap/html@2.0.0-beta.33) (2021-04-20)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.31...@tiptap/html@2.0.0-beta.32) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.30...@tiptap/html@2.0.0-beta.31) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.29...@tiptap/html@2.0.0-beta.30) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.28...@tiptap/html@2.0.0-beta.29) (2021-04-12)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.27...@tiptap/html@2.0.0-beta.28) (2021-04-12)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.26...@tiptap/html@2.0.0-beta.27) (2021-04-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.25...@tiptap/html@2.0.0-beta.26) (2021-04-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.24...@tiptap/html@2.0.0-beta.25) (2021-04-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.23...@tiptap/html@2.0.0-beta.24) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.22...@tiptap/html@2.0.0-beta.23) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.21...@tiptap/html@2.0.0-beta.22) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.20...@tiptap/html@2.0.0-beta.21) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.19...@tiptap/html@2.0.0-beta.20) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.18...@tiptap/html@2.0.0-beta.19) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.17...@tiptap/html@2.0.0-beta.18) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.16...@tiptap/html@2.0.0-beta.17) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.15...@tiptap/html@2.0.0-beta.16) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.14...@tiptap/html@2.0.0-beta.15) (2021-04-06)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.13...@tiptap/html@2.0.0-beta.14) (2021-04-04)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.12...@tiptap/html@2.0.0-beta.13) (2021-04-02)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.11...@tiptap/html@2.0.0-beta.12) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.10...@tiptap/html@2.0.0-beta.11) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.9...@tiptap/html@2.0.0-beta.10) (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.8...@tiptap/html@2.0.0-beta.9) (2021-03-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.7...@tiptap/html@2.0.0-beta.8) (2021-03-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.6...@tiptap/html@2.0.0-beta.7) (2021-03-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.5...@tiptap/html@2.0.0-beta.6) (2021-03-24)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.4...@tiptap/html@2.0.0-beta.5) (2021-03-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.3...@tiptap/html@2.0.0-beta.4) (2021-03-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.2...@tiptap/html@2.0.0-beta.3) (2021-03-16)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-beta.1...@tiptap/html@2.0.0-beta.2) (2021-03-09)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.18...@tiptap/html@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.17...@tiptap/html@2.0.0-alpha.18) (2021-02-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.16...@tiptap/html@2.0.0-alpha.17) (2021-02-26)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.15...@tiptap/html@2.0.0-alpha.16) (2021-02-26)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.14...@tiptap/html@2.0.0-alpha.15) (2021-02-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.13...@tiptap/html@2.0.0-alpha.14) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.12...@tiptap/html@2.0.0-alpha.13) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.11...@tiptap/html@2.0.0-alpha.12) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.10...@tiptap/html@2.0.0-alpha.11) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.9...@tiptap/html@2.0.0-alpha.10) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.8...@tiptap/html@2.0.0-alpha.9) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.7...@tiptap/html@2.0.0-alpha.8) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.6...@tiptap/html@2.0.0-alpha.7) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.5...@tiptap/html@2.0.0-alpha.6) (2021-01-06)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.4...@tiptap/html@2.0.0-alpha.5) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.3...@tiptap/html@2.0.0-alpha.4) (2020-12-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.2...@tiptap/html@2.0.0-alpha.3) (2020-12-02)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@2.0.0-alpha.1...@tiptap/html@2.0.0-alpha.2) (2020-11-19)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [2.0.0-alpha.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@1.0.0-alpha.2...@tiptap/html@2.0.0-alpha.1) (2020-11-18)
+
+**Note:** Version bump only for package @tiptap/html
+
+# [1.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/html@1.0.0-alpha.1...@tiptap/html@1.0.0-alpha.2) (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/html
+
+# 1.0.0-alpha.1 (2020-11-16)
+
+**Note:** Version bump only for package @tiptap/html
diff --git a/packages/html/README.md b/packages/html/README.md
new file mode 100644
index 0000000..2433ac5
--- /dev/null
+++ b/packages/html/README.md
@@ -0,0 +1,18 @@
+# @tiptap/html
+
+[![Version](https://img.shields.io/npm/v/@tiptap/html.svg?label=version)](https://www.npmjs.com/package/@tiptap/html)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/html.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/html.svg)](https://www.npmjs.com/package/@tiptap/html)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/html/package.json b/packages/html/package.json
new file mode 100644
index 0000000..dee71d1
--- /dev/null
+++ b/packages/html/package.json
@@ -0,0 +1,67 @@
+{
+  "name": "@tiptap/html",
+  "version": "3.30.3",
+  "description": "utility package to render tiptap JSON as HTML",
+  "keywords": [
+    "tiptap",
+    "tiptap utility"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/html"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": {
+        "browser": "./dist/index.js",
+        "node": "./dist/server/index.js",
+        "default": "./dist/index.js"
+      },
+      "require": "./dist/index.cjs"
+    },
+    "./server": {
+      "types": {
+        "import": "./dist/server/index.d.ts",
+        "require": "./dist/server/index.d.cts"
+      },
+      "import": "./dist/server/index.js",
+      "require": "./dist/server/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "@types/node": "^22.0.0",
+    "happy-dom": "^20.8.9"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "happy-dom": "^20.8.9"
+  }
+}
diff --git a/packages/html/src/generateHTML.test.ts b/packages/html/src/generateHTML.test.ts
new file mode 100644
index 0000000..10d610e
--- /dev/null
+++ b/packages/html/src/generateHTML.test.ts
@@ -0,0 +1,248 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { TextStyle } from '@tiptap/extension-text-style'
+import Youtube from '@tiptap/extension-youtube'
+import { generateHTML } from './generateHTML.js'
+import { generateJSON } from './generateJSON.js'
+import StarterKit from '@tiptap/starter-kit'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('generateHTML', () => {
+  it('generate HTML from JSON without an editor instance', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+            },
+          ],
+        },
+      ],
+    }
+
+    const html = generateHTML(json, [Document, Paragraph, Text])
+
+    expect(html).toBe('<p>Example Text</p>')
+  })
+
+  it('can convert from & to html', async () => {
+    const extensions = [Document, Paragraph, Text, Youtube]
+    const html = `<p>Tiptap now supports YouTube embeds! Awesome!</p>
+      <div data-youtube-video>
+        <iframe src="https://www.youtube.com/watch?v=cqHqLQgVCgY"></iframe>
+      </div>`
+    const json = generateJSON(html, extensions)
+
+    expect(json).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Tiptap now supports YouTube embeds! Awesome!',
+            },
+          ],
+        },
+        {
+          type: 'youtube',
+          attrs: {
+            src: 'https://www.youtube.com/watch?v=cqHqLQgVCgY',
+            start: 0,
+            width: 640,
+            height: 480,
+          },
+        },
+      ],
+    })
+
+    expect(generateHTML(json, extensions)).toBe(
+      '<p>Tiptap now supports YouTube embeds! Awesome!</p><div data-youtube-video=""><iframe width="640" height="480" allowfullscreen="true" autoplay="false" disablekbcontrols="false" enableiframeapi="false" endtime="0" ivloadpolicy="0" loop="false" modestbranding="false" origin="" playlist="" rel="1" src="https://www.youtube.com/embed/cqHqLQgVCgY?rel=1" start="0"></iframe></div>',
+    )
+  })
+
+  it('can convert from & to HTML with a complex schema', async () => {
+    const extensions = [StarterKit, TextStyle]
+    const html = `
+<h2>
+  Hi there,
+</h2>
+<p>
+  this is a <em>basic</em> example of <strong>Tiptap</strong>. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:
+</p>
+<ul>
+  <li>
+    That’s a bullet list with one …
+  </li>
+  <li>
+    … or two list items.
+  </li>
+</ul>
+<p>
+  Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:
+</p>
+<pre><code class="language-css">body {
+  display: none;
+}</code></pre>
+<p>
+  I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.
+</p>
+<blockquote>
+  Wow, that’s amazing. Good work, boy! 👏
+  <br />
+  — Mom
+</blockquote>`
+    const json = generateJSON(html, extensions)
+
+    const expected = {
+      type: 'doc',
+      content: [
+        {
+          type: 'heading',
+          attrs: {
+            level: 2,
+          },
+          content: [
+            {
+              type: 'text',
+              text: 'Hi there,',
+            },
+          ],
+        },
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'this is a ',
+            },
+            {
+              type: 'text',
+              marks: [
+                {
+                  type: 'italic',
+                },
+              ],
+              text: 'basic',
+            },
+            {
+              type: 'text',
+              text: ' example of ',
+            },
+            {
+              type: 'text',
+              marks: [
+                {
+                  type: 'bold',
+                },
+              ],
+              text: 'Tiptap',
+            },
+            {
+              type: 'text',
+              text: '. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:',
+            },
+          ],
+        },
+        {
+          type: 'bulletList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [
+                    {
+                      type: 'text',
+                      text: 'That’s a bullet list with one …',
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [
+                    {
+                      type: 'text',
+                      text: '… or two list items.',
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:',
+            },
+          ],
+        },
+        {
+          type: 'codeBlock',
+          attrs: {
+            language: 'css',
+          },
+          content: [
+            {
+              type: 'text',
+              text: 'body {\n  display: none;\n}',
+            },
+          ],
+        },
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.',
+            },
+          ],
+        },
+        {
+          type: 'blockquote',
+          content: [
+            {
+              type: 'paragraph',
+              content: [
+                {
+                  type: 'text',
+                  text: 'Wow, that’s amazing. Good work, boy! 👏 ',
+                },
+                {
+                  type: 'hardBreak',
+                },
+                {
+                  type: 'text',
+                  text: '— Mom',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+
+    expect(json).toEqual(expected)
+
+    expect(generateHTML(json, extensions)).toBe(
+      `<h2>Hi there,</h2><p>this is a <em>basic</em> example of <strong>Tiptap</strong>. Sure, there are all kind of basic text styles you’d probably expect from a text editor. But wait until you see the lists:</p><ul><li><p>That’s a bullet list with one …</p></li><li><p>… or two list items.</p></li></ul><p>Isn’t that great? And all of that is editable. But wait, there’s more. Let’s try a code block:</p><pre><code class="language-css">body {
+  display: none;
+}</code></pre><p>I know, I know, this is impressive. It’s only the tip of the iceberg though. Give it a try and click a little bit around. Don’t forget to check the other examples too.</p><blockquote><p>Wow, that’s amazing. Good work, boy! 👏 <br>— Mom</p></blockquote>`,
+    )
+  })
+})
diff --git a/packages/html/src/generateHTML.ts b/packages/html/src/generateHTML.ts
new file mode 100644
index 0000000..86c1c48
--- /dev/null
+++ b/packages/html/src/generateHTML.ts
@@ -0,0 +1,41 @@
+import type { Extensions, JSONContent } from '@tiptap/core'
+import { getSchema } from '@tiptap/core'
+import { Node as PMNode } from '@tiptap/pm/model'
+
+import { getHTMLFromFragment } from './getHTMLFromFragment.js'
+
+/**
+ * Generates HTML from a ProseMirror JSON content object.
+ * @param doc - The ProseMirror JSON content object.
+ * @param extensions - The Tiptap extensions used to build the schema.
+ * @returns The generated HTML string.
+ * @example
+ * const doc = {
+ *   type: 'doc',
+ *   content: [
+ *     {
+ *       type: 'paragraph',
+ *       content: [
+ *         {
+ *           type: 'text',
+ *           text: 'Hello world!'
+ *         }
+ *       ]
+ *     }
+ *   ]
+ * }
+ * const extensions = [...]
+ * const html = generateHTML(doc, extensions)
+ */
+export function generateHTML(doc: JSONContent, extensions: Extensions): string {
+  if (typeof window === 'undefined') {
+    throw new Error(
+      'generateHTML can only be used in a browser environment\nIf you want to use this in a Node environment, use the `@tiptap/html/server` import instead.',
+    )
+  }
+
+  const schema = getSchema(extensions)
+  const contentNode = PMNode.fromJSON(schema, doc)
+
+  return getHTMLFromFragment(contentNode, schema)
+}
diff --git a/packages/html/src/generateJSON.test.ts b/packages/html/src/generateJSON.test.ts
new file mode 100644
index 0000000..65ed5a3
--- /dev/null
+++ b/packages/html/src/generateJSON.test.ts
@@ -0,0 +1,82 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import TextAlign from '@tiptap/extension-text-align'
+import { generateJSON } from './generateJSON.js'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('generateJSON', () => {
+  it('generate JSON from HTML without an editor instance', () => {
+    const html = '<p>Example Text</p>'
+
+    const json = generateJSON(html, [Document, Paragraph, Text])
+
+    expect(JSON.stringify(json)).toBe(
+      JSON.stringify({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'Example Text',
+              },
+            ],
+          },
+        ],
+      }),
+    )
+  })
+
+  // issue: https://github.com/ueberdosis/tiptap/issues/1601
+  it('generate JSON with style attributes', () => {
+    const html = '<p style="text-align: center;">Example Text</p>'
+
+    const json = generateJSON(html, [
+      Document,
+      Paragraph,
+      Text,
+      TextAlign.configure({ types: ['paragraph'] }),
+    ])
+
+    expect(JSON.stringify(json)).toBe(
+      JSON.stringify({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            attrs: {
+              textAlign: 'center',
+            },
+            content: [
+              {
+                type: 'text',
+                text: 'Example Text',
+              },
+            ],
+          },
+        ],
+      }),
+    )
+  })
+
+  // issue: https://github.com/ueberdosis/tiptap/issues/6968
+  it('should not crash when HTML contains link, script, or style tags with resource references', () => {
+    const html = `
+      <link rel="stylesheet" href="/assets/app.css">
+      <link rel="preload" href="/assets/app.js" as="script">
+      <script src="/assets/app.js"></script>
+      <style>body { color: red; }</style>
+      <p>Content after resource tags</p>
+    `
+
+    // This should not throw "TypeError: Invalid URL (ERR_INVALID_URL)"
+    const json = generateJSON(html, [Document, Paragraph, Text])
+
+    expect(json.type).toBe('doc')
+    expect(json.content).toBeDefined()
+    // The paragraph content should be parsed correctly
+    expect(json.content.some((node: any) => node.type === 'paragraph')).toBe(true)
+  })
+})
diff --git a/packages/html/src/generateJSON.ts b/packages/html/src/generateJSON.ts
new file mode 100644
index 0000000..c79fadf
--- /dev/null
+++ b/packages/html/src/generateJSON.ts
@@ -0,0 +1,39 @@
+import type { Extensions } from '@tiptap/core'
+import { getSchema } from '@tiptap/core'
+import type { ParseOptions } from '@tiptap/pm/model'
+import { DOMParser } from '@tiptap/pm/model'
+
+/**
+ * Generates a JSON object from the given HTML string and converts it into a Prosemirror node with content.
+ * @param {string} html - The HTML string to be converted into a Prosemirror node.
+ * @param {Extensions} extensions - The extensions to be used for generating the schema.
+ * @param {ParseOptions} options - The options to be supplied to the parser.
+ * @returns {Record<string, any>} - The generated JSON object.
+ * @example
+ * const html = '<p>Hello, world!</p>'
+ * const extensions = [...]
+ * const json = generateJSON(html, extensions)
+ * console.log(json) // { type: 'doc', content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Hello, world!' }] }] }
+ */
+export function generateJSON(
+  html: string,
+  extensions: Extensions,
+  options?: ParseOptions,
+): Record<string, any> {
+  if (typeof window === 'undefined') {
+    throw new Error(
+      'generateJSON can only be used in a browser environment\nIf you want to use this in a Node environment, use the `@tiptap/html/server` import instead.',
+    )
+  }
+
+  const schema = getSchema(extensions)
+  const doc: Document = new window.DOMParser().parseFromString(html, 'text/html')
+
+  if (!doc) {
+    throw new Error('Failed to parse HTML string')
+  }
+
+  return DOMParser.fromSchema(schema)
+    .parse(doc.body as Node, options)
+    .toJSON()
+}
diff --git a/packages/html/src/getHTMLFromFragment.ts b/packages/html/src/getHTMLFromFragment.ts
new file mode 100644
index 0000000..f1d277f
--- /dev/null
+++ b/packages/html/src/getHTMLFromFragment.ts
@@ -0,0 +1,49 @@
+import type { Node as PMNode, Schema } from '@tiptap/pm/model'
+import { DOMSerializer } from '@tiptap/pm/model'
+
+/**
+ * Returns the HTML string representation of a given document node.
+ *
+ * @param doc - The document node to serialize.
+ * @param schema - The Prosemirror schema to use for serialization.
+ * @returns The HTML string representation of the document fragment.
+ *
+ * @example
+ * ```typescript
+ * const html = getHTMLFromFragment(doc, schema)
+ * ```
+ */
+export function getHTMLFromFragment(
+  doc: PMNode,
+  schema: Schema,
+  options?: { document?: Document },
+): string {
+  if (typeof window === 'undefined') {
+    throw new Error(
+      'getHTMLFromFragment can only be used in a browser environment\nIf you want to use this in a Node environment, use the `@tiptap/html/server` import instead.',
+    )
+  }
+
+  if (options?.document) {
+    const wrap = options.document.createElement('div')
+
+    DOMSerializer.fromSchema(schema).serializeFragment(
+      doc.content,
+      { document: options.document },
+      wrap,
+    )
+    return wrap.innerHTML
+  }
+
+  const wrap = window.document.createElement('div')
+
+  DOMSerializer.fromSchema(schema).serializeFragment(
+    doc.content,
+    {
+      document: window.document as unknown as Document,
+    },
+    wrap,
+  )
+
+  return wrap.innerHTML
+}
diff --git a/packages/html/src/index.ts b/packages/html/src/index.ts
new file mode 100644
index 0000000..051a3ee
--- /dev/null
+++ b/packages/html/src/index.ts
@@ -0,0 +1,2 @@
+export * from './generateHTML.js'
+export * from './generateJSON.js'
diff --git a/packages/html/src/server/generateHTML.ts b/packages/html/src/server/generateHTML.ts
new file mode 100644
index 0000000..cf8e8e4
--- /dev/null
+++ b/packages/html/src/server/generateHTML.ts
@@ -0,0 +1,34 @@
+import { type Extensions, type JSONContent, getSchema } from '@tiptap/core'
+import { Node as PMNode } from '@tiptap/pm/model'
+
+import { getHTMLFromFragment } from './getHTMLFromFragment.js'
+
+/**
+ * This function generates HTML from a ProseMirror JSON content object.
+ *
+ * @remarks **Important**: This function requires `happy-dom` to be installed in your project.
+ * @param doc - The ProseMirror JSON content object.
+ * @param extensions - The Tiptap extensions used to build the schema.
+ * @returns The generated HTML string.
+ * @example
+ * ```js
+ * const html = generateHTML(doc, extensions)
+ * console.log(html)
+ * ```
+ */
+export function generateHTML(doc: JSONContent, extensions: Extensions): string {
+  // Use positive Node.js detection to allow for jsdom/happy-dom environments in tests
+  const isNode =
+    typeof process !== 'undefined' && process.versions != null && process.versions.node != null
+
+  if (!isNode) {
+    throw new Error(
+      'generateHTML can only be used in a Node environment\nIf you want to use this in a browser environment, use the `@tiptap/html` import instead.',
+    )
+  }
+
+  const schema = getSchema(extensions)
+  const contentNode = PMNode.fromJSON(schema, doc)
+
+  return getHTMLFromFragment(contentNode, schema)
+}
diff --git a/packages/html/src/server/generateJSON.ts b/packages/html/src/server/generateJSON.ts
new file mode 100644
index 0000000..9bb00d6
--- /dev/null
+++ b/packages/html/src/server/generateJSON.ts
@@ -0,0 +1,67 @@
+import type { Extensions } from '@tiptap/core'
+import { getSchema } from '@tiptap/core'
+import { type ParseOptions, DOMParser as PMDOMParser } from '@tiptap/pm/model'
+import { Window } from 'happy-dom'
+
+/**
+ * Generates a JSON object from the given HTML string and converts it into a Prosemirror node with content.
+ * @remarks **Important**: This function requires `happy-dom` to be installed in your project.
+ * @param {string} html - The HTML string to be converted into a Prosemirror node.
+ * @param {Extensions} extensions - The extensions to be used for generating the schema.
+ * @param {ParseOptions} options - The options to be supplied to the parser.
+ * @returns {Promise<Record<string, any>>} - A promise with the generated JSON object.
+ * @example
+ * const html = '<p>Hello, world!</p>'
+ * const extensions = [...]
+ * const json = generateJSON(html, extensions)
+ * console.log(json) // { type: 'doc', content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Hello, world!' }] }] }
+ */
+export function generateJSON(
+  html: string,
+  extensions: Extensions,
+  options?: ParseOptions,
+): Record<string, any> {
+  // Use positive Node.js detection to allow for jsdom/happy-dom environments in tests
+  const isNode =
+    typeof process !== 'undefined' && process.versions != null && process.versions.node != null
+
+  if (!isNode) {
+    throw new Error(
+      'generateJSON can only be used in a Node environment\nIf you want to use this in a browser environment, use the `@tiptap/html` import instead.',
+    )
+  }
+
+  const localWindow = new Window({
+    settings: {
+      disableJavaScriptEvaluation: true,
+      disableJavaScriptFileLoading: true,
+      disableCSSFileLoading: true,
+      disableIframePageLoading: true,
+      disableComputedStyleRendering: true,
+    },
+  })
+  const localDOMParser = new localWindow.DOMParser()
+  let result: Record<string, any>
+
+  try {
+    const schema = getSchema(extensions)
+    let doc: ReturnType<typeof localDOMParser.parseFromString> | null = null
+
+    const htmlString = `<!DOCTYPE html><html><body>${html}</body></html>`
+    doc = localDOMParser.parseFromString(htmlString, 'text/html')
+
+    if (!doc) {
+      throw new Error('Failed to parse HTML string')
+    }
+
+    result = PMDOMParser.fromSchema(schema)
+      .parse(doc.body as unknown as Node, options)
+      .toJSON()
+  } finally {
+    // clean up happy-dom to avoid memory leaks
+    localWindow.happyDOM.abort()
+    localWindow.happyDOM.close()
+  }
+
+  return result
+}
diff --git a/packages/html/src/server/getHTMLFromFragment.ts b/packages/html/src/server/getHTMLFromFragment.ts
new file mode 100644
index 0000000..73db308
--- /dev/null
+++ b/packages/html/src/server/getHTMLFromFragment.ts
@@ -0,0 +1,64 @@
+import type { Node as PMNode, Schema } from '@tiptap/pm/model'
+import { DOMSerializer } from '@tiptap/pm/model'
+import { Window } from 'happy-dom'
+
+/**
+ * Returns the HTML string representation of a given document node.
+ *
+ * @remarks **Important**: This function requires `happy-dom` to be installed in your project.
+ * @param doc - The document node to serialize.
+ * @param schema - The Prosemirror schema to use for serialization.
+ * @returns A promise containing the HTML string representation of the document fragment.
+ *
+ * @example
+ * ```typescript
+ * const html = getHTMLFromFragment(doc, schema)
+ * ```
+ */
+export function getHTMLFromFragment(
+  doc: PMNode,
+  schema: Schema,
+  options?: { document?: Document },
+): string {
+  if (options?.document) {
+    const wrap = options.document.createElement('div')
+
+    DOMSerializer.fromSchema(schema).serializeFragment(
+      doc.content,
+      { document: options.document },
+      wrap,
+    )
+    return wrap.innerHTML
+  }
+
+  const localWindow = new Window({
+    settings: {
+      disableJavaScriptEvaluation: true,
+      disableJavaScriptFileLoading: true,
+      disableCSSFileLoading: true,
+      disableIframePageLoading: true,
+      disableComputedStyleRendering: true,
+    },
+  })
+  let result: string
+
+  try {
+    const wrap = localWindow.document.createElement('div')
+
+    DOMSerializer.fromSchema(schema).serializeFragment(
+      doc.content,
+      {
+        document: localWindow.document as unknown as Document,
+      },
+      wrap,
+    )
+
+    result = wrap.innerHTML
+  } finally {
+    // clean up happy-dom to avoid memory leaks
+    localWindow.happyDOM.abort()
+    localWindow.happyDOM.close()
+  }
+
+  return result
+}
diff --git a/packages/html/src/server/index.ts b/packages/html/src/server/index.ts
new file mode 100644
index 0000000..051a3ee
--- /dev/null
+++ b/packages/html/src/server/index.ts
@@ -0,0 +1,2 @@
+export * from './generateHTML.js'
+export * from './generateJSON.js'
diff --git a/packages/html/tests/integration/serverWithJsdom.test.ts b/packages/html/tests/integration/serverWithJsdom.test.ts
new file mode 100644
index 0000000..52aa3d9
--- /dev/null
+++ b/packages/html/tests/integration/serverWithJsdom.test.ts
@@ -0,0 +1,58 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { generateHTML, generateJSON } from '../../src/server/index.js'
+
+describe('server exports with jsdom/happy-dom environment (issue #6951)', () => {
+  it('should have global window defined (test environment check)', () => {
+    expect(typeof window).toBe('object')
+    expect(window).toBeDefined()
+  })
+
+  it('generateJSON should work even when global window is defined', () => {
+    const html = '<p>Hello, world!</p>'
+    const extensions = [Document, Paragraph, Text]
+
+    const json = generateJSON(html, extensions)
+
+    expect(json).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Hello, world!',
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('generateHTML should work even when global window is defined', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Hello, world!',
+            },
+          ],
+        },
+      ],
+    }
+    const extensions = [Document, Paragraph, Text]
+
+    // This should NOT throw "generateHTML can only be used in a Node environment"
+    const html = generateHTML(json, extensions)
+
+    expect(html).toBe('<p>Hello, world!</p>')
+  })
+})
diff --git a/packages/html/vite.config.ts b/packages/html/vite.config.ts
new file mode 100644
index 0000000..1894a57
--- /dev/null
+++ b/packages/html/vite.config.ts
@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite-plus'
+import { tsupCompatibleExtensions } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts', 'src/server/index.ts'],
+    tsconfig: '../../tsconfig.build.json',
+    outDir: 'dist',
+    dts: { sourcemap: true },
+    clean: true,
+    sourcemap: true,
+    target: 'es2019',
+    format: ['esm', 'cjs'],
+    outExtensions: tsupCompatibleExtensions,
+  },
+})
diff --git a/packages/markdown/CHANGELOG.md b/packages/markdown/CHANGELOG.md
new file mode 100644
index 0000000..73c30d5
--- /dev/null
+++ b/packages/markdown/CHANGELOG.md
@@ -0,0 +1,628 @@
+# @tiptap/markdown
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- 03ba40e: Markdown with inline HTML such as an unclosed `<b>` tag no longer parses into an invalid document. The tag is dropped and its text is kept.
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- 9af2f2b: Fixed blank lines being dropped after block elements (headings, tables, etc.) when parsing markdown. Blank lines were being absorbed into the block token instead of being preserved, causing content to lose a blank line on each parse/serialize cycle.
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- 33687f1: Fix parsing with injected Marked instances so custom markdown tokenizers registered via `marked.use(...)` are respected.
+- 852ced3: Fix unrecognized HTML detection during markdown parsing to work without `window.DOMParser` or `HTMLUnknownElement`, so angle-bracket placeholders are preserved as literal text in SSR and Node environments.
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- 9cf8db0: Fix backslash-escape handling in the Markdown parser and serializer. Parsing a backslash-escaped markdown character (e.g. `\*`, `\_`, `\\`) now correctly produces a literal text node, instead of silently dropping the character. On serialization, characters that have special meaning in markdown inline syntax (`*`, `_`, `` ` ``, `[`, `]`, `\`, `~`) are now backslash-escaped in non-code text nodes to prevent them from being misinterpreted as formatting delimiters when the output is parsed again.
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- db47c91: Fix text inside unknown angle-bracket tags being silently swallowed during markdown parsing. HTML-like content such as `<enter existing CID here if available>` that does not map to any known element is now preserved as literal text instead of disappearing, which also prevents downstream `contentMatchAt` errors when complex schemas (Mention, Variable, Table) are in use.
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- 6abd10c: Fix extra mark tokens after inline atom nodes during Markdown serialization
+- 7bf0e73: Fix adjacent marks of the same type with different attributes being merged during Markdown serialization
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- 0e6a6e4: Fix editor becoming unresponsive when initialized with empty markdown content and `contentType: 'markdown'`
+- 57f8d66: Fix markdown parsing for bullet list items whose text looks like an ordered-list marker, such as `- 123.`, so extraction no longer loses the item content.
+- 4796013: Fixed two Markdown serialization bugs: overlapping marks (e.g. bold+italic that start and end at different positions) now serialize with the correct delimiter order, and marks that all close on the same node now close in LIFO order to produce valid nesting.
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- 912a49b: Fix HTML character escaping in markdown roundtrip. HTML entities (`&lt;`, `&gt;`, `&amp;`, `&quot;`) are now decoded to literal characters when parsing markdown into the editor. `<`, `>`, and `&` are re-encoded when serializing back to markdown, while `"` is preserved as a literal character since double quotes are ordinary in markdown. Code detection for skipping encoding now uses the `code: true` extension spec instead of hardcoded type names. Literal characters inside code blocks and inline code are always preserved.
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- 75a912a: Fix custom markdown tokenizer helper lexing to use Marked's active lexer so ordered list parsing no longer breaks inline tokenization in following paragraphs.
+  - @tiptap/core@3.21.0
+  - @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- 6b9ea92: Fixed overlapping bold and italic markdown serialization and round-tripping.
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- 269823d: Improved markdown empty-paragraph roundtripping across top-level and nested block content. Empty paragraphs now serialize with natural blank-line spacing for the first paragraph in a run and `&nbsp;` markers for subsequent empty paragraphs at the same level, while parsing preserves those empty paragraphs when converting markdown back to JSON.
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- 6e3a0e8: Fixed getMarkdown() returning `&nbsp;` instead of empty string when editor is empty
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- 9b388ef: Upgrade marked.js from v15.0.12 to v17.0.1. Note that `**)**` requires whitespace when adjacent to alphanumeric text per CommonMark specification.
+  - @tiptap/core@3.18.0
+  - @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- 62c6f15: Fixed markdown serialization doubling newlines and parsing collapsing multiple blank lines
+- 4bcacda: Fixed markdown HTML parsing when window object is unavailable in server-side environments
+- 5d267cb: Fixed ordered list numbering when list has a non-default start value
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- d63518a: Fix incorrect Markdown output when underline is mixed with bold or italic and their ranges do not fully overlap.
+- d63518a: Fix overlapping underline/bold/italic serialization and add tests
+  - @tiptap/core@3.16.0
+  - @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- 7725052: Fixed trailing and leading whitespace handling in markdown serialization for inline marks
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- f3bb5c1: Fixed CommonJS compatibility by downgrading `marked` dependency from v16 to v15.
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- 13fdcb5: Fix markdown serialization to prevent marks from continuing after hard breaks. Previously, marks like bold would incorrectly persist across hard breaks in the markdown output.
+- 5774fc2: Fixed a bug where marks were resolved in incorrect orders, breaking markdown rendering for nested marks.
+- f80391b: Fix parsing of mixed bullet lists and task lists. Previously, Marked.js would group consecutive bullet list items and task list items into a single list token, causing incorrect parsing. Now the parser detects mixed lists and splits them into separate bulletList and taskList nodes.
+  - @tiptap/core@3.10.3
+  - @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- 194af3b: Fix parsing of mixed inline HTML within Markdown content so that inline HTML fragments are parsed correctly.
+  - @tiptap/core@3.10.2
+  - @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- f1fc469: Editors will not throw an error anymore when `content` is an empty string and `contentType` is `markdown`
+- c9036bd: Remove invalid server configuration from package.json
+  - @tiptap/core@3.7.1
+  - @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Minor Changes
+
+- 35645d9: Add comprehensive bidirectional markdown support to Tiptap through a new `@tiptap/markdown` package and Markdown utilities in `@tiptap/core`.
+
+  **New Package: `@tiptap/markdown`** - A new official extension that provides full Markdown parsing and serialization capabilities using [MarkedJS](https://marked.js.org) as the underlying Markdown parser.
+
+  **Core Features:**
+
+  **Extension API**
+
+  - **`Markdown` Extension**: Main extension that adds Markdown support to your editor
+  - **`MarkdownManager`**: Core engine for parsing and serializing Markdown
+    - Parse Markdown strings to Tiptap JSON: `editor.markdown.parse(markdown)`
+    - Serialize Tiptap JSON to Markdown: `editor.markdown.serialize(json)`
+    - Access to underlying marked.js instance: `editor.markdown.instance`
+
+  #### Editor Methods
+
+  - **`editor.getMarkdown()`**: Serialize current editor content to Markdown string
+  - **`editor.markdown`**: Access to MarkdownManager instance for advanced operations
+
+  **Editor Options:**
+
+  - **`contentType`**: Control the type of content that is inserted into the editor. Can be `json`, `html` or `markdown` - defaults to `json` and will automatically detect invalid content types (like JSON when it is actually Markdown).
+    ```typescript
+    new Editor({
+      content: "# Hello World",
+      contentType: "markdown",
+    });
+    ```
+
+  **Command Options:** All content commands now support an `contentType` option:
+
+  - **`setContent(markdown, { contentType: 'markdown' })`**: Replace editor content with markdown
+  - **`insertContent(markdown, { contentType: 'markdown' })`**: Insert markdown at cursor position
+  - **`insertContentAt(position, markdown, { contentType: 'markdown' })`**: Insert Markdown at specific position
+
+  For more, check [the documentation](https://tiptap.dev/docs/editor/markdown).
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
diff --git a/packages/markdown/README.md b/packages/markdown/README.md
new file mode 100644
index 0000000..126768e
--- /dev/null
+++ b/packages/markdown/README.md
@@ -0,0 +1,18 @@
+# @tiptap/markdown
+
+[![Version](https://img.shields.io/npm/v/@tiptap/markdown.svg?label=version)](https://www.npmjs.com/package/@tiptap/markdown)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/markdown.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/markdown.svg)](https://www.npmjs.com/package/@tiptap/markdown)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/markdown/package.json b/packages/markdown/package.json
new file mode 100644
index 0000000..f1e1394
--- /dev/null
+++ b/packages/markdown/package.json
@@ -0,0 +1,58 @@
+{
+  "name": "@tiptap/markdown",
+  "version": "3.30.3",
+  "description": "markdown parser and serializer for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap utility"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/markdown"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": {
+        "browser": "./dist/index.js",
+        "default": "./dist/index.js"
+      },
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "marked": "^17.0.1"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/markdown/src/Extension.ts b/packages/markdown/src/Extension.ts
new file mode 100644
index 0000000..74abeef
--- /dev/null
+++ b/packages/markdown/src/Extension.ts
@@ -0,0 +1,225 @@
+import {
+  type InsertContentAtOptions as MarkdownInsertContentAtOptions,
+  type InsertContentOptions as MarkdownInsertContentOptions,
+  type SetContentOptions as MarkdownSetContentOptions,
+  commands,
+  Extension,
+} from '@tiptap/core'
+import type { marked } from 'marked'
+
+import MarkdownManager from './MarkdownManager.js'
+import type { ContentType } from './types.js'
+import { assumeContentType } from './utils.js'
+
+declare module '@tiptap/core' {
+  interface Editor {
+    /**
+     * Get the content of the editor as markdown.
+     */
+    getMarkdown: () => string
+
+    /**
+     * The markdown manager instance.
+     */
+    markdown?: MarkdownManager
+  }
+
+  interface EditorOptions {
+    /**
+     * The content type the content is provided as.
+     *
+     * @default 'json'
+     */
+    contentType?: ContentType
+  }
+
+  interface Storage {
+    markdown: MarkdownExtensionStorage
+  }
+
+  interface InsertContentOptions {
+    /**
+     * The content type the content is provided as.
+     *
+     * @default 'json'
+     */
+    contentType?: ContentType
+  }
+
+  interface InsertContentAtOptions {
+    /**
+     * The content type the content is provided as.
+     *
+     * @default 'json'
+     */
+    contentType?: ContentType
+  }
+
+  interface SetContentOptions {
+    /**
+     * The content type the content is provided as.
+     *
+     * @default 'json'
+     */
+    contentType?: ContentType
+  }
+}
+
+export type MarkdownExtensionOptions = {
+  /**
+   * Configure the indentation style and size for lists and code blocks.
+   * - `style`: Choose between spaces or tabs. Default is 'space'.
+   * - `size`: Number of spaces or tabs for indentation. Default is 2.
+   */
+  indentation?: { style?: 'space' | 'tab'; size?: number }
+
+  /**
+   * Use a custom version of `marked` for markdown parsing and serialization.
+   * If not provided, the default `marked` instance will be used.
+   */
+  marked?: typeof marked
+
+  /**
+   * Options to pass to `marked.setOptions()`.
+   * See the [marked documentation](https://marked.js.org/using_advanced#options) for available options.
+   */
+  markedOptions?: Parameters<typeof marked.setOptions>[0]
+}
+
+export type MarkdownExtensionStorage = {
+  manager: MarkdownManager
+}
+
+export const Markdown = Extension.create<MarkdownExtensionOptions, MarkdownExtensionStorage>({
+  name: 'markdown',
+
+  addOptions() {
+    return {
+      indentation: { style: 'space', size: 2 },
+      marked: undefined,
+      markedOptions: {},
+    }
+  },
+
+  addCommands() {
+    return {
+      setContent: (content, options?: MarkdownSetContentOptions) => {
+        // if no contentType is specified, we assume the content is in JSON format OR HTML format
+        if (!options?.contentType) {
+          return commands.setContent(content, options)
+        }
+
+        const actualContentType = assumeContentType(content, options?.contentType)
+
+        if (actualContentType !== 'markdown' || !this.editor.markdown) {
+          return commands.setContent(content, options)
+        }
+
+        const mdContent = this.editor.markdown.parse(content as string)
+        return commands.setContent(mdContent, options)
+      },
+
+      insertContent: (value, options?: MarkdownInsertContentOptions) => {
+        // if no contentType is specified, we assume the content is in JSON format OR HTML format
+        if (!options?.contentType) {
+          return commands.insertContent(value, options)
+        }
+
+        const actualContentType = assumeContentType(value, options?.contentType)
+
+        if (actualContentType !== 'markdown' || !this.editor.markdown) {
+          return commands.insertContent(value, options)
+        }
+
+        const mdContent = this.editor.markdown.parse(value as string)
+        return commands.insertContent(mdContent, options)
+      },
+
+      insertContentAt: (position, value, options?: MarkdownInsertContentAtOptions) => {
+        // if no contentType is specified, we assume the content is in JSON format OR HTML format
+        if (!options?.contentType) {
+          return commands.insertContentAt(position, value, options)
+        }
+
+        const actualContentType = assumeContentType(value, options?.contentType)
+
+        if (actualContentType !== 'markdown' || !this.editor.markdown) {
+          return commands.insertContentAt(position, value, options)
+        }
+
+        const mdContent = this.editor.markdown.parse(value as string)
+        return commands.insertContentAt(position, mdContent, options)
+      },
+    }
+  },
+
+  addStorage() {
+    return {
+      manager: new MarkdownManager({
+        indentation: this.options.indentation,
+        marked: this.options.marked,
+        markedOptions: this.options.markedOptions,
+        extensions: [],
+      }),
+    }
+  },
+
+  onBeforeCreate() {
+    if (this.editor.markdown) {
+      console.error(
+        '[tiptap][markdown]: There is already a `markdown` property on the editor instance. This might lead to unexpected behavior.',
+      )
+      return
+    }
+
+    this.storage.manager = new MarkdownManager({
+      indentation: this.options.indentation,
+      marked: this.options.marked,
+      markedOptions: this.options.markedOptions,
+      extensions: this.editor.extensionManager.baseExtensions,
+    })
+
+    this.editor.markdown = this.storage.manager
+
+    // add a `getMarkdown()` method to the editor
+    this.editor.getMarkdown = () => {
+      return this.storage.manager.serialize(this.editor.getJSON())
+    }
+
+    if (!this.editor.options.contentType) {
+      return
+    }
+
+    const assumedType = assumeContentType(
+      this.editor.options.content,
+      this.editor.options.contentType,
+    )
+    if (assumedType !== 'markdown') {
+      return
+    }
+
+    if (!this.editor.markdown) {
+      throw new Error(
+        '[tiptap][markdown]: The `contentType` option is set to "markdown", but the Markdown extension is not added to the editor. Please add the Markdown extension to use this feature.',
+      )
+    }
+
+    if (
+      this.editor.options.content === undefined ||
+      typeof this.editor.options.content !== 'string'
+    ) {
+      throw new Error(
+        '[tiptap][markdown]: The `contentType` option is set to "markdown", but the initial content is not a string. Please provide the initial content as a markdown string.',
+      )
+    }
+
+    const json = this.editor.markdown.parse(this.editor.options.content as string)
+
+    // If the parsed markdown produced no content, leave options.content
+    // as-is (empty string) so that createDoc / DOMParser.parse can fill in
+    // the required block node via ProseMirror's ContentMatch.fillBefore.
+    if (json.content?.length) {
+      this.editor.options.content = json
+    }
+  },
+})
diff --git a/packages/markdown/src/MarkdownManager.test.ts b/packages/markdown/src/MarkdownManager.test.ts
new file mode 100644
index 0000000..4208a19
--- /dev/null
+++ b/packages/markdown/src/MarkdownManager.test.ts
@@ -0,0 +1,879 @@
+import {
+  type AnyExtension,
+  createBlockMarkdownSpec,
+  createInlineMarkdownSpec,
+  Extension,
+  Node,
+} from '@tiptap/core'
+import { Bold } from '@tiptap/extension-bold'
+import { Document } from '@tiptap/extension-document'
+import { Heading } from '@tiptap/extension-heading'
+import { Italic } from '@tiptap/extension-italic'
+import { Link } from '@tiptap/extension-link'
+import { BulletList, ListItem, OrderedList, TaskItem, TaskList } from '@tiptap/extension-list'
+import { Mention } from '@tiptap/extension-mention'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import Strike from '@tiptap/extension-strike'
+import { Text } from '@tiptap/extension-text'
+import Underline from '@tiptap/extension-underline'
+import { Youtube } from '@tiptap/extension-youtube'
+import { MarkdownManager } from './MarkdownManager.js'
+import { Marked } from 'marked'
+import { beforeEach, describe, expect, it } from 'vite-plus/test'
+
+// Create test extensions
+const TestCallout = Node.create({
+  name: 'callout',
+  group: 'block',
+  content: 'block+',
+  defining: true,
+
+  addAttributes() {
+    return {
+      type: {
+        default: 'info',
+      },
+    }
+  },
+
+  ...createBlockMarkdownSpec({
+    nodeName: 'callout',
+    allowedAttributes: ['type'],
+  }),
+})
+
+const TestTag = Node.create({
+  name: 'tag',
+  group: 'inline',
+  inline: true,
+  atom: true,
+
+  addAttributes() {
+    return {
+      label: {
+        type: null,
+      },
+    }
+  },
+
+  ...createInlineMarkdownSpec({
+    nodeName: 'tag',
+    selfClosing: true,
+    allowedAttributes: ['label'],
+  }),
+})
+
+const TestProbe = Extension.create({
+  name: 'probeBlock',
+
+  markdownTokenName: 'probeBlock',
+
+  parseMarkdown: (token, helpers) => {
+    return {
+      type: 'paragraph',
+      content: helpers.parseInline(token.tokens || []),
+    }
+  },
+
+  markdownTokenizer: {
+    name: 'probeBlock',
+    level: 'block',
+    start: ':::probe ',
+    tokenize: (src, _tokens, lexer) => {
+      const match = src.match(/^:::probe\s+(.+?)\s+:::/)
+
+      if (!match) {
+        return undefined
+      }
+
+      return {
+        type: 'probeBlock',
+        raw: match[0],
+        text: match[1],
+        tokens: lexer.inlineTokens(match[1]),
+      }
+    },
+  },
+})
+
+describe('MarkdownManager Direct Tests', () => {
+  let markdownManager: MarkdownManager
+  let basicExtensions: AnyExtension[]
+  let extendedExtensions: AnyExtension[]
+
+  beforeEach(() => {
+    // Basic extensions for standard markdown
+    basicExtensions = [
+      Document,
+      Paragraph,
+      Text,
+      Heading,
+      Bold,
+      Italic,
+      Strike,
+      Link,
+      BulletList,
+      OrderedList,
+      ListItem,
+      Underline,
+    ]
+
+    // Extended extensions with custom markdown features
+    extendedExtensions = [
+      ...basicExtensions,
+      TaskList,
+      TaskItem,
+      Mention.configure({
+        HTMLAttributes: {
+          class: 'mention',
+        },
+      }),
+      Youtube.configure({
+        width: 640,
+        height: 360,
+      }),
+      TestCallout,
+      TestTag,
+    ]
+  })
+
+  describe('Basic Markdown Parsing', () => {
+    beforeEach(() => {
+      markdownManager = new MarkdownManager({ extensions: basicExtensions })
+    })
+
+    it('should parse simple text', () => {
+      const markdown = 'Hello world'
+      const doc = markdownManager.parse(markdown)
+
+      expect(doc.type).toBe('doc')
+      expect(Array.isArray(doc.content)).toBe(true)
+      expect(doc.content![0].type).toBe('paragraph')
+      expect(doc.content![0].content![0].text).toBe('Hello world')
+    })
+
+    it('should parse headings', () => {
+      const markdown = `# Heading 1
+
+## Heading 2`
+      const doc = markdownManager.parse(markdown)
+
+      expect(doc.content).toHaveLength(2)
+      expect(doc.content![0].type).toBe('heading')
+      expect(doc.content![0].attrs!.level).toBe(1)
+      expect(doc.content![0].content![0].text).toBe('Heading 1')
+
+      expect(doc.content![1].type).toBe('heading')
+      expect(doc.content![1].attrs!.level).toBe(2)
+      expect(doc.content![1].content![0].text).toBe('Heading 2')
+    })
+
+    it('should parse multiple paragraphs', () => {
+      const markdown = `First paragraph.
+
+Second paragraph.`
+      const doc = markdownManager.parse(markdown)
+
+      expect(doc.content).toHaveLength(2)
+      expect(doc.content![0].type).toBe('paragraph')
+      expect(doc.content![0].content![0].text).toBe('First paragraph.')
+      expect(doc.content![1].type).toBe('paragraph')
+      expect(doc.content![1].content![0].text).toBe('Second paragraph.')
+    })
+
+    it('keeps inline tokens after ordered list tokenization', () => {
+      const markdown = `1. Item 1
+   - Nested bullet item
+
+**After** ordered list`
+
+      const doc = markdownManager.parse(markdown)
+
+      expect(doc.content).toHaveLength(2)
+      expect(doc.content![0].type).toBe('orderedList')
+      expect(doc.content![1]).toEqual({
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'After',
+            marks: [{ type: 'bold' }],
+          },
+          {
+            type: 'text',
+            text: ' ordered list',
+          },
+        ],
+      })
+    })
+
+    it('matches isolated Marked instance output for ordered-list parsing', () => {
+      const markdown = `1. Item 1
+   - Nested bullet item
+
+**After** ordered list`
+      const isolatedManager = new MarkdownManager({
+        marked: new Marked() as unknown as typeof import('marked').marked,
+        extensions: basicExtensions,
+      })
+
+      expect(markdownManager.parse(markdown)).toEqual(isolatedManager.parse(markdown))
+    })
+
+    it('keeps later inline parsing stable after a custom tokenizer uses inlineTokens', () => {
+      const manager = new MarkdownManager({ extensions: [...basicExtensions, TestProbe] })
+
+      const markdown = `:::probe **Probe** text :::
+
+**After** custom tokenizer`
+      const doc = manager.parse(markdown)
+
+      expect(doc.content).toEqual([
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Probe',
+              marks: [{ type: 'bold' }],
+            },
+            {
+              type: 'text',
+              text: ' text',
+            },
+          ],
+        },
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'After',
+              marks: [{ type: 'bold' }],
+            },
+            {
+              type: 'text',
+              text: ' custom tokenizer',
+            },
+          ],
+        },
+      ])
+    })
+
+    it('runs custom tokenizers registered on an injected Marked instance', () => {
+      // Regression: custom tokenizers must still fire when a dedicated `marked`
+      // instance is injected, not only on the default shared instance.
+      const manager = new MarkdownManager({
+        marked: new Marked() as unknown as typeof import('marked').marked,
+        extensions: [...basicExtensions, TestProbe],
+      })
+
+      const doc = manager.parse(':::probe **Probe** text :::')
+
+      expect(doc.content).toEqual([
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Probe',
+              marks: [{ type: 'bold' }],
+            },
+            {
+              type: 'text',
+              text: ' text',
+            },
+          ],
+        },
+      ])
+    })
+  })
+  describe('simple nested Marks parsing', () => {
+    beforeEach(() => {
+      markdownManager = new MarkdownManager({ extensions: basicExtensions })
+    })
+    const nestedMarkdown = `**...++abc++**`
+
+    const expectedJSON = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: '...',
+              marks: [{ type: 'bold' }],
+            },
+            {
+              type: 'text',
+              text: 'abc',
+              marks: [{ type: 'underline' }, { type: 'bold' }],
+            },
+          ],
+        },
+      ],
+    }
+    it('should convert nested markdown to expected JSON structure', () => {
+      const json = markdownManager.parse(nestedMarkdown)
+      expect(json).toEqual(expectedJSON)
+    })
+
+    it('should convert nested JSON structure back to expected markdown', () => {
+      const md = markdownManager.serialize(expectedJSON)
+      expect(md).toEqual(nestedMarkdown)
+    })
+  })
+  describe('complex nested Marks parsing', () => {
+    beforeEach(() => {
+      markdownManager = new MarkdownManager({ extensions: basicExtensions })
+    })
+    const nestedMarkdown = `**...~~++abc*abc*++~~**`
+
+    const expectedJSON = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: '...',
+              marks: [{ type: 'bold' }],
+            },
+            {
+              type: 'text',
+              text: 'abc',
+              marks: [{ type: 'underline' }, { type: 'strike' }, { type: 'bold' }],
+            },
+            {
+              type: 'text',
+              text: 'abc',
+              marks: [
+                { type: 'italic' },
+                { type: 'underline' },
+                { type: 'strike' },
+                { type: 'bold' },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+    it('should convert nested markdown to expected JSON structure', () => {
+      const json = markdownManager.parse(nestedMarkdown)
+      expect(json).toEqual(expectedJSON)
+    })
+
+    it('should convert nested JSON structure back to expected markdown', () => {
+      const md = markdownManager.serialize(expectedJSON)
+      expect(md).toEqual(nestedMarkdown)
+    })
+  })
+  describe('Extended Markdown Parsing', () => {
+    beforeEach(() => {
+      markdownManager = new MarkdownManager({ extensions: extendedExtensions })
+    })
+
+    it('should parse mentions', () => {
+      const markdown = '[@ id="user123" label="John Doe"] said hello'
+      const doc = markdownManager.parse(markdown)
+
+      expect(doc.content![0].type).toBe('paragraph')
+      expect(doc.content![0].content![0].type).toBe('mention')
+      expect(doc.content![0].content![0].attrs!.id).toBe('user123')
+      expect(doc.content![0].content![0].attrs!.label).toBe('John Doe')
+      expect(doc.content![0].content![1].text).toBe(' said hello')
+    })
+
+    it('should parse YouTube videos', () => {
+      const markdown = ':::youtube {src="https://youtube.com/watch?v=test"} :::'
+      const doc = markdownManager.parse(markdown)
+
+      expect(doc.content![0].type).toBe('youtube')
+      expect(doc.content![0].attrs!.src).toBe('https://youtube.com/watch?v=test')
+    })
+
+    it('should handle complex documents with mixed content', () => {
+      const markdown = `# Project Title
+
+This is a description with [@ id="user" label="User Name"].
+
+:::youtube {src="https://youtube.com/watch?v=example"} :::
+
+## Notes
+
+Final paragraph.`
+
+      const doc = markdownManager.parse(markdown)
+
+      expect(doc.content).toHaveLength(5)
+      expect(doc.content![0].type).toBe('heading')
+      expect(doc.content![1].type).toBe('paragraph')
+      expect(doc.content![1].content![0].type).toBe('text')
+      expect(doc.content![1].content![1].type).toBe('mention')
+      expect(doc.content![2].type).toBe('youtube')
+      expect(doc.content![3].type).toBe('heading')
+      expect(doc.content![4].type).toBe('paragraph')
+    })
+  })
+
+  describe('Markdown Rendering', () => {
+    beforeEach(() => {
+      markdownManager = new MarkdownManager({ extensions: extendedExtensions })
+    })
+
+    it('should render simple text', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'Hello world' }],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.renderNodes(doc)
+      expect(markdown).toBe('Hello world')
+    })
+
+    it('should return empty string when serializing empty document', () => {
+      // When the editor is empty, it contains a doc with an empty paragraph
+      const emptyDoc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(emptyDoc)
+      expect(markdown).toBe('')
+    })
+
+    it('should preserve blank lines between paragraphs with content', () => {
+      // Multiple paragraphs with content should preserve blank lines
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'First paragraph' }],
+          },
+          {
+            type: 'paragraph',
+            content: [],
+          },
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'Second paragraph' }],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(doc)
+      expect(markdown).toBe('First paragraph\n\n\n\nSecond paragraph')
+    })
+
+    it('should move trailing whitespace outside of mark closing (Issue #7180)', () => {
+      // When text has trailing space and bold mark, output should be "**text** " not "**text **"
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'bold text ',
+                marks: [{ type: 'bold' }],
+              },
+              {
+                type: 'text',
+                text: 'continues here',
+              },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.renderNodes(doc)
+      // The trailing space should be outside the ** markers
+      expect(markdown).toBe('**bold text** continues here')
+    })
+
+    it('should move leading whitespace outside of mark opening (Issue #7180)', () => {
+      // When text has leading space and bold mark, output should be " **text**" not "** text**"
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'normal text',
+              },
+              {
+                type: 'text',
+                text: ' bold text',
+                marks: [{ type: 'bold' }],
+              },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.renderNodes(doc)
+      // The leading space should be outside the ** markers
+      expect(markdown).toBe('normal text **bold text**')
+    })
+
+    it('should handle both leading and trailing whitespace in marked text (Issue #7180)', () => {
+      // Text like " bold " with bold mark should output " **bold** " not "** bold **"
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'before',
+              },
+              {
+                type: 'text',
+                text: ' bold ',
+                marks: [{ type: 'bold' }],
+              },
+              {
+                type: 'text',
+                text: 'after',
+              },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.renderNodes(doc)
+      // Both leading and trailing spaces should be outside the ** markers
+      expect(markdown).toBe('before **bold** after')
+    })
+
+    it('should handle trailing whitespace in italic marks (Issue #7180)', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'italic text ',
+                marks: [{ type: 'italic' }],
+              },
+              {
+                type: 'text',
+                text: 'normal',
+              },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.renderNodes(doc)
+      expect(markdown).toBe('*italic text* normal')
+    })
+
+    it('should handle whitespace at end of paragraph with mark (Issue #7180)', () => {
+      // Bold text with trailing space at end of paragraph
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'some text ',
+                marks: [{ type: 'bold' }],
+              },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.renderNodes(doc)
+      // Trailing space should be outside the marks
+      expect(markdown).toBe('**some text** ')
+    })
+
+    it('should render nested marks with correct tag order', () => {
+      // Marks come in ProseMirror's canonical order (rank ascending) — Bold is
+      // registered before Strike so it gets the lower rank. The serializer
+      // places lower-rank marks outermost, mirroring how a real editor would
+      // wrap the text: bold outer, strike inner.
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'Test: ',
+                marks: [],
+              },
+              {
+                type: 'text',
+                text: 'abcd',
+                marks: [
+                  { type: 'bold' }, // Opens first: **
+                  { type: 'strike' }, // Opens second: ~
+                ],
+              },
+              {
+                type: 'text',
+                text: ' end.',
+                marks: [],
+              },
+            ],
+          },
+        ],
+      }
+
+      const docAtEnd = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'abcd',
+                marks: [
+                  { type: 'bold' }, // Opens first: **
+                  { type: 'strike' }, // Opens second: ~
+                ],
+              },
+            ],
+          },
+        ],
+      }
+
+      expect(markdownManager.renderNodes(doc)).to.equal('Test: **~~abcd~~** end.')
+      expect(markdownManager.renderNodes(docAtEnd)).to.equal('**~~abcd~~**')
+    })
+
+    it('should render headings', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'heading',
+            attrs: { level: 1 },
+            content: [{ type: 'text', text: 'Main Title' }],
+          },
+          {
+            type: 'heading',
+            attrs: { level: 2 },
+            content: [{ type: 'text', text: 'Subtitle' }],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.renderNodes(doc)
+      expect(markdown).toBe('# Main Title\n\n## Subtitle')
+    })
+
+    it('should render mentions', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'mention',
+                attrs: { id: 'user123', label: 'John Doe' },
+              },
+              { type: 'text', text: ' said hello' },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.renderNodes(doc)
+      expect(markdown).toBe('[@ id="user123" label="John Doe"] said hello')
+    })
+
+    it('should render YouTube videos', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'youtube',
+            attrs: { src: 'https://youtube.com/watch?v=test' },
+          },
+        ],
+      }
+
+      const markdown = markdownManager.renderNodes(doc)
+      expect(markdown).toBe(':::youtube {src="https://youtube.com/watch?v=test"} :::')
+    })
+  })
+
+  it('does not reopen marks after inline atom that does not carry them', () => {
+    const doc = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: 'Bold ', marks: [{ type: 'bold' }] },
+            { type: 'tag', attrs: { label: 'node' } },
+            { type: 'text', text: ' some text' },
+          ],
+        },
+      ],
+    }
+
+    const markdown = markdownManager.renderNodes(doc)
+    // Trailing space is moved outside bold markers (per Issue #7180 whitespace convention)
+    expect(markdown).toBe('**Bold** [tag label="node"] some text')
+  })
+
+  describe('Round-trip Tests', () => {
+    beforeEach(() => {
+      markdownManager = new MarkdownManager({ extensions: extendedExtensions })
+    })
+
+    const testCases = [
+      {
+        name: 'simple text',
+        markdown: 'Hello world',
+      },
+      {
+        name: 'headings',
+        markdown: '# Main Title\n\n## Subtitle',
+      },
+      {
+        name: 'mention',
+        markdown: '[@ id="user123" label="John Doe"] said hello',
+      },
+      {
+        name: 'youtube video',
+        markdown: ':::youtube {src="https://youtube.com/watch?v=test"} :::',
+      },
+      {
+        name: 'mixed content',
+        markdown:
+          '# Title\n\nHello [@ id="user" label="User"].\n\n:::youtube {src="https://youtube.com/watch?v=example"} :::',
+      },
+    ]
+
+    testCases.forEach(({ name, markdown }) => {
+      it(`should round-trip ${name}`, () => {
+        const doc = markdownManager.parse(markdown)
+        const roundtripMarkdown = markdownManager.renderNodes(doc)
+
+        // Normalize whitespace for comparison
+        const normalizeWhitespace = (str: string) => str.replace(/\s+/g, ' ').trim()
+
+        expect(normalizeWhitespace(roundtripMarkdown)).toBe(normalizeWhitespace(markdown))
+      })
+    })
+  })
+
+  describe('Extension Integration', () => {
+    it('should work with different extension combinations', () => {
+      // Test with minimal extensions
+      const minimalExtensions = [Document, Paragraph, Text]
+      const minimalManager = new MarkdownManager({ extensions: minimalExtensions })
+
+      const simpleDoc = minimalManager.parse('Hello world')
+      expect(simpleDoc.content![0].type).toBe('paragraph')
+
+      // Test with extended extensions
+      const extendedManager = new MarkdownManager({ extensions: extendedExtensions })
+
+      const complexDoc = extendedManager.parse('# Title\n\n[@ id="user" label="User"]')
+      expect(complexDoc.content![0].type).toBe('heading')
+      expect(complexDoc.content![1].content![0].type).toBe('mention')
+    })
+
+    it('should handle unknown markdown gracefully', () => {
+      const manager = new MarkdownManager({ extensions: basicExtensions })
+
+      // Test various unknown markdown patterns that should be preserved as text
+      const testCases = [
+        'Hello [unknown syntax] world',
+        'Text with [custom element] here',
+        'Some [shortcode attr="value"] content',
+        'Using [component prop="test"] in text',
+      ]
+
+      testCases.forEach(markdown => {
+        const doc = manager.parse(markdown)
+
+        // Should treat it as regular text since it's not recognized markdown
+        expect(doc.content![0].type).toBe('paragraph')
+        expect(doc.content![0].content![0].text).toBe(markdown)
+      })
+    })
+  })
+
+  describe('Performance Tests', () => {
+    beforeEach(() => {
+      markdownManager = new MarkdownManager({ extensions: extendedExtensions })
+    })
+
+    it('should handle large documents efficiently', () => {
+      // Generate a large markdown document
+      const sections = []
+      for (let i = 1; i <= 100; i += 1) {
+        sections.push(`## Section ${i}`)
+        sections.push(`This is paragraph ${i} with some **bold** text.`)
+        sections.push(`And mention [@ id="user${i}" label="User ${i}"].`)
+      }
+      const largeMarkdown = sections.join('\n\n')
+
+      const startTime = Date.now()
+      const doc = markdownManager.parse(largeMarkdown)
+      const parseTime = Date.now() - startTime
+
+      const renderStartTime = Date.now()
+      const rendered = markdownManager.renderNodes(doc)
+      const renderTime = Date.now() - renderStartTime
+
+      // Basic performance expectations (these would need to be tuned)
+      expect(parseTime).toBeLessThan(1000) // Less than 1 second
+      expect(renderTime).toBeLessThan(1000) // Less than 1 second
+      expect(doc.content!.length).toBeGreaterThan(200) // Should have parsed many nodes
+      expect(rendered).toContain('Section 1')
+      expect(rendered).toContain('Section 100')
+    })
+
+    it('should handle deeply nested content', () => {
+      const nestedMarkdown = `# Level 1
+
+:::callout {type="info"}
+## Level 2 inside callout
+
+Some text with [@ id="user" label="User"].
+
+:::youtube {src="https://youtube.com/watch?v=test"} :::
+:::`
+
+      const doc = markdownManager.parse(nestedMarkdown)
+      const rendered = markdownManager.renderNodes(doc)
+
+      expect(doc.content!.length).toBeGreaterThan(1)
+      expect(rendered).toContain('Level 1')
+      expect(rendered).toContain('Level 2')
+    })
+  })
+})
diff --git a/packages/markdown/src/MarkdownManager.ts b/packages/markdown/src/MarkdownManager.ts
new file mode 100644
index 0000000..7a28740
--- /dev/null
+++ b/packages/markdown/src/MarkdownManager.ts
@@ -0,0 +1,1678 @@
+import {
+  type AnyExtension,
+  type ExtendableConfig,
+  type JSONContent,
+  type MarkdownExtensionSpec,
+  type MarkdownLexerConfiguration,
+  type MarkdownParseHelpers,
+  type MarkdownParseResult,
+  type MarkdownRendererHelpers,
+  type MarkdownToken,
+  type MarkdownTokenizer,
+  type RenderContext,
+  attrsEqual,
+  callOrReturn,
+  decodeHtmlEntities,
+  encodeHtmlEntities,
+  flattenExtensions,
+  generateJSON,
+  getExtensionField,
+  getSchema,
+  marksEqual,
+  sortExtensions,
+} from '@tiptap/core'
+import { type Lexer, type Token, type TokenizerExtension, type TokenizerThis, marked } from 'marked'
+
+import {
+  closeMarksBeforeNode,
+  extractAbsorbedBlankLines,
+  findMarksToClose,
+  findMarksToCloseAtEnd,
+  findMarksToOpen,
+  isTaskItem,
+  reopenMarksAfterNode,
+  wrapInMarkdownBlock,
+} from './utils.js'
+import { htmlContainsUnrecognizedTag } from './utils/htmlTagDetection.js'
+
+export class MarkdownManager {
+  private markedInstance: typeof marked
+  private activeParseLexer: Lexer | null = null
+  private registry: Map<string, MarkdownExtensionSpec[]>
+  private nodeTypeRegistry: Map<string, MarkdownExtensionSpec[]>
+  /**
+   * Order in which extensions were registered. Used to resolve mark nesting
+   * deterministically when several marks open on the same text node.
+   *
+   * The flattened extensions passed to the manager are pre-sorted by Tiptap's
+   * extension priority (descending), which is also the order ProseMirror uses
+   * to assign mark ranks. Recording that index here lets the serializer place
+   * higher-priority / lower-rank marks (e.g. link with priority 1000) on the
+   * outside without inspecting any rendered markdown output.
+   */
+  private extensionRanks: Map<string, number> = new Map()
+  private indentStyle: 'space' | 'tab'
+  private indentSize: number
+  private baseExtensions: AnyExtension[] = []
+  private extensions: AnyExtension[] = []
+  /** Set of extension names whose `code` spec property is truthy (nodes and marks). */
+  private codeTypes: Set<string> = new Set()
+  /** Lazy cache of tag names declared by the registered schema's parseDOM rules. */
+  private schemaParseDomTagsCache: Set<string> | null = null
+  /** Lazy cache of the names of the schema's inline node types. */
+  private inlineNodeTypesCache: Set<string> | null = null
+
+  /**
+   * Create a MarkdownManager.
+   * @param options.marked Optional marked instance to use (injected).
+   * @param options.markedOptions Optional options to pass to marked.setOptions
+   * @param options.indentation Indentation settings (style and size).
+   * @param options.extensions An array of Tiptap extensions to register for markdown parsing and rendering.
+   */
+  constructor(options?: {
+    marked?: typeof marked
+    markedOptions?: Parameters<typeof marked.setOptions>[0]
+    indentation?: { style?: 'space' | 'tab'; size?: number }
+    extensions: AnyExtension[]
+  }) {
+    this.markedInstance = options?.marked ?? marked
+    this.indentStyle = options?.indentation?.style ?? 'space'
+    this.indentSize = options?.indentation?.size ?? 2
+    this.baseExtensions = options?.extensions || []
+
+    if (options?.markedOptions && typeof this.markedInstance.setOptions === 'function') {
+      this.markedInstance.setOptions(options.markedOptions)
+    }
+
+    this.registry = new Map()
+    this.nodeTypeRegistry = new Map()
+
+    // If extensions were provided, register them now. Sort by Tiptap priority
+    // first (matching how the editor builds its schema) so the registration
+    // index lines up with ProseMirror's mark rank — this is what the
+    // serializer relies on to nest higher-priority marks like link outermost.
+    if (options?.extensions) {
+      this.baseExtensions = options.extensions
+      const flattened = sortExtensions(flattenExtensions(options.extensions))
+      flattened.forEach(ext => this.registerExtension(ext))
+    }
+  }
+
+  /** Returns the underlying marked instance. */
+  get instance(): typeof marked {
+    return this.markedInstance
+  }
+
+  /** Returns the correct indentCharacter (space or tab) */
+  get indentCharacter(): string {
+    return this.indentStyle === 'space' ? ' ' : '\t'
+  }
+
+  /** Returns the correct indentString repeated X times */
+  get indentString(): string {
+    return this.indentCharacter.repeat(this.indentSize)
+  }
+
+  /** Helper to quickly check whether a marked instance is available. */
+  hasMarked(): boolean {
+    return !!this.markedInstance
+  }
+
+  /**
+   * Register a Tiptap extension (Node/Mark/Extension). This will read
+   * `markdownName`, `parseMarkdown`, `renderMarkdown` and `priority` from the
+   * extension config (using the same resolution used across the codebase).
+   */
+  registerExtension(extension: AnyExtension): void {
+    // Keep track of all extensions for HTML parsing
+    this.extensions.push(extension)
+
+    // Track extensions that declare `code: true` so we can skip HTML entity
+    // encoding inside code contexts without hardcoding specific type names.
+    const isCode = callOrReturn(getExtensionField(extension, 'code'))
+
+    const name = extension.name
+
+    if (isCode) {
+      this.codeTypes.add(name)
+    }
+
+    if (!this.extensionRanks.has(name)) {
+      this.extensionRanks.set(name, this.extensionRanks.size)
+    }
+    const tokenName =
+      (getExtensionField(
+        extension,
+        'markdownTokenName',
+      ) as ExtendableConfig['markdownTokenName']) || name
+    const parseMarkdown = getExtensionField(extension, 'parseMarkdown') as
+      | ExtendableConfig['parseMarkdown']
+      | undefined
+    const renderMarkdown = getExtensionField(extension, 'renderMarkdown') as
+      | ExtendableConfig['renderMarkdown']
+      | undefined
+    const tokenizer = getExtensionField(extension, 'markdownTokenizer') as
+      | ExtendableConfig['markdownTokenizer']
+      | undefined
+
+    // Read the `markdown` object from the extension config. This allows
+    // extensions to provide `markdown: { name?, parseName?, renderName?, parse?, render?, match? }`.
+    const markdownCfg = (getExtensionField(extension, 'markdownOptions') ??
+      null) as ExtendableConfig['markdownOptions']
+    const isIndenting = markdownCfg?.indentsContent ?? false
+    const htmlReopen = markdownCfg?.htmlReopen
+
+    const spec: MarkdownExtensionSpec = {
+      tokenName,
+      nodeName: name,
+      parseMarkdown,
+      renderMarkdown,
+      isIndenting,
+      htmlReopen,
+      tokenizer,
+    }
+
+    // Add to parse registry using parseName
+    if (tokenName && parseMarkdown) {
+      const parseExisting = this.registry.get(tokenName) || []
+      parseExisting.push(spec)
+      this.registry.set(tokenName, parseExisting)
+    }
+
+    // Add to render registry using renderName (node type)
+    if (renderMarkdown) {
+      const renderExisting = this.nodeTypeRegistry.get(name) || []
+      renderExisting.push(spec)
+      this.nodeTypeRegistry.set(name, renderExisting)
+    }
+
+    // Register custom tokenizer with marked.js
+    if (tokenizer && this.hasMarked()) {
+      this.registerTokenizer(tokenizer)
+    }
+  }
+
+  private createLexer(): Lexer {
+    // Pass the instance's defaults so the lexer keeps its `use()`-registered tokenizers.
+    return new this.markedInstance.Lexer(this.markedInstance.defaults)
+  }
+
+  private createTokenizerHelpers(lexer: Lexer): MarkdownLexerConfiguration {
+    return {
+      inlineTokens: (src: string) => lexer.inlineTokens(src),
+      blockTokens: (src: string) => lexer.blockTokens(src),
+    }
+  }
+
+  private tokenizeInline(src: string): MarkdownToken[] {
+    return (this.activeParseLexer ?? this.createLexer()).inlineTokens(src) as MarkdownToken[]
+  }
+
+  /**
+   * Register a custom tokenizer with marked.js for parsing non-standard markdown syntax.
+   */
+  private registerTokenizer(tokenizer: MarkdownTokenizer): void {
+    if (!this.hasMarked()) {
+      return
+    }
+
+    const { name, start, level = 'inline', tokenize } = tokenizer
+    const createTokenizerHelpers = this.createTokenizerHelpers.bind(this)
+    const createLexer = this.createLexer.bind(this)
+
+    let startCb: (src: string) => number
+
+    if (!start) {
+      startCb = (src: string) => {
+        // For other tokenizers, try to find a match and return its position
+        const result = tokenize(src, [], this.createTokenizerHelpers(this.createLexer()))
+        if (result && result.raw) {
+          const index = src.indexOf(result.raw)
+          return index
+        }
+        return -1
+      }
+    } else {
+      startCb = typeof start === 'function' ? start : (src: string) => src.indexOf(start)
+    }
+
+    // Create marked.js extension with proper types
+    const markedExtension: TokenizerExtension = {
+      name,
+      level,
+      start: startCb,
+      tokenizer(this: TokenizerThis, src, tokens) {
+        const helper = this.lexer
+          ? createTokenizerHelpers(this.lexer)
+          : createTokenizerHelpers(createLexer())
+        const result = tokenize(src, tokens, helper)
+
+        if (result && result.type) {
+          return {
+            ...result,
+            type: result.type || name,
+            raw: result.raw || '',
+            tokens: (result.tokens || []) as Token[],
+          }
+        }
+
+        return undefined
+      },
+      childTokens: [],
+    }
+
+    // Register with marked.js - use extensions array to control priority
+    this.markedInstance.use({
+      extensions: [markedExtension],
+    })
+  }
+
+  /** Get registered handlers for a token type and try each until one succeeds. */
+  private getHandlersForToken(type: string): MarkdownExtensionSpec[] {
+    try {
+      return this.registry.get(type) || []
+    } catch {
+      return []
+    }
+  }
+
+  /** Get the first handler for a token type (for backwards compatibility). */
+  private getHandlerForToken(type: string): MarkdownExtensionSpec | undefined {
+    // First try the markdown token registry (for parsing)
+    const markdownHandlers = this.getHandlersForToken(type)
+    if (markdownHandlers.length > 0) {
+      return markdownHandlers[0]
+    }
+
+    // Then try the node type registry (for rendering)
+    const nodeTypeHandlers = this.getHandlersForNodeType(type)
+    return nodeTypeHandlers.length > 0 ? nodeTypeHandlers[0] : undefined
+  }
+
+  /** Get registered handlers for a node type (for rendering). */
+  private getHandlersForNodeType(type: string): MarkdownExtensionSpec[] {
+    try {
+      return this.nodeTypeRegistry.get(type) || []
+    } catch {
+      return []
+    }
+  }
+
+  /**
+   * Serialize a ProseMirror-like JSON document (or node array) to a Markdown string
+   * using registered renderers and fallback renderers.
+   */
+  serialize(docOrContent: JSONContent): string {
+    if (!docOrContent) {
+      return ''
+    }
+
+    const result = this.renderNodes(docOrContent, docOrContent)
+    // Return empty string if result is only whitespace entities or non-breaking spaces
+    return this.isEmptyOutput(result) ? '' : result
+  }
+
+  /**
+   * Check if the markdown output represents an empty document.
+   * Empty documents may contain only &nbsp; entities or non-breaking space characters
+   * which are used by the Paragraph extension to preserve blank lines.
+   */
+  private isEmptyOutput(markdown: string): boolean {
+    if (!markdown || markdown.trim() === '') {
+      return true
+    }
+
+    // Check if the output is only &nbsp; entities or non-breaking space characters
+    const cleanedOutput = markdown
+      .replace(/&nbsp;/g, '')
+      .replace(/\u00A0/g, '')
+      .trim()
+    return cleanedOutput === ''
+  }
+
+  /**
+   * Parse markdown string into Tiptap JSON document using registered extension handlers.
+   */
+  parse(markdown: string): JSONContent {
+    if (!this.hasMarked()) {
+      throw new Error('No marked instance available for parsing')
+    }
+
+    const previousParseLexer = this.activeParseLexer
+    const parseLexer = this.createLexer()
+
+    this.activeParseLexer = parseLexer
+
+    try {
+      // Use a parse-scoped lexer so follow-up inline tokenization can reuse
+      // the same configured lexer state without sharing it across parses.
+      const tokens = parseLexer.lex(markdown) as MarkdownToken[]
+
+      // Convert tokens to Tiptap JSON
+      const content = this.parseTokens(tokens, true)
+
+      // Return a document node containing the parsed content
+      return {
+        type: 'doc',
+        content,
+      }
+    } finally {
+      this.activeParseLexer = previousParseLexer
+    }
+  }
+
+  /**
+   * Convert an array of marked tokens into Tiptap JSON nodes using registered extension handlers.
+   */
+  private parseTokens(
+    tokens: MarkdownToken[],
+    parseImplicitEmptyParagraphs = false,
+  ): JSONContent[] {
+    // Normalize absorbed blank lines into `space` tokens so they survive round-trips.
+    const normalizedTokens = parseImplicitEmptyParagraphs
+      ? extractAbsorbedBlankLines(tokens)
+      : tokens
+
+    const nonSpaceTokenIndexes = normalizedTokens.reduce<number[]>((indexes, token, index) => {
+      if (token.type !== 'space') {
+        indexes.push(index)
+      }
+
+      return indexes
+    }, [])
+
+    let previousNonSpaceTokenIndex = -1
+    let nextNonSpaceTokenPointer = 0
+
+    return normalizedTokens.flatMap((token, index) => {
+      while (
+        nextNonSpaceTokenPointer < nonSpaceTokenIndexes.length &&
+        nonSpaceTokenIndexes[nextNonSpaceTokenPointer] < index
+      ) {
+        previousNonSpaceTokenIndex = nonSpaceTokenIndexes[nextNonSpaceTokenPointer]
+        nextNonSpaceTokenPointer += 1
+      }
+
+      if (parseImplicitEmptyParagraphs && token.type === 'space') {
+        const nextNonSpaceTokenIndex = nonSpaceTokenIndexes[nextNonSpaceTokenPointer] ?? -1
+
+        return this.createImplicitEmptyParagraphsFromSpace(
+          token,
+          previousNonSpaceTokenIndex,
+          nextNonSpaceTokenIndex,
+        )
+      }
+
+      const parsed = this.parseToken(token, parseImplicitEmptyParagraphs)
+
+      if (parsed === null) {
+        return []
+      }
+
+      return Array.isArray(parsed) ? parsed : [parsed]
+    })
+  }
+
+  private createImplicitEmptyParagraphsFromSpace(
+    token: MarkdownToken,
+    previousNonSpaceTokenIndex: number,
+    nextNonSpaceTokenIndex: number,
+  ): JSONContent[] {
+    const separatorCount = this.countParagraphSeparators(token.raw || '')
+
+    if (separatorCount === 0) {
+      return []
+    }
+
+    const isBoundarySpace = previousNonSpaceTokenIndex === -1 || nextNonSpaceTokenIndex === -1
+    const emptyParagraphCount = Math.max(separatorCount - (isBoundarySpace ? 0 : 1), 0)
+
+    return Array.from({ length: emptyParagraphCount }, () => ({ type: 'paragraph', content: [] }))
+  }
+
+  private countParagraphSeparators(raw: string): number {
+    return (raw.replace(/\r\n/g, '\n').match(/\n\n/g) || []).length
+  }
+
+  /**
+   * Parse a single token into Tiptap JSON using the appropriate registered handler.
+   */
+  private parseToken(
+    token: MarkdownToken,
+    parseImplicitEmptyParagraphs = false,
+  ): JSONContent | JSONContent[] | null {
+    if (!token.type) {
+      return null
+    }
+
+    // Special handling for 'list' tokens that may contain mixed bullet/task items
+    if (token.type === 'list') {
+      return this.parseListToken(token)
+    }
+
+    const handlers = this.getHandlersForToken(token.type)
+    const helpers = this.createParseHelpers()
+
+    // Try each handler until one returns a valid result
+    const result = handlers.find(handler => {
+      if (!handler.parseMarkdown) {
+        return false
+      }
+
+      const parseResult = handler.parseMarkdown(token, helpers)
+      const normalized = this.normalizeParseResult(parseResult)
+
+      // Check if this handler returned a valid result (not null/empty array)
+      if (normalized && (!Array.isArray(normalized) || normalized.length > 0)) {
+        // Store result for return
+        this.lastParseResult = normalized
+        return true
+      }
+
+      return false
+    })
+
+    // If a handler worked, return its result
+    if (result && this.lastParseResult) {
+      const toReturn = this.lastParseResult
+      this.lastParseResult = null // Clean up
+      return toReturn
+    }
+
+    // If no handler worked, try fallback parsing
+    return this.parseFallbackToken(token, parseImplicitEmptyParagraphs)
+  }
+
+  private lastParseResult: JSONContent | JSONContent[] | null = null
+
+  /**
+   * Parse a list token, handling mixed bullet and task list items by splitting them into separate lists.
+   * This ensures that consecutive task items and bullet items are grouped and parsed as separate list nodes.
+   *
+   * @param token The list token to parse
+   * @returns Array of parsed list nodes, or null if parsing fails
+   */
+  private parseListToken(token: MarkdownToken): JSONContent | JSONContent[] | null {
+    if (!token.items || token.items.length === 0) {
+      // No items, parse normally
+      return this.parseTokenWithHandlers(token)
+    }
+
+    const hasTask = token.items.some(item => isTaskItem(item).isTask)
+    const hasNonTask = token.items.some(item => !isTaskItem(item).isTask)
+
+    if (!hasTask || !hasNonTask || this.getHandlersForToken('taskList').length === 0) {
+      // Not mixed or no taskList extension, parse normally
+      return this.parseTokenWithHandlers(token)
+    }
+
+    // Mixed list with taskList extension available: split into separate lists
+    type TaskListItemToken = MarkdownToken & {
+      type: 'taskItem'
+      checked?: boolean
+      indentLevel?: number
+    }
+    const groups: { type: 'list' | 'taskList'; items: (MarkdownToken | TaskListItemToken)[] }[] = []
+    let currentGroup: (MarkdownToken | TaskListItemToken)[] = []
+    let currentType: 'list' | 'taskList' | null = null
+
+    for (let i = 0; i < token.items.length; i += 1) {
+      const item = token.items[i]
+      const { isTask, checked, indentLevel } = isTaskItem(item)
+      let processedItem = item
+
+      if (isTask) {
+        // Transform list_item into taskItem token
+        const raw = item.raw || item.text || ''
+
+        // Split raw content by lines to separate main content from nested
+        const lines = raw.split('\n')
+
+        // Extract main content from the first line
+        const firstLineMatch = lines[0].match(/^\s*[-+*]\s+\[([ xX])\]\s+(.*)$/)
+        const mainContent = firstLineMatch ? firstLineMatch[2] : ''
+
+        // Parse nested content from remaining lines
+        let nestedTokens: MarkdownToken[] = []
+        if (lines.length > 1) {
+          // Join all lines after the first
+          const nestedRaw = lines.slice(1).join('\n')
+
+          // Only parse if there's actual content
+          if (nestedRaw.trim()) {
+            // Find minimum indentation of non-empty lines
+            const nestedLines = lines.slice(1)
+            const nonEmptyLines = nestedLines.filter(line => line.trim())
+            if (nonEmptyLines.length > 0) {
+              const minIndent = Math.min(
+                ...nonEmptyLines.map(line => line.length - line.trimStart().length),
+              )
+              // Remove common indentation while preserving structure
+              const trimmedLines = nestedLines.map(line => {
+                if (!line.trim()) {
+                  return '' // Keep empty lines
+                }
+                return line.slice(minIndent)
+              })
+              const nestedContent = trimmedLines.join('\n').trim()
+              // Use the lexer to parse nested content
+              if (nestedContent) {
+                // Use the full lexer pipeline to ensure inline tokens are populated
+                nestedTokens = this.markedInstance.lexer(`${nestedContent}\n`)
+              }
+            }
+          }
+        }
+
+        processedItem = {
+          type: 'taskItem',
+          raw: '',
+          mainContent,
+          indentLevel,
+          checked: checked ?? false,
+          text: mainContent,
+          tokens: this.tokenizeInline(mainContent),
+          nestedTokens,
+        }
+      }
+
+      const itemType: 'list' | 'taskList' = isTask ? 'taskList' : 'list'
+
+      if (currentType !== itemType) {
+        if (currentGroup.length > 0) {
+          groups.push({ type: currentType!, items: currentGroup })
+        }
+        currentGroup = [processedItem]
+        currentType = itemType
+      } else {
+        currentGroup.push(processedItem)
+      }
+    }
+
+    if (currentGroup.length > 0) {
+      groups.push({ type: currentType!, items: currentGroup })
+    }
+
+    // Parse each group as a separate token
+    const results: JSONContent[] = []
+    for (let i = 0; i < groups.length; i += 1) {
+      const group = groups[i]
+      const subToken = { ...token, type: group.type, items: group.items }
+      const parsed = this.parseToken(subToken)
+      if (parsed) {
+        if (Array.isArray(parsed)) {
+          results.push(...parsed)
+        } else {
+          results.push(parsed)
+        }
+      }
+    }
+
+    return results.length > 0 ? results : null
+  }
+
+  /**
+   * Parse a token using registered handlers (extracted for reuse).
+   */
+  private parseTokenWithHandlers(token: MarkdownToken): JSONContent | JSONContent[] | null {
+    if (!token.type) {
+      return null
+    }
+
+    const handlers = this.getHandlersForToken(token.type)
+    const helpers = this.createParseHelpers()
+
+    // Try each handler until one returns a valid result
+    const result = handlers.find(handler => {
+      if (!handler.parseMarkdown) {
+        return false
+      }
+
+      const parseResult = handler.parseMarkdown(token, helpers)
+      const normalized = this.normalizeParseResult(parseResult)
+
+      // Check if this handler returned a valid result (not null/empty array)
+      if (normalized && (!Array.isArray(normalized) || normalized.length > 0)) {
+        // Store result for return
+        this.lastParseResult = normalized
+        return true
+      }
+
+      return false
+    })
+
+    // If a handler worked, return its result
+    if (result && this.lastParseResult) {
+      const toReturn = this.lastParseResult
+      this.lastParseResult = null // Clean up
+      return toReturn
+    }
+
+    // If no handler worked, try fallback parsing
+    return this.parseFallbackToken(token)
+  }
+
+  /**
+   * Creates helper functions for parsing markdown tokens.
+   * @returns An object containing helper functions for parsing.
+   */
+  private createParseHelpers(): MarkdownParseHelpers {
+    return {
+      parseInline: (tokens: MarkdownToken[]) => this.parseInlineTokens(tokens),
+      tokenizeInline: (src: string) => this.tokenizeInline(src),
+      parseChildren: (tokens: MarkdownToken[]) => this.parseTokens(tokens),
+      parseBlockChildren: (tokens: MarkdownToken[]) => this.parseTokens(tokens, true),
+      createTextNode: (text: string, marks?: Array<{ type: string; attrs?: any }>) => {
+        const node = {
+          type: 'text',
+          text,
+          marks: marks || undefined,
+        }
+
+        return node
+      },
+      createNode: (type: string, attrs?: any, content?: JSONContent[]) => {
+        const node = {
+          type,
+          attrs: attrs || undefined,
+          content: content || undefined,
+        }
+
+        if (!attrs || Object.keys(attrs).length === 0) {
+          delete node.attrs
+        }
+
+        return node
+      },
+      applyMark: (markType: string, content: JSONContent[], attrs?: any) => ({
+        mark: markType,
+        content,
+        attrs: attrs && Object.keys(attrs).length > 0 ? attrs : undefined,
+      }),
+    }
+  }
+
+  /**
+   * Escape special regex characters in a string.
+   */
+  private escapeRegex(str: string): string {
+    return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+  }
+
+  /**
+   * Parse inline tokens (bold, italic, links, etc.) into text nodes with marks.
+   * This is the complex part that handles mark nesting and boundaries.
+   */
+  private parseInlineTokens(tokens: MarkdownToken[]): JSONContent[] {
+    const result: JSONContent[] = []
+
+    // Process tokens sequentially using an index so we can lookahead and
+    // merge split inline HTML fragments like: text / <em> / inner / </em> / text
+    for (let i = 0; i < tokens.length; i += 1) {
+      const token = tokens[i]
+
+      if (token.type === 'text') {
+        // Create text node – decode HTML entities so that e.g. `&lt;` displays as `<` in the editor
+        result.push({
+          type: 'text',
+          text: decodeHtmlEntities(token.text || ''),
+        })
+      } else if (token.type === 'escape') {
+        // Backslash-escaped character: produce a text node with the escaped character
+        result.push({
+          type: 'text',
+          text: token.text || '',
+        })
+      } else if (token.type === 'html') {
+        // Handle possible split inline HTML by attempting to detect an
+        // opening tag and searching forward for a matching closing tag.
+        const raw = (token.raw ?? token.text ?? '').toString()
+
+        // Quick checks for opening vs. closing tag
+        const isClosing = /^<\/[\s]*[\w-]+/i.test(raw)
+        const openMatch = raw.match(/^<[\s]*([\w-]+)(\s|>|\/|$)/i)
+
+        // oxlint-disable-next-line prefer-string-starts-ends-with
+        if (!isClosing && openMatch && !/\/>$/.test(raw)) {
+          // Try to find the corresponding closing html token for this tag
+          const tagName = openMatch[1]
+          const escapedTagName = this.escapeRegex(tagName)
+          const closingRegex = new RegExp(`^<\\/\\s*${escapedTagName}\\b`, 'i')
+          let foundIndex = -1
+
+          // Collect intermediate raw parts to reconstruct full HTML fragment
+          const parts: string[] = [raw]
+          for (let j = i + 1; j < tokens.length; j += 1) {
+            const t = tokens[j]
+            const tRaw = (t.raw ?? t.text ?? '').toString()
+            parts.push(tRaw)
+            if (t.type === 'html' && closingRegex.test(tRaw)) {
+              foundIndex = j
+              break
+            }
+          }
+
+          if (foundIndex !== -1) {
+            // Merge opening + inner + closing into one html fragment and parse
+            const mergedRaw = parts.join('')
+            const mergedToken = {
+              type: 'html',
+              raw: mergedRaw,
+              text: mergedRaw,
+              block: false,
+            } as unknown as MarkdownToken
+
+            const parsed = this.parseHTMLToken(mergedToken)
+            if (parsed) {
+              const normalized = this.normalizeParseResult(parsed as any)
+              if (Array.isArray(normalized)) {
+                result.push(...normalized)
+              } else if (normalized) {
+                result.push(normalized)
+              }
+            }
+
+            // Advance i to the closing token
+            i = foundIndex
+            continue
+          }
+        }
+
+        // Fallback: single html token parse
+        const parsedSingle = this.parseHTMLToken(token)
+        if (parsedSingle) {
+          const normalized = this.normalizeParseResult(parsedSingle as any)
+          if (Array.isArray(normalized)) {
+            result.push(...normalized)
+          } else if (normalized) {
+            result.push(normalized)
+          }
+        }
+      } else if (token.type) {
+        // Handle inline marks (bold, italic, etc.)
+        const markHandler = this.getHandlerForToken(token.type)
+        if (markHandler && markHandler.parseMarkdown) {
+          const helpers = this.createParseHelpers()
+          const parsed = markHandler.parseMarkdown(token, helpers)
+
+          if (this.isMarkResult(parsed)) {
+            // This is a mark result - apply the mark to the content
+            const markedContent = this.applyMarkToContent(parsed.mark, parsed.content, parsed.attrs)
+            result.push(...markedContent)
+          } else {
+            // Regular inline node
+            const normalized = this.normalizeParseResult(parsed)
+            if (Array.isArray(normalized)) {
+              result.push(...normalized)
+            } else if (normalized) {
+              result.push(normalized)
+            }
+          }
+        } else if (token.tokens) {
+          // Fallback: try to parse children if they exist
+          result.push(...this.parseInlineTokens(token.tokens))
+        }
+      }
+    }
+
+    // Merge adjacent text nodes with the same marks. The marked tokenizer may
+    // produce adjacent inline tokens (e.g. escape + text + escape) that each
+    // become separate text nodes. Merging them keeps the output compact and
+    // consistent with ProseMirror's expectation that contiguous styled text
+    // lives in a single text node.
+    for (let i = result.length - 1; i > 0; i -= 1) {
+      const current = result[i]
+      const previous = result[i - 1]
+
+      if (current.type === 'text' && previous.type === 'text') {
+        const currentMarks = current.marks || []
+        const previousMarks = previous.marks || []
+
+        if (marksEqual(currentMarks, previousMarks)) {
+          previous.text = (previous.text || '') + (current.text || '')
+          result.splice(i, 1)
+        }
+      }
+    }
+
+    return result
+  }
+
+  /**
+   * Apply a mark to content nodes.
+   */
+  private applyMarkToContent(markType: string, content: JSONContent[], attrs?: any): JSONContent[] {
+    return content.map(node => {
+      if (node.type === 'text') {
+        // Add the mark to existing marks or create new marks array
+        const existingMarks = node.marks || []
+        const newMark = attrs ? { type: markType, attrs } : { type: markType }
+        return {
+          ...node,
+          marks: [...existingMarks, newMark],
+        }
+      }
+
+      // For non-text nodes, recursively apply to content
+      return {
+        ...node,
+        content: node.content ? this.applyMarkToContent(markType, node.content, attrs) : undefined,
+      }
+    })
+  } /**
+   * Check if a parse result represents a mark to be applied.
+   */
+  private isMarkResult(
+    result: any,
+  ): result is { mark: string; content: JSONContent[]; attrs?: any } {
+    return result && typeof result === 'object' && 'mark' in result
+  }
+
+  /**
+   * Normalize parse results to ensure they're valid JSONContent.
+   */
+  private normalizeParseResult(result: MarkdownParseResult): JSONContent | JSONContent[] | null {
+    if (!result) {
+      return null
+    }
+
+    if (this.isMarkResult(result)) {
+      // This shouldn't happen at the top level, but handle it gracefully
+      return result.content
+    }
+
+    return result as JSONContent | JSONContent[]
+  }
+
+  /**
+   * Fallback parsing for common tokens when no specific handler is registered.
+   */
+  private parseFallbackToken(
+    token: MarkdownToken,
+    parseImplicitEmptyParagraphs = false,
+  ): JSONContent | JSONContent[] | null {
+    switch (token.type) {
+      case 'paragraph':
+        return {
+          type: 'paragraph',
+          content: token.tokens ? this.parseInlineTokens(token.tokens) : [],
+        }
+
+      case 'heading':
+        return {
+          type: 'heading',
+          attrs: { level: token.depth || 1 },
+          content: token.tokens ? this.parseInlineTokens(token.tokens) : [],
+        }
+
+      case 'text':
+        return {
+          type: 'text',
+          text: decodeHtmlEntities(token.text || ''),
+        }
+
+      case 'html':
+        // Parse HTML using extensions' parseHTML methods
+        return this.parseHTMLToken(token)
+
+      // handle Marked escape tokens as literal text (e.g. backslash-escaped characters)
+      case 'escape':
+        return {
+          type: 'text',
+          text: token.text || '',
+        }
+
+      case 'space':
+        return null
+
+      default:
+        // Unknown token type - try to parse children if they exist
+        if (token.tokens) {
+          return this.parseTokens(token.tokens, parseImplicitEmptyParagraphs)
+        }
+        return null
+    }
+  }
+
+  /**
+   * Parse an HTML token from marked into JSONContent using the registered
+   * extensions' `parseHTML` rules. Falls back to literal text when the HTML
+   * has nothing for the schema to keep.
+   *
+   * @param token Marked HTML token (block or inline).
+   * @example
+   *   parseHTMLToken({ type: 'html', raw: '<em>hi</em>', block: false })
+   *   // → text node with an italic mark
+   */
+  private parseHTMLToken(token: MarkdownToken): JSONContent | JSONContent[] | null {
+    const html = token.text || token.raw || ''
+
+    if (!html.trim()) {
+      return null
+    }
+
+    // If the HTML would parse to nothing meaningful, keep the original
+    // characters as literal text instead of dropping them.
+    if (this.isUnrecognizedHtml(html)) {
+      return this.htmlAsLiteralText(html, !!token.block)
+    }
+
+    // generateJSON requires window.DOMParser – treat recognized HTML as literal on the server
+    if (typeof window === 'undefined' || typeof window.DOMParser === 'undefined') {
+      return this.htmlAsLiteralText(html, !!token.block)
+    }
+
+    // Use generateJSON to parse the HTML using extensions' parseHTML rules
+    try {
+      const parsed = generateJSON(html, this.baseExtensions)
+
+      // If the result is a doc node, extract its content
+      if (parsed.type === 'doc' && parsed.content) {
+        // For block-level HTML, return the content array
+        if (token.block) {
+          return parsed.content
+        }
+
+        const inlineContent = this.toInlineContent(parsed.content)
+
+        return inlineContent.length > 0 ? inlineContent : null
+      }
+
+      return parsed as JSONContent
+    } catch (error) {
+      throw new Error(`Failed to parse HTML in markdown: ${error}`)
+    }
+  }
+
+  /**
+   * Keep only the inline nodes of parsed HTML content, unwrapping the block
+   * nodes around them. Inline HTML sits inside a textblock, where a block node
+   * would make the document invalid for the schema.
+   *
+   * @param content Content array of a parsed HTML fragment.
+   * @example
+   *   toInlineContent([{ type: 'paragraph', content: [{ type: 'text', text: 'hi' }] }])
+   *   // → [{ type: 'text', text: 'hi' }]
+   */
+  private toInlineContent(content: JSONContent[]): JSONContent[] {
+    const inlineTypes = this.getInlineNodeTypes()
+
+    return content.flatMap(node => {
+      if (node.type && inlineTypes.has(node.type)) {
+        return [node]
+      }
+
+      return node.content ? this.toInlineContent(node.content) : []
+    })
+  }
+
+  /**
+   * Collect the names of the node types the schema treats as inline. Result is
+   * cached for the lifetime of the manager since extensions don't change after
+   * registration.
+   *
+   * @example
+   *   getInlineNodeTypes().has('text') // → true
+   */
+  private getInlineNodeTypes(): Set<string> {
+    if (this.inlineNodeTypesCache) {
+      return this.inlineNodeTypesCache
+    }
+
+    const types = new Set<string>(['text'])
+
+    try {
+      const schema = getSchema(this.baseExtensions)
+
+      Object.values(schema.nodes).forEach(type => {
+        if (type.isInline) {
+          types.add(type.name)
+        }
+      })
+    } catch {
+      // If schema construction fails, only text nodes count as inline.
+    }
+
+    this.inlineNodeTypesCache = types
+    return types
+  }
+
+  /**
+   * Returns true when the HTML contains a tag that is neither a standard
+   * HTML/SVG element nor declared in a registered extension's parseDOM rules.
+   *
+   * Recognized but empty elements such as `<em></em>` or `<span></span>`,
+   * and hyphenated custom elements like `<my-mention>`, are not considered
+   * unrecognized.
+   *
+   * @param html Raw HTML string from a marked token.
+   * @example
+   *   isUnrecognizedHtml('<enter foo bar>')  // → true
+   *   isUnrecognizedHtml('<em></em>')        // → false (empty, but real tag)
+   *   isUnrecognizedHtml('<em>hi</em>')      // → false
+   *   isUnrecognizedHtml('<my-el></my-el>')  // → false (valid custom element)
+   *   isUnrecognizedHtml('<br>')             // → false
+   */
+  private isUnrecognizedHtml(html: string): boolean {
+    return htmlContainsUnrecognizedTag(html, this.getSchemaParseDomTags())
+  }
+
+  /**
+   * Collect the lower-cased tag names declared by the registered extensions'
+   * parseDOM rules, so custom node/mark elements that use non-hyphenated,
+   * non-standard tag names are treated as recognized HTML. Result is cached for the
+   * lifetime of the manager since extensions don't change after registration.
+   *
+   * @example
+   *   // After registering an extension with parseDOM [{ tag: 'something' }]
+   *   getSchemaParseDomTags().has('something') // → true
+   */
+  private getSchemaParseDomTags(): Set<string> {
+    if (this.schemaParseDomTagsCache) {
+      return this.schemaParseDomTagsCache
+    }
+
+    const tags = new Set<string>()
+
+    try {
+      const schema = getSchema(this.baseExtensions)
+
+      const collect = (spec: any) => {
+        const parseDOM = spec?.parseDOM
+        if (!Array.isArray(parseDOM)) {
+          return
+        }
+        parseDOM.forEach((rule: any) => {
+          if (typeof rule?.tag === 'string') {
+            // Extract the bare tag name from selectors like "something.example"
+            const match = rule.tag.match(/^[a-zA-Z][\w-]*/)
+            if (match) {
+              tags.add(match[0].toLowerCase())
+            }
+          }
+        })
+      }
+
+      Object.values(schema.nodes).forEach(type => collect((type as any).spec))
+      Object.values(schema.marks).forEach(type => collect((type as any).spec))
+    } catch {
+      // If schema construction fails, leave the set empty – detection then
+      // falls back to the standard HTML tag list only.
+    }
+
+    this.schemaParseDomTagsCache = tags
+    return tags
+  }
+
+  /**
+   * Build a JSONContent that preserves the original HTML markup as literal
+   * text. Used when the HTML would otherwise be silently dropped during
+   * schema-aware parsing.
+   *
+   * @param html Raw HTML string to preserve verbatim.
+   * @param isBlock Whether to wrap the text in a paragraph node (block tokens)
+   *   or return it as a bare text node (inline tokens).
+   * @example
+   *   htmlAsLiteralText('<enter foo>', true)
+   *   // → { type: 'paragraph', content: [{ type: 'text', text: '<enter foo>' }] }
+   */
+  private htmlAsLiteralText(html: string, isBlock: boolean): JSONContent | JSONContent[] | null {
+    // Strip trailing whitespace/newlines that marked appends to block HTML
+    // tokens so the rendered text doesn't end with stray blank lines.
+    const text = html.replace(/\s+$/, '')
+
+    if (!text) {
+      return null
+    }
+
+    if (isBlock) {
+      return {
+        type: 'paragraph',
+        content: [{ type: 'text', text }],
+      }
+    }
+
+    return { type: 'text', text }
+  }
+
+  /**
+   * Encode HTML entities in text unless the node is inside a code context
+   * (code mark or code-block parent) where literal characters should be preserved.
+   * Also backslash-escape markdown-significant characters in non-code text to
+   * prevent them from being misinterpreted as formatting delimiters.
+   */
+  private encodeTextForMarkdown(text: string, node: JSONContent, parentNode?: JSONContent): string {
+    const isInsideCode =
+      (parentNode?.type != null && this.codeTypes.has(parentNode.type)) ||
+      (node.marks || []).some(m => this.codeTypes.has(typeof m === 'string' ? m : m.type))
+
+    if (isInsideCode) {
+      return text
+    }
+
+    return this.escapeMarkdownSyntax(encodeHtmlEntities(text))
+  }
+
+  /**
+   * Backslash-escape characters that have special meaning in markdown inline
+   * syntax. This prevents literal characters in text nodes from being
+   * misinterpreted as formatting delimiters when the output is parsed again.
+   *
+   * The set covers the most common inline markdown syntax characters.
+   * Characters inside code blocks/code marks are skipped by the caller
+   * (`encodeTextForMarkdown`) via the existing `isInsideCode` guard.
+   */
+  private escapeMarkdownSyntax(text: string): string {
+    return text.replace(/([\\`*_[\]~])/g, '\\$1')
+  }
+
+  renderNodeToMarkdown(
+    node: JSONContent,
+    parentNode?: JSONContent,
+    index = 0,
+    level = 0,
+    meta: Record<string, any> = {},
+  ): string {
+    // if node is a text node, we simply return it's text content
+    // marks are handled at the array level in renderNodesWithMarkBoundaries
+    if (node.type === 'text') {
+      return this.encodeTextForMarkdown(node.text || '', node, parentNode)
+    }
+
+    if (!node.type) {
+      return ''
+    }
+
+    const handler = this.getHandlerForToken(node.type)
+    if (!handler) {
+      return ''
+    }
+
+    const previousNode =
+      Array.isArray(parentNode?.content) && index > 0 ? parentNode.content[index - 1] : undefined
+    const helpers: MarkdownRendererHelpers = {
+      renderChildren: (nodes, separator) => {
+        const childLevel = handler.isIndenting ? level + 1 : level
+
+        if (!Array.isArray(nodes) && (nodes as any).content) {
+          return this.renderNodes(
+            (nodes as any).content as JSONContent[],
+            node,
+            separator || '',
+            index,
+            childLevel,
+          )
+        }
+
+        return this.renderNodes(nodes, node, separator || '', index, childLevel)
+      },
+      renderChild: (childNode, childIndex) => {
+        const childLevel = handler.isIndenting ? level + 1 : level
+
+        return this.renderNodeToMarkdown(childNode, node, childIndex, childLevel)
+      },
+      indent: content => {
+        return this.indentString + content
+      },
+      wrapInBlock: wrapInMarkdownBlock,
+    }
+
+    const context: RenderContext = {
+      index,
+      level,
+      parentType: parentNode?.type,
+      previousNode,
+      meta: {
+        parentAttrs: parentNode?.attrs,
+        ...meta,
+      },
+    }
+
+    // First render the node itself (this will render children recursively)
+    const rendered = handler.renderMarkdown?.(node, helpers, context) || ''
+
+    return rendered
+  }
+
+  /**
+   * Render a node or an array of nodes. Parent type controls how children
+   * are joined (which determines newline insertion between children).
+   */
+  renderNodes(
+    nodeOrNodes: JSONContent | JSONContent[],
+    parentNode?: JSONContent,
+    separator = '',
+    index = 0,
+    level = 0,
+  ): string {
+    // if we have just one node, call renderNodeToMarkdown directly
+    if (!Array.isArray(nodeOrNodes)) {
+      if (!nodeOrNodes.type) {
+        return ''
+      }
+
+      return this.renderNodeToMarkdown(nodeOrNodes, parentNode, index, level)
+    }
+
+    return this.renderNodesWithMarkBoundaries(nodeOrNodes, parentNode, separator, level)
+  }
+
+  /**
+   * Render an array of nodes while properly tracking mark boundaries.
+   * This handles cases where marks span across multiple text nodes.
+   */
+  private renderNodesWithMarkBoundaries(
+    nodes: JSONContent[],
+    parentNode?: JSONContent,
+    separator = '',
+    level = 0,
+  ): string {
+    const result: string[] = []
+    const activeMarks: Map<string, any> = new Map()
+    const reopenWithHtmlOnNextOpen = new Set<string>()
+    const markOpeningModes = new Map<string, 'markdown' | 'html'>()
+    nodes.forEach((node, i) => {
+      // Lookahead to the next node to determine if marks need to be closed
+      const nextNode = i < nodes.length - 1 ? nodes[i + 1] : null
+
+      if (!node.type) {
+        return
+      }
+
+      if (node.type === 'text') {
+        let textContent = this.encodeTextForMarkdown(node.text || '', node, parentNode)
+        let currentMarks = new Map((node.marks || []).map(mark => [mark.type, mark]))
+
+        // Find marks that need to be closed and opened
+        let marksToOpen = this.getMarksToOpenForSerialization(activeMarks, currentMarks, nextNode)
+        let marksToClose = findMarksToClose(currentMarks, nextNode)
+
+        // Whitespace-only text has nothing to wrap; drop marks that open and close here
+        const isWhitespaceOnly = textContent.length > 0 && textContent.trim().length === 0
+        if (isWhitespaceOnly && currentMarks.size > 0) {
+          const transientMarks = new Set(
+            marksToClose.filter(markType => !activeMarks.has(markType)),
+          )
+
+          if (transientMarks.size > 0) {
+            currentMarks = new Map(
+              Array.from(currentMarks).filter(([markType]) => !transientMarks.has(markType)),
+            )
+            marksToOpen = this.getMarksToOpenForSerialization(activeMarks, currentMarks, nextNode)
+            marksToClose = findMarksToClose(currentMarks, nextNode)
+          }
+        }
+
+        // When marks simultaneously close (old) AND open (new) at this boundary, the naive
+        // approach of appending old-close and prepending new-open produces interleaved
+        // delimiters like `*456**` (italic open, text, bold close) instead of properly
+        // nested `_456_**` (italic open, text, italic close, bold close).
+        //
+        // The fix: when both are present, defer old mark closings to the end of the node
+        // (after the new marks also close), ensuring correct inner-before-outer order.
+        //
+        // If an already-active mark ends on this node while another mark opens on this same
+        // node, we defer closing the active mark until the end of the node so nesting stays
+        // valid (`**...++abc++**` instead of `**...++abc**++`).
+        const activeMarksClosingHere = marksToClose.filter(markType => activeMarks.has(markType))
+        const hasCrossedBoundary = activeMarksClosingHere.length > 0 && marksToOpen.length > 0
+
+        let middleTrailingWhitespace = ''
+
+        if (marksToClose.length > 0 && !hasCrossedBoundary) {
+          // Extract trailing whitespace before closing marks to prevent invalid markdown like "**text **"
+          const middleTrailingMatch = textContent.match(/(\s+)$/)
+          if (middleTrailingMatch) {
+            middleTrailingWhitespace = middleTrailingMatch[1]
+            textContent = textContent.slice(0, -middleTrailingWhitespace.length)
+          }
+        }
+
+        if (!hasCrossedBoundary) {
+          // Normal path: close marks that are ending here (no new marks opening simultaneously).
+          // Reverse so the last-opened mark closes first (LIFO), preserving valid nesting.
+          marksToClose
+            .slice()
+            .reverse()
+            .forEach(markType => {
+              if (!activeMarks.has(markType)) {
+                return
+              }
+
+              const mark = currentMarks.get(markType)
+              const closeMarkdown = this.getMarkClosing(
+                markType,
+                mark,
+                markOpeningModes.get(markType),
+              )
+              if (closeMarkdown) {
+                textContent += closeMarkdown
+              }
+              if (activeMarks.has(markType)) {
+                activeMarks.delete(markType)
+                markOpeningModes.delete(markType)
+              }
+            })
+        }
+
+        // Open new marks (should be at the beginning)
+        // Extract leading whitespace before opening marks to prevent invalid markdown like "** text**"
+        let leadingWhitespace = ''
+        if (marksToOpen.length > 0) {
+          const leadingMatch = textContent.match(/^(\s+)/)
+          if (leadingMatch) {
+            leadingWhitespace = leadingMatch[1]
+            textContent = textContent.slice(leadingWhitespace.length)
+          }
+        }
+
+        // Snapshot active mark types before opening new marks, so each new mark's delimiter
+        // is chosen based on what is already active (not including itself).
+        // When crossing a boundary, old marks are still in activeMarks here (not yet removed),
+        // so new marks correctly see them as active context.
+        marksToOpen.forEach(({ type, mark }) => {
+          const openingMode = reopenWithHtmlOnNextOpen.has(type) ? 'html' : 'markdown'
+          const openMarkdown = this.getMarkOpening(type, mark, openingMode)
+          if (openMarkdown) {
+            textContent = openMarkdown + textContent
+          }
+          markOpeningModes.set(type, openingMode)
+          reopenWithHtmlOnNextOpen.delete(type)
+        })
+
+        if (!hasCrossedBoundary) {
+          marksToOpen
+            .slice()
+            .reverse()
+            .forEach(({ type, mark }) => {
+              activeMarks.set(type, mark)
+            })
+        }
+
+        // Add leading whitespace before the mark opening
+        textContent = leadingWhitespace + textContent
+
+        // Determine marks to close at the end of this node.
+        // On a crossed boundary, we close new marks (inner) first, then old marks (outer),
+        // ensuring correct nesting order. Both sets are removed from activeMarks so the
+        // next node's marksToOpen will reopen whichever ones continue.
+        let marksToCloseAtEnd: string[]
+        if (hasCrossedBoundary) {
+          const nextMarkTypes = new Set((nextNode?.marks || []).map((mark: any) => mark.type))
+
+          marksToOpen.forEach(({ type }) => {
+            if (nextMarkTypes.has(type) && this.getHtmlReopenTags(type)) {
+              reopenWithHtmlOnNextOpen.add(type)
+            }
+          })
+
+          // Sort the previously-active closures in LIFO order: the mark that
+          // was opened last (innermost) must close first. activeMarks preserves
+          // insertion order, so a higher indexOf means opened later = inner.
+          const activeMarkKeys = Array.from(activeMarks.keys())
+          const activeMarksClosingHereLifo = activeMarksClosingHere
+            .slice()
+            .sort((a, b) => activeMarkKeys.indexOf(b) - activeMarkKeys.indexOf(a))
+
+          marksToCloseAtEnd = [
+            ...marksToOpen.map(m => m.type), // inner (opened here) — close first
+            ...activeMarksClosingHereLifo, // outer (were active before) — close last, LIFO
+          ]
+        } else {
+          marksToCloseAtEnd = findMarksToCloseAtEnd(
+            activeMarks,
+            currentMarks,
+            nextNode,
+            this.markSetsEqual.bind(this),
+          )
+        }
+
+        // Extract trailing whitespace before closing marks to prevent invalid markdown like "**text **"
+        let trailingWhitespace = ''
+        if (marksToCloseAtEnd.length > 0) {
+          const trailingMatch = textContent.match(/(\s+)$/)
+          if (trailingMatch) {
+            trailingWhitespace = trailingMatch[1]
+            textContent = textContent.slice(0, -trailingWhitespace.length)
+          }
+        }
+
+        marksToCloseAtEnd.forEach(markType => {
+          const mark = activeMarks.get(markType) ?? currentMarks.get(markType)
+          const closeMarkdown = this.getMarkClosing(markType, mark, markOpeningModes.get(markType))
+          if (closeMarkdown) {
+            textContent += closeMarkdown
+          }
+          activeMarks.delete(markType)
+          markOpeningModes.delete(markType)
+        })
+
+        // Add trailing whitespace after the mark closing
+        textContent += trailingWhitespace
+        textContent += middleTrailingWhitespace
+
+        result.push(textContent)
+      } else {
+        // For non-text nodes, close all active marks before rendering, then reopen after
+        // Only reopen marks that the node itself carries — marks don't skip over inline atoms.
+        const nodeMarkTypes = new Set((node.marks || []).map((mark: { type: string }) => mark.type))
+        const marksToReopen = new Map<string, { type: string; attrs?: Record<string, any> }>()
+        const openingModesToReopen = new Map<string, 'markdown' | 'html'>()
+        activeMarks.forEach((mark, type) => {
+          if (nodeMarkTypes.has(type)) {
+            marksToReopen.set(type, mark)
+            openingModesToReopen.set(type, markOpeningModes.get(type) ?? 'markdown')
+          }
+        })
+
+        // Close all marks before the node
+        const beforeMarkdown = closeMarksBeforeNode(activeMarks, (markType, mark) => {
+          return this.getMarkClosing(markType, mark, markOpeningModes.get(markType))
+        })
+        markOpeningModes.clear()
+
+        // Render the node
+        const nodeContent = this.renderNodeToMarkdown(node, parentNode, i, level)
+
+        // Reopen marks after the node, but NOT after a hard break
+        // Hard breaks should terminate marks (they create a line break where marks don't continue)
+        const afterMarkdown =
+          node.type === 'hardBreak'
+            ? ''
+            : reopenMarksAfterNode(marksToReopen, activeMarks, (markType, mark) => {
+                const openingMode = openingModesToReopen.get(markType) ?? 'markdown'
+                markOpeningModes.set(markType, openingMode)
+                return this.getMarkOpening(markType, mark, openingMode)
+              })
+
+        result.push(beforeMarkdown + nodeContent + afterMarkdown)
+      }
+    })
+
+    return result.join(separator)
+  }
+
+  /**
+   * Get the opening markdown syntax for a mark type.
+   */
+  private getMarkOpening(
+    markType: string,
+    mark: any,
+    openingMode: 'markdown' | 'html' = 'markdown',
+  ): string {
+    if (openingMode === 'html') {
+      return this.getHtmlReopenTags(markType)?.open || ''
+    }
+
+    const handlers = this.getHandlersForNodeType(markType)
+    const handler = handlers.length > 0 ? handlers[0] : undefined
+    if (!handler || !handler.renderMarkdown) {
+      return ''
+    }
+
+    // Use a unique placeholder that's extremely unlikely to appear in real content
+    const placeholder = '\uE000__TIPTAP_MARKDOWN_PLACEHOLDER__\uE001'
+
+    // For most marks, we can extract the opening syntax by rendering a simple case
+    const syntheticNode: JSONContent = {
+      type: markType,
+      attrs: mark.attrs || {},
+      content: [{ type: 'text', text: placeholder }],
+    }
+
+    try {
+      const rendered = handler.renderMarkdown(
+        syntheticNode,
+        {
+          renderChildren: () => placeholder,
+          renderChild: () => placeholder,
+          indent: (content: string) => content,
+          wrapInBlock: (prefix: string, content: string) => prefix + content,
+        },
+        { index: 0, level: 0, parentType: 'text', meta: {} },
+      )
+
+      // Extract the opening part (everything before placeholder)
+      const placeholderIndex = rendered.indexOf(placeholder)
+      return placeholderIndex >= 0 ? rendered.substring(0, placeholderIndex) : ''
+    } catch (err) {
+      throw new Error(`Failed to get mark opening for ${markType}: ${err}`)
+    }
+  }
+
+  /**
+   * Get the closing markdown syntax for a mark type.
+   */
+  private getMarkClosing(
+    markType: string,
+    mark: any,
+    openingMode: 'markdown' | 'html' = 'markdown',
+  ): string {
+    if (openingMode === 'html') {
+      return this.getHtmlReopenTags(markType)?.close || ''
+    }
+
+    const handlers = this.getHandlersForNodeType(markType)
+    const handler = handlers.length > 0 ? handlers[0] : undefined
+    if (!handler || !handler.renderMarkdown) {
+      return ''
+    }
+
+    // Use a unique placeholder that's extremely unlikely to appear in real content
+    const placeholder = '\uE000__TIPTAP_MARKDOWN_PLACEHOLDER__\uE001'
+
+    const syntheticNode: JSONContent = {
+      type: markType,
+      attrs: mark.attrs || {},
+      content: [{ type: 'text', text: placeholder }],
+    }
+
+    try {
+      const rendered = handler.renderMarkdown(
+        syntheticNode,
+        {
+          renderChildren: () => placeholder,
+          renderChild: () => placeholder,
+          indent: (content: string) => content,
+          wrapInBlock: (prefix: string, content: string) => prefix + content,
+        },
+        { index: 0, level: 0, parentType: 'text', meta: {} },
+      )
+
+      // Extract the closing part (everything after placeholder)
+      const placeholderIndex = rendered.indexOf(placeholder)
+      const placeholderEnd = placeholderIndex + placeholder.length
+      return placeholderIndex >= 0 ? rendered.substring(placeholderEnd) : ''
+    } catch (err) {
+      throw new Error(`Failed to get mark closing for ${markType}: ${err}`)
+    }
+  }
+
+  /**
+   * Returns the inline HTML tags an extension exposes for overlap-boundary
+   * reopen handling, if that mark explicitly opted into HTML reopen mode.
+   */
+  private getHtmlReopenTags(markType: string): { open: string; close: string } | undefined {
+    const handlers = this.getHandlersForNodeType(markType)
+    const handler = handlers.length > 0 ? handlers[0] : undefined
+
+    return handler?.htmlReopen
+  }
+
+  /**
+   * Check if two mark sets are equal (same types and matching attributes).
+   */
+  private markSetsEqual(marks1: Map<string, any>, marks2: Map<string, any>): boolean {
+    if (marks1.size !== marks2.size) {
+      return false
+    }
+
+    return Array.from(marks1.entries()).every(([type, mark]) => {
+      const otherMark = marks2.get(type)
+      return otherMark && attrsEqual(mark.attrs, otherMark.attrs)
+    })
+  }
+
+  /**
+   * Decide the order in which marks open on the current text node.
+   *
+   * The returned array is iterated head-first when prepending opening
+   * delimiters, so the first entry becomes the innermost mark in the emitted
+   * markdown and the last becomes the outermost. Two stable signals drive
+   * the order — neither one inspects any rendered markdown:
+   *
+   *   1. Marks that end on this node must be inner relative to marks that
+   *      continue into the next node, otherwise the delimiters interleave
+   *      instead of nesting.
+   *   2. Within each lifetime group, marks are sorted so that lower
+   *      registration ranks (i.e. higher Tiptap extension priorities) end up
+   *      outermost. ProseMirror assigns mark ranks in the same priority-aware
+   *      order Tiptap uses when building the schema, so link (priority 1000)
+   *      naturally wraps bold/italic without the serializer needing to peek
+   *      at how any particular mark renders.
+   */
+  private getMarksToOpenForSerialization(
+    activeMarks: Map<string, any>,
+    currentMarks: Map<string, any>,
+    nextNode: any,
+  ) {
+    const marksToOpen = findMarksToOpen(activeMarks, currentMarks)
+
+    if (marksToOpen.length <= 1) {
+      return marksToOpen
+    }
+
+    const nextMarks = nextNode?.marks || []
+
+    // Helper: check if the next node has a mark with the same type AND
+    // matching attributes. Two marks of the same type but with different
+    // attributes are logically distinct and must not be treated as continuing.
+    const continuesInNextNode = (markType: string, attrs: any) =>
+      nextMarks.some((m: any) => m.type === markType && attrsEqual(m.attrs, attrs))
+
+    // Higher rank → earlier in the array → innermost mark. Marks without a
+    // recorded rank fall back to MAX_SAFE_INTEGER so they sort innermost,
+    // matching the implicit "registered last" assumption for ad-hoc marks.
+    const byRankInnerFirst = (a: { type: string }, b: { type: string }) => {
+      const rankA = this.extensionRanks.get(a.type) ?? Number.MAX_SAFE_INTEGER
+      const rankB = this.extensionRanks.get(b.type) ?? Number.MAX_SAFE_INTEGER
+
+      if (rankA !== rankB) {
+        return rankB - rankA
+      }
+
+      return a.type.localeCompare(b.type)
+    }
+
+    const endingHere = marksToOpen
+      .filter(mark => !continuesInNextNode(mark.type, mark.mark.attrs))
+      .sort(byRankInnerFirst)
+    const continuing = marksToOpen
+      .filter(mark => continuesInNextNode(mark.type, mark.mark.attrs))
+      .sort(byRankInnerFirst)
+
+    return [...endingHere, ...continuing]
+  }
+}
+
+export default MarkdownManager
diff --git a/packages/markdown/src/index.ts b/packages/markdown/src/index.ts
new file mode 100644
index 0000000..fc06126
--- /dev/null
+++ b/packages/markdown/src/index.ts
@@ -0,0 +1,3 @@
+export * from './Extension.js'
+export * from './MarkdownManager.js'
+export * from './utils.js'
diff --git a/packages/markdown/src/types.ts b/packages/markdown/src/types.ts
new file mode 100644
index 0000000..29cb5ce
--- /dev/null
+++ b/packages/markdown/src/types.ts
@@ -0,0 +1 @@
+export type ContentType = 'json' | 'html' | 'markdown'
diff --git a/packages/markdown/src/utils.ts b/packages/markdown/src/utils.ts
new file mode 100644
index 0000000..3e8043f
--- /dev/null
+++ b/packages/markdown/src/utils.ts
@@ -0,0 +1,236 @@
+import { attrsEqual } from '@tiptap/core'
+import type { Content, MarkdownToken } from '@tiptap/core'
+import type { Fragment, Node as PMNode } from '@tiptap/pm/model'
+
+import type { ContentType } from './types.js'
+
+/**
+ * Matches a run of two or more consecutive line breaks (a blank line) at the
+ * end of a string, allowing horizontal whitespace between the breaks.
+ *
+ * @example
+ * TRAILING_BLANK_LINES.test('paragraph\n  \n')
+ * // => true
+ */
+const TRAILING_BLANK_LINES = /\n[^\S\n]*(?:\n[^\S\n]*)+$/
+
+/**
+ * Extracts blank lines absorbed into marked token `raw` back into explicit
+ * `space` tokens so they're handled uniformly by the reconstruction path.
+ * @param tokens The marked token stream to normalize.
+ * @returns A new token array with absorbed blank lines as `space` tokens.
+ */
+export function extractAbsorbedBlankLines(tokens: MarkdownToken[]): MarkdownToken[] {
+  return tokens.flatMap((token, index) => {
+    // A following `space` token already carries the blank lines for this gap.
+    if (token.type === 'space' || tokens[index + 1]?.type === 'space') {
+      return [token]
+    }
+
+    const trailingBlankLines = (token.raw || '').match(TRAILING_BLANK_LINES)
+
+    if (!trailingBlankLines) {
+      return [token]
+    }
+
+    return [
+      { ...token, raw: (token.raw || '').slice(0, -trailingBlankLines[0].length) },
+      { type: 'space', raw: trailingBlankLines[0] } as MarkdownToken,
+    ]
+  })
+}
+
+/**
+ * Wraps each line of the content with the given prefix.
+ * @param prefix The prefix to wrap each line with.
+ * @param content The content to wrap.
+ * @returns The content with each line wrapped with the prefix.
+ */
+export function wrapInMarkdownBlock(prefix: string, content: string) {
+  // split content lines
+  const lines = content.split('\n')
+
+  // add empty strings between every line
+  const output = lines
+    // add empty lines between each block
+    .flatMap(line => [line, ''])
+    // add the prefix to each line
+    .map(line => `${prefix}${line}`)
+    .join('\n')
+
+  return output.slice(0, output.length - 1)
+}
+
+/**
+ * Determines which marks to close based on the next node's marks,
+ * treating same-type marks with different attributes as distinct.
+ */
+export function findMarksToClose(currentMarks: Map<string, any>, nextNode: any): string[] {
+  const marksToClose: string[] = []
+
+  Array.from(currentMarks.entries()).forEach(([markType, currentMark]) => {
+    if (!nextNode) {
+      marksToClose.push(markType)
+      return
+    }
+
+    // Check if the next node has a mark of the same type with matching attributes
+    const nextMark = (nextNode.marks || []).find(
+      (mark: any) => mark.type === markType && attrsEqual(mark.attrs, currentMark.attrs),
+    )
+
+    if (!nextMark) {
+      marksToClose.push(markType)
+    }
+  })
+  return marksToClose
+}
+
+/**
+ * Determines which marks need to open, treating same-type marks with
+ * different attributes as distinct (close + reopen).
+ */
+export function findMarksToOpen(
+  activeMarks: Map<string, any>,
+  currentMarks: Map<string, any>,
+): Array<{ type: string; mark: any }> {
+  const marksToOpen: Array<{ type: string; mark: any }> = []
+  Array.from(currentMarks.entries()).forEach(([markType, mark]) => {
+    const activeMark = activeMarks.get(markType)
+
+    // Open if the mark type is not active, or if the attributes differ
+    if (!activeMark || !attrsEqual(activeMark.attrs, mark.attrs)) {
+      marksToOpen.push({ type: markType, mark })
+    }
+  })
+  return marksToOpen
+}
+
+/**
+ * Determines which marks to close at the node end, treating same-type marks
+ * with different attributes as distinct (close + reopen).
+ */
+export function findMarksToCloseAtEnd(
+  activeMarks: Map<string, any>,
+  currentMarks: Map<string, any>,
+  nextNode: any,
+  markSetsEqual: (a: Map<string, { type: string }>, b: Map<string, { type: string }>) => boolean,
+): string[] {
+  const isLastNode = !nextNode
+  const nextNodeHasNoMarks = nextNode && (!nextNode.marks || nextNode.marks.length === 0)
+  const nextNodeHasDifferentMarks =
+    nextNode &&
+    nextNode.marks &&
+    !markSetsEqual(currentMarks, new Map(nextNode.marks.map((mark: any) => [mark.type, mark])))
+
+  const marksToCloseAtEnd: string[] = []
+  if (isLastNode || nextNodeHasNoMarks || nextNodeHasDifferentMarks) {
+    if (nextNode && nextNode.marks) {
+      Array.from(activeMarks.entries())
+        .reverse()
+        .forEach(([markType, activeMark]) => {
+          // Check if nextNode has a mark of the same type with matching attrs
+          const nextMark = nextNode.marks.find(
+            (m: any) => m.type === markType && attrsEqual(m.attrs, activeMark.attrs),
+          )
+          if (!nextMark) {
+            marksToCloseAtEnd.push(markType)
+          }
+        })
+    } else if (isLastNode || nextNodeHasNoMarks) {
+      // Close all active marks
+      marksToCloseAtEnd.push(...Array.from(activeMarks.keys()).reverse())
+    }
+  }
+
+  return marksToCloseAtEnd
+}
+
+/**
+ * Closes active marks before rendering a non-text node.
+ * Returns the closing markdown syntax and clears the active marks.
+ */
+export function closeMarksBeforeNode(
+  activeMarks: Map<string, any>,
+  getMarkClosing: (markType: string, mark: any) => string,
+): string {
+  let beforeMarkdown = ''
+  Array.from(activeMarks.keys())
+    .reverse()
+    .forEach(markType => {
+      const mark = activeMarks.get(markType)
+      const closeMarkdown = getMarkClosing(markType, mark)
+      if (closeMarkdown) {
+        beforeMarkdown = closeMarkdown + beforeMarkdown
+      }
+    })
+  activeMarks.clear()
+  return beforeMarkdown
+}
+
+/**
+ * Reopens marks after rendering a non-text node.
+ * Returns the opening markdown syntax and updates the active marks.
+ */
+export function reopenMarksAfterNode(
+  marksToReopen: Map<string, any>,
+  activeMarks: Map<string, any>,
+  getMarkOpening: (markType: string, mark: any) => string,
+): string {
+  let afterMarkdown = ''
+  Array.from(marksToReopen.entries()).forEach(([markType, mark]) => {
+    const openMarkdown = getMarkOpening(markType, mark)
+    if (openMarkdown) {
+      afterMarkdown += openMarkdown
+    }
+    activeMarks.set(markType, mark)
+  })
+  return afterMarkdown
+}
+
+/**
+ * Check if a markdown list item token is a task item and extract its state.
+ *
+ * @param item The list item token to check
+ * @returns Object containing isTask flag, checked state, and indentation level
+ *
+ * @example
+ * ```ts
+ * isTaskItem({ raw: '- [ ] Task' }) // { isTask: true, checked: false, indentLevel: 0 }
+ * isTaskItem({ raw: '  - [x] Done' }) // { isTask: true, checked: true, indentLevel: 2 }
+ * isTaskItem({ raw: '- Regular' }) // { isTask: false, indentLevel: 0 }
+ * ```
+ */
+export function isTaskItem(item: MarkdownToken): {
+  isTask: boolean
+  checked?: boolean
+  indentLevel: number
+} {
+  const raw = item.raw || item.text || ''
+
+  // Match patterns like "- [ ] " or "  - [x] "
+  const match = raw.match(/^(\s*)[-+*]\s+\[([ xX])\]\s+/)
+
+  if (match) {
+    return { isTask: true, checked: match[2].toLowerCase() === 'x', indentLevel: match[1].length }
+  }
+  return { isTask: false, indentLevel: 0 }
+}
+
+/**
+ * Assumes the content type based off the content.
+ * @param content The content to assume the type for.
+ * @param contentType The content type that should be prioritized.
+ */
+export function assumeContentType(
+  content: (Content | Fragment | PMNode) | string,
+  contentType: ContentType,
+): ContentType {
+  // if not a string, we assume it will be a json content object
+  if (typeof content !== 'string') {
+    return 'json'
+  }
+
+  // otherwise we let the content type be what it is
+  return contentType
+}
diff --git a/packages/markdown/src/utils/htmlTagDetection.test.ts b/packages/markdown/src/utils/htmlTagDetection.test.ts
new file mode 100644
index 0000000..40296a1
--- /dev/null
+++ b/packages/markdown/src/utils/htmlTagDetection.test.ts
@@ -0,0 +1,87 @@
+/**
+ * @vitest-environment node
+ */
+
+import {
+  extractHtmlTagNames,
+  htmlContainsUnrecognizedTag,
+  isHtmlUnknownTagName,
+} from './htmlTagDetection.js'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('htmlTagDetection', () => {
+  describe('extractHtmlTagNames', () => {
+    it('extracts tag names from opening and closing tags', () => {
+      expect(extractHtmlTagNames('<em>hi</em>')).toEqual(['em', 'em'])
+    })
+
+    it('extracts the first token as tag name for unknown angle-bracket text', () => {
+      expect(extractHtmlTagNames('<enter foo bar>')).toEqual(['enter'])
+    })
+
+    it('returns an empty array when no tags are present', () => {
+      expect(extractHtmlTagNames('plain text')).toEqual([])
+    })
+  })
+
+  describe('isHtmlUnknownTagName', () => {
+    it('treats non-standard non-hyphenated tags as unknown', () => {
+      expect(isHtmlUnknownTagName('enter')).toBe(true)
+    })
+
+    it('treats standard HTML tags as known', () => {
+      expect(isHtmlUnknownTagName('em')).toBe(false)
+      expect(isHtmlUnknownTagName('br')).toBe(false)
+      expect(isHtmlUnknownTagName('span')).toBe(false)
+    })
+
+    it('treats hyphenated tag names as known custom elements', () => {
+      expect(isHtmlUnknownTagName('my-mention')).toBe(false)
+      expect(isHtmlUnknownTagName('my-el')).toBe(false)
+    })
+
+    it('treats common SVG child elements as known', () => {
+      expect(isHtmlUnknownTagName('circle')).toBe(false)
+      expect(isHtmlUnknownTagName('path')).toBe(false)
+      expect(isHtmlUnknownTagName('g')).toBe(false)
+      expect(isHtmlUnknownTagName('rect')).toBe(false)
+      expect(isHtmlUnknownTagName('linearGradient')).toBe(false)
+      expect(isHtmlUnknownTagName('clipPath')).toBe(false)
+    })
+  })
+
+  describe('htmlContainsUnrecognizedTag', () => {
+    const emptySchema = new Set<string>()
+
+    it('returns true for unknown angle-bracket placeholders', () => {
+      expect(htmlContainsUnrecognizedTag('<enter foo bar>', emptySchema)).toBe(true)
+      expect(htmlContainsUnrecognizedTag('<this is a placeholder>', emptySchema)).toBe(true)
+    })
+
+    it('returns false for standard HTML elements', () => {
+      expect(htmlContainsUnrecognizedTag('<em></em>', emptySchema)).toBe(false)
+      expect(htmlContainsUnrecognizedTag('<em>hi</em>', emptySchema)).toBe(false)
+      expect(htmlContainsUnrecognizedTag('<br>', emptySchema)).toBe(false)
+    })
+
+    it('returns false for hyphenated custom elements', () => {
+      expect(htmlContainsUnrecognizedTag('<my-el></my-el>', emptySchema)).toBe(false)
+    })
+
+    it('returns false when schema declares a non-standard tag', () => {
+      const schemaTags = new Set(['something'])
+      expect(htmlContainsUnrecognizedTag('<something>happy</something>', schemaTags)).toBe(false)
+    })
+
+    it('returns false when no tags are present', () => {
+      expect(htmlContainsUnrecognizedTag('no tags here', emptySchema)).toBe(false)
+    })
+
+    it('returns false for SVG elements', () => {
+      expect(
+        htmlContainsUnrecognizedTag('<svg><circle cx="10" cy="10" r="5"/></svg>', emptySchema),
+      ).toBe(false)
+      expect(htmlContainsUnrecognizedTag('<svg><path d="M0 0"/></svg>', emptySchema)).toBe(false)
+    })
+  })
+})
diff --git a/packages/markdown/src/utils/htmlTagDetection.ts b/packages/markdown/src/utils/htmlTagDetection.ts
new file mode 100644
index 0000000..523b841
--- /dev/null
+++ b/packages/markdown/src/utils/htmlTagDetection.ts
@@ -0,0 +1,195 @@
+/**
+ * Standard HTML and common SVG element names. Used to tell apart real
+ * (but possibly empty) elements like `<em></em>` from genuinely unknown
+ * angle-bracket text such as `<enter foo bar>` so the latter can be
+ * preserved as literal text.
+ *
+ * Non-hyphenated tags not in this set are treated as unknown unless
+ * declared in the schema's parseDOM rules. This does not claim full
+ * parity with browser `HTMLUnknownElement` classification across all
+ * namespaces (e.g. rare SVG filter elements, MathML).
+ */
+export const STANDARD_HTML_TAGS = new Set([
+  'a',
+  'abbr',
+  'address',
+  'area',
+  'article',
+  'aside',
+  'audio',
+  'b',
+  'base',
+  'bdi',
+  'bdo',
+  'blockquote',
+  'body',
+  'br',
+  'button',
+  'canvas',
+  'caption',
+  'cite',
+  'code',
+  'col',
+  'colgroup',
+  'data',
+  'datalist',
+  'dd',
+  'del',
+  'details',
+  'dfn',
+  'dialog',
+  'div',
+  'dl',
+  'dt',
+  'em',
+  'embed',
+  'fieldset',
+  'figcaption',
+  'figure',
+  'footer',
+  'form',
+  'h1',
+  'h2',
+  'h3',
+  'h4',
+  'h5',
+  'h6',
+  'head',
+  'header',
+  'hgroup',
+  'hr',
+  'html',
+  'i',
+  'iframe',
+  'img',
+  'input',
+  'ins',
+  'kbd',
+  'label',
+  'legend',
+  'li',
+  'link',
+  'main',
+  'map',
+  'mark',
+  'menu',
+  'meta',
+  'meter',
+  'nav',
+  'noscript',
+  'object',
+  'ol',
+  'optgroup',
+  'option',
+  'output',
+  'p',
+  'param',
+  'picture',
+  'pre',
+  'progress',
+  'q',
+  'rp',
+  'rt',
+  'ruby',
+  's',
+  'samp',
+  'script',
+  'search',
+  'section',
+  'select',
+  'slot',
+  'small',
+  'source',
+  'span',
+  'strong',
+  'style',
+  'sub',
+  'summary',
+  'sup',
+  'svg',
+  'circle',
+  'clippath',
+  'defs',
+  'ellipse',
+  'foreignobject',
+  'g',
+  'image',
+  'line',
+  'lineargradient',
+  'mask',
+  'path',
+  'polygon',
+  'polyline',
+  'radialgradient',
+  'rect',
+  'stop',
+  'switch',
+  'symbol',
+  'textpath',
+  'tspan',
+  'use',
+  'table',
+  'tbody',
+  'td',
+  'template',
+  'textarea',
+  'tfoot',
+  'th',
+  'thead',
+  'time',
+  'title',
+  'tr',
+  'track',
+  'u',
+  'ul',
+  'var',
+  'video',
+  'wbr',
+])
+
+const HTML_TAG_NAME_PATTERN = /<\/?([a-zA-Z][\w-]*)/g
+
+/**
+ * Extract lower-cased tag names from an HTML fragment (opening and closing tags).
+ */
+export function extractHtmlTagNames(html: string): string[] {
+  const tagNames: string[] = []
+
+  let match: RegExpExecArray | null
+
+  while ((match = HTML_TAG_NAME_PATTERN.exec(html)) !== null) {
+    tagNames.push(match[1].toLowerCase())
+  }
+
+  return tagNames
+}
+
+/**
+ * Returns true when the tag name is non-hyphenated and not in the
+ * STANDARD_HTML_TAGS allowlist (i.e. would be treated as unrecognized).
+ */
+export function isHtmlUnknownTagName(tagName: string): boolean {
+  const lower = tagName.toLowerCase()
+
+  if (lower.includes('-')) {
+    return false
+  }
+
+  return !STANDARD_HTML_TAGS.has(lower)
+}
+
+/**
+ * Returns true when the HTML contains a tag that is neither a standard HTML
+ * element nor declared in the schema's parseDOM rules.
+ */
+export function htmlContainsUnrecognizedTag(html: string, schemaTags: Set<string>): boolean {
+  const tagNames = extractHtmlTagNames(html)
+
+  return tagNames.some(tagName => {
+    if (!isHtmlUnknownTagName(tagName)) {
+      return false
+    }
+
+    return !schemaTags.has(tagName)
+  })
+}
diff --git a/packages/markdown/tests/fixtures/markdown/bullet-list-numeric-punctuation.ts b/packages/markdown/tests/fixtures/markdown/bullet-list-numeric-punctuation.ts
new file mode 100644
index 0000000..d5d0d56
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/bullet-list-numeric-punctuation.ts
@@ -0,0 +1,70 @@
+export const name = 'Bullet List with Numeric Punctuation'
+
+export const expectedInput = `
+- 123
+  - 123
+  - 123
+- 123
+- 123.
+`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'bulletList',
+      content: [
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: '123' }],
+            },
+            {
+              type: 'bulletList',
+              content: [
+                {
+                  type: 'listItem',
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [{ type: 'text', text: '123' }],
+                    },
+                  ],
+                },
+                {
+                  type: 'listItem',
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [{ type: 'text', text: '123' }],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: '123' }],
+            },
+          ],
+        },
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: '123.' }],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/packages/markdown/tests/fixtures/markdown/bullet-list.ts b/packages/markdown/tests/fixtures/markdown/bullet-list.ts
new file mode 100644
index 0000000..e968e19
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/bullet-list.ts
@@ -0,0 +1,70 @@
+export const name = 'Bullet List'
+
+export const expectedInput = `
+- Item 1
+- Item 2
+  - Subitem 1
+  - Subitem 2
+- Item 3
+`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'bulletList',
+      content: [
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Item 1' }],
+            },
+          ],
+        },
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Item 2' }],
+            },
+            {
+              type: 'bulletList',
+              content: [
+                {
+                  type: 'listItem',
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [{ type: 'text', text: 'Subitem 1' }],
+                    },
+                  ],
+                },
+                {
+                  type: 'listItem',
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [{ type: 'text', text: 'Subitem 2' }],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Item 3' }],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/packages/markdown/tests/fixtures/markdown/custom-atom.ts b/packages/markdown/tests/fixtures/markdown/custom-atom.ts
new file mode 100644
index 0000000..cb50af6
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/custom-atom.ts
@@ -0,0 +1,46 @@
+import { createAtomBlockMarkdownSpec, Node } from '@tiptap/core'
+
+export const name = 'Custom Atom'
+
+export const expectedInput = `
+:::custom-atom {label="Example"} :::
+`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'customAtom',
+      attrs: { label: 'Example' },
+      content: [],
+    },
+  ],
+}
+
+export const extensions = [
+  Node.create({
+    name: 'customAtom',
+
+    group: 'block',
+
+    atom: true,
+
+    ...createAtomBlockMarkdownSpec({
+      nodeName: 'customAtom',
+      name: 'custom-atom',
+      allowedAttributes: ['label'],
+    }),
+
+    parseHTML() {
+      return [
+        {
+          tag: 'div[data-type="custom-atom"]',
+        },
+      ]
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ['div', { 'data-type': 'custom-atom', ...HTMLAttributes }]
+    },
+  }),
+]
diff --git a/packages/markdown/tests/fixtures/markdown/custom-block.ts b/packages/markdown/tests/fixtures/markdown/custom-block.ts
new file mode 100644
index 0000000..a76a617
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/custom-block.ts
@@ -0,0 +1,57 @@
+import { createBlockMarkdownSpec, Node } from '@tiptap/core'
+
+export const name = 'Custom Block'
+
+export const expectedInput = `
+:::custom-block
+
+This is a node with **bold text**.
+
+:::`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'customBlock',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: 'This is a node with ' },
+            { type: 'text', marks: [{ type: 'bold' }], text: 'bold text' },
+            { type: 'text', text: '.' },
+          ],
+        },
+      ],
+    },
+  ],
+}
+
+export const extensions = [
+  Node.create({
+    name: 'customBlock',
+
+    group: 'block',
+
+    content: 'block+',
+
+    ...createBlockMarkdownSpec({
+      nodeName: 'customBlock',
+      name: 'custom-block',
+      content: 'block',
+    }),
+
+    parseHTML() {
+      return [
+        {
+          tag: 'div[data-type="custom-block"]',
+        },
+      ]
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ['div', { 'data-type': 'custom-block', ...HTMLAttributes }, 0]
+    },
+  }),
+]
diff --git a/packages/markdown/tests/fixtures/markdown/custom-inline.ts b/packages/markdown/tests/fixtures/markdown/custom-inline.ts
new file mode 100644
index 0000000..f7bded0
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/custom-inline.ts
@@ -0,0 +1,96 @@
+import { createInlineMarkdownSpec, Node } from '@tiptap/core'
+
+export const name = 'Custom Inline'
+
+export const expectedInput = `
+This is a [custom-inline type="bug" id="1234"] ticket.
+
+This is a [custom-inline-tag icon="house"]Home[/custom-inline-tag] tag.
+`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        { type: 'text', text: 'This is a ' },
+        {
+          type: 'customInline',
+          attrs: { type: 'bug', id: '1234' },
+        },
+        { type: 'text', text: ' ticket.' },
+      ],
+    },
+    {
+      type: 'paragraph',
+      content: [
+        { type: 'text', text: 'This is a ' },
+        {
+          type: 'customInlineTag',
+          attrs: { icon: 'house' },
+          content: [{ type: 'text', text: 'Home' }],
+        },
+        { type: 'text', text: ' tag.' },
+      ],
+    },
+  ],
+}
+
+export const extensions = [
+  Node.create({
+    name: 'customInline',
+
+    group: 'inline',
+
+    atom: true,
+
+    markdownTokenName: 'custom-inline',
+
+    ...createInlineMarkdownSpec({
+      nodeName: 'customInline',
+      name: 'custom-inline',
+      selfClosing: true,
+      allowedAttributes: ['type', 'id'],
+    }),
+
+    parseHTML() {
+      return [
+        {
+          tag: 'span[data-type="custom-inline"]',
+        },
+      ]
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ['span', { 'data-type': 'custom-inline', ...HTMLAttributes }]
+    },
+  }),
+  Node.create({
+    name: 'customInlineTag',
+
+    group: 'inline',
+
+    content: 'inline*',
+
+    markdownTokenName: 'custom-inline-tag',
+
+    ...createInlineMarkdownSpec({
+      nodeName: 'customInlineTag',
+      name: 'custom-inline-tag',
+      allowedAttributes: ['icon'],
+    }),
+
+    parseHTML() {
+      return [
+        {
+          tag: 'span[data-type="custom-inline-tag"]',
+        },
+      ]
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ['span', { 'data-type': 'custom-inline-tag', ...HTMLAttributes }, 0]
+    },
+  }),
+]
diff --git a/packages/markdown/tests/fixtures/markdown/hard-break-marks.ts b/packages/markdown/tests/fixtures/markdown/hard-break-marks.ts
new file mode 100644
index 0000000..133a879
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/hard-break-marks.ts
@@ -0,0 +1,31 @@
+export const name = 'Hard Break with Marks'
+
+export const expectedInput = `**Speaker:**  
+John Doe.
+
+**Speaker:**  
+**John Doe**`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        { type: 'text', marks: [{ type: 'bold' }], text: 'Speaker:' },
+        { type: 'hardBreak' },
+        { type: 'text', text: 'John Doe.' },
+      ],
+    },
+    {
+      type: 'paragraph',
+      content: [
+        { type: 'text', marks: [{ type: 'bold' }], text: 'Speaker:' },
+        { type: 'hardBreak' },
+        { type: 'text', marks: [{ type: 'bold' }], text: 'John Doe' },
+      ],
+    },
+  ],
+}
+
+export const extensions = []
diff --git a/packages/markdown/tests/fixtures/markdown/index.ts b/packages/markdown/tests/fixtures/markdown/index.ts
new file mode 100644
index 0000000..12d20f3
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/index.ts
@@ -0,0 +1,17 @@
+export * as bulletList from './bullet-list.js'
+export * as bulletListNumericPunctuation from './bullet-list-numeric-punctuation.js'
+export * as customAtom from './custom-atom.js'
+export * as customBlock from './custom-block.js'
+export * as customInline from './custom-inline.js'
+export * as hardBreakMarks from './hard-break-marks.js'
+export * as linkWithTitle from './link-with-title.js'
+export * as linkWithoutTitle from './link-without-title.js'
+export * as mixedListTypes from './mixed-list-types.js'
+export * as nestedNodes from './nested-nodes.js'
+export * as orderedList from './ordered-list.js'
+export * as orderedListSeparatedByBullet from './ordered-list-separated-by-bullet.js'
+export * as orderedListWideMarker from './ordered-list-wide-marker.js'
+export * as orderedListWithBulletList from './ordered-list-with-bullet-list.js'
+export * as softBreakMarks from './soft-break-marks.js'
+export * as taskList from './task-list.js'
+export * as trailingWhitespaceMarks from './trailing-whitespace-marks.js'
diff --git a/packages/markdown/tests/fixtures/markdown/link-with-title.ts b/packages/markdown/tests/fixtures/markdown/link-with-title.ts
new file mode 100644
index 0000000..1d7b053
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/link-with-title.ts
@@ -0,0 +1,29 @@
+export const name = 'Link with Title'
+
+export const expectedInput = `
+[click here](https://example.com "Example Site")
+`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'click here',
+          marks: [
+            {
+              type: 'link',
+              attrs: {
+                href: 'https://example.com',
+                title: 'Example Site',
+              },
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/packages/markdown/tests/fixtures/markdown/link-without-title.ts b/packages/markdown/tests/fixtures/markdown/link-without-title.ts
new file mode 100644
index 0000000..40e6e71
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/link-without-title.ts
@@ -0,0 +1,29 @@
+export const name = 'Link without Title'
+
+export const expectedInput = `
+[click here](https://example.com)
+`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        {
+          type: 'text',
+          text: 'click here',
+          marks: [
+            {
+              type: 'link',
+              attrs: {
+                href: 'https://example.com',
+                title: null,
+              },
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/packages/markdown/tests/fixtures/markdown/mixed-list-types.ts b/packages/markdown/tests/fixtures/markdown/mixed-list-types.ts
new file mode 100644
index 0000000..380a58e
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/mixed-list-types.ts
@@ -0,0 +1,53 @@
+export const name = 'Mixed List Types'
+
+export const expectedInput = `
+- Test
+
+- [ ] Test
+- [ ] Test 2
+`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'bulletList',
+      content: [
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Test' }],
+            },
+          ],
+        },
+      ],
+    },
+    {
+      type: 'taskList',
+      content: [
+        {
+          type: 'taskItem',
+          attrs: { checked: false },
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Test' }],
+            },
+          ],
+        },
+        {
+          type: 'taskItem',
+          attrs: { checked: false },
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Test 2' }],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/packages/markdown/tests/fixtures/markdown/nested-nodes.ts b/packages/markdown/tests/fixtures/markdown/nested-nodes.ts
new file mode 100644
index 0000000..7ec8e85
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/nested-nodes.ts
@@ -0,0 +1,72 @@
+import { createBlockMarkdownSpec, Node } from '@tiptap/core'
+
+export const name = 'Nested Nodes'
+
+export const expectedInput = `
+:::custom-block
+
+This is a node with **bold text**.
+
+:::custom-block
+
+And this is a nested block.
+
+:::
+
+:::`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'customBlock',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: 'This is a node with ' },
+            { type: 'text', marks: [{ type: 'bold' }], text: 'bold text' },
+            { type: 'text', text: '.' },
+          ],
+        },
+        {
+          type: 'customBlock',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'And this is a nested block.' }],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
+
+export const extensions = [
+  Node.create({
+    name: 'customBlock',
+
+    group: 'block',
+
+    content: 'block+',
+
+    ...createBlockMarkdownSpec({
+      nodeName: 'customBlock',
+      name: 'custom-block',
+      content: 'block',
+    }),
+
+    parseHTML() {
+      return [
+        {
+          tag: 'div[data-type="custom-block"]',
+        },
+      ]
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ['div', { 'data-type': 'custom-block', ...HTMLAttributes }, 0]
+    },
+  }),
+]
diff --git a/packages/markdown/tests/fixtures/markdown/ordered-list-separated-by-bullet.ts b/packages/markdown/tests/fixtures/markdown/ordered-list-separated-by-bullet.ts
new file mode 100644
index 0000000..f489217
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/ordered-list-separated-by-bullet.ts
@@ -0,0 +1,60 @@
+export const name = 'Ordered List Separated by Bullet List'
+
+export const expectedInput = `
+1. one
+
+- inner
+
+2. two
+`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'orderedList',
+      content: [
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'one' }],
+            },
+          ],
+        },
+      ],
+    },
+    {
+      type: 'bulletList',
+      content: [
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'inner' }],
+            },
+          ],
+        },
+      ],
+    },
+    {
+      type: 'orderedList',
+      attrs: {
+        start: 2,
+      },
+      content: [
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'two' }],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/packages/markdown/tests/fixtures/markdown/ordered-list-wide-marker.ts b/packages/markdown/tests/fixtures/markdown/ordered-list-wide-marker.ts
new file mode 100644
index 0000000..7066122
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/ordered-list-wide-marker.ts
@@ -0,0 +1,53 @@
+export const name = 'Ordered List with a Wide Marker'
+
+// `10. ` is four characters, so the nested list has to start at column four to
+// stay a child of it.
+export const expectedInput = `
+10. ten
+    1. inner
+11. eleven
+`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'orderedList',
+      attrs: { start: 10 },
+      content: [
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'ten' }],
+            },
+            {
+              type: 'orderedList',
+              content: [
+                {
+                  type: 'listItem',
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [{ type: 'text', text: 'inner' }],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'eleven' }],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/packages/markdown/tests/fixtures/markdown/ordered-list-with-bullet-list.ts b/packages/markdown/tests/fixtures/markdown/ordered-list-with-bullet-list.ts
new file mode 100644
index 0000000..1a88e31
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/ordered-list-with-bullet-list.ts
@@ -0,0 +1,50 @@
+export const name = 'Ordered List with Nested Bullet List'
+
+export const expectedInput = `
+1. one
+   - inner
+2. two
+`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'orderedList',
+      content: [
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'one' }],
+            },
+            {
+              type: 'bulletList',
+              content: [
+                {
+                  type: 'listItem',
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [{ type: 'text', text: 'inner' }],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'two' }],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/packages/markdown/tests/fixtures/markdown/ordered-list.ts b/packages/markdown/tests/fixtures/markdown/ordered-list.ts
new file mode 100644
index 0000000..46e4a89
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/ordered-list.ts
@@ -0,0 +1,145 @@
+export const name = 'Ordered List'
+
+export const expectedInput = `
+1. Item 1
+2. Item 2
+   1. Subitem 1
+   2. Subitem 2
+      1. Subsubitem 1
+      2. Subsubitem 2
+3. Item 3
+   1. Subitem 1
+   2. Subitem 2
+      1. Subsubitem 1
+      2. Subsubitem 2
+`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'orderedList',
+      content: [
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Item 1' }],
+            },
+          ],
+        },
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Item 2' }],
+            },
+            {
+              type: 'orderedList',
+              content: [
+                {
+                  type: 'listItem',
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [{ type: 'text', text: 'Subitem 1' }],
+                    },
+                  ],
+                },
+                {
+                  type: 'listItem',
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [{ type: 'text', text: 'Subitem 2' }],
+                    },
+                    {
+                      type: 'orderedList',
+                      content: [
+                        {
+                          type: 'listItem',
+                          content: [
+                            {
+                              type: 'paragraph',
+                              content: [{ type: 'text', text: 'Subsubitem 1' }],
+                            },
+                          ],
+                        },
+                        {
+                          type: 'listItem',
+                          content: [
+                            {
+                              type: 'paragraph',
+                              content: [{ type: 'text', text: 'Subsubitem 2' }],
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'listItem',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Item 3' }],
+            },
+            {
+              type: 'orderedList',
+              content: [
+                {
+                  type: 'listItem',
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [{ type: 'text', text: 'Subitem 1' }],
+                    },
+                  ],
+                },
+                {
+                  type: 'listItem',
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [{ type: 'text', text: 'Subitem 2' }],
+                    },
+                    {
+                      type: 'orderedList',
+                      content: [
+                        {
+                          type: 'listItem',
+                          content: [
+                            {
+                              type: 'paragraph',
+                              content: [{ type: 'text', text: 'Subsubitem 1' }],
+                            },
+                          ],
+                        },
+                        {
+                          type: 'listItem',
+                          content: [
+                            {
+                              type: 'paragraph',
+                              content: [{ type: 'text', text: 'Subsubitem 2' }],
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/packages/markdown/tests/fixtures/markdown/soft-break-marks.ts b/packages/markdown/tests/fixtures/markdown/soft-break-marks.ts
new file mode 100644
index 0000000..8e13c41
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/soft-break-marks.ts
@@ -0,0 +1,30 @@
+export const name = 'Soft Break with Marks'
+
+export const expectedInput = `**Speaker:**
+John Doe.
+
+**Speaker:**
+**John Doe**`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        { type: 'text', marks: [{ type: 'bold' }], text: 'Speaker:' },
+        { type: 'text', text: '\nJohn Doe.' },
+      ],
+    },
+    {
+      type: 'paragraph',
+      content: [
+        { type: 'text', marks: [{ type: 'bold' }], text: 'Speaker:' },
+        { type: 'text', text: '\n' },
+        { type: 'text', marks: [{ type: 'bold' }], text: 'John Doe' },
+      ],
+    },
+  ],
+}
+
+export const extensions = []
diff --git a/packages/markdown/tests/fixtures/markdown/task-list.ts b/packages/markdown/tests/fixtures/markdown/task-list.ts
new file mode 100644
index 0000000..7197fad
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/task-list.ts
@@ -0,0 +1,113 @@
+export const name = 'Task List'
+
+export const expectedInput = `
+- [ ] Task 1
+- [x] Task 2
+- [ ] Task 3
+  - [ ] Subtask 1
+  - [x] Subtask 2
+    - [ ] Subtask 2a
+    - [x] Subtask 2b
+- [x] Task 4
+`.trim()
+
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'taskList',
+      content: [
+        {
+          type: 'taskItem',
+          attrs: { checked: false },
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Task 1' }],
+            },
+          ],
+        },
+        {
+          type: 'taskItem',
+          attrs: { checked: true },
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Task 2' }],
+            },
+          ],
+        },
+        {
+          type: 'taskItem',
+          attrs: { checked: false },
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Task 3' }],
+            },
+            {
+              type: 'taskList',
+              content: [
+                {
+                  type: 'taskItem',
+                  attrs: { checked: false },
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [{ type: 'text', text: 'Subtask 1' }],
+                    },
+                  ],
+                },
+                {
+                  type: 'taskItem',
+                  attrs: { checked: true },
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [{ type: 'text', text: 'Subtask 2' }],
+                    },
+                    {
+                      type: 'taskList',
+                      content: [
+                        {
+                          type: 'taskItem',
+                          attrs: { checked: false },
+                          content: [
+                            {
+                              type: 'paragraph',
+                              content: [{ type: 'text', text: 'Subtask 2a' }],
+                            },
+                          ],
+                        },
+                        {
+                          type: 'taskItem',
+                          attrs: { checked: true },
+                          content: [
+                            {
+                              type: 'paragraph',
+                              content: [{ type: 'text', text: 'Subtask 2b' }],
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'taskItem',
+          attrs: { checked: true },
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: 'Task 4' }],
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/packages/markdown/tests/fixtures/markdown/trailing-whitespace-marks.ts b/packages/markdown/tests/fixtures/markdown/trailing-whitespace-marks.ts
new file mode 100644
index 0000000..fece416
--- /dev/null
+++ b/packages/markdown/tests/fixtures/markdown/trailing-whitespace-marks.ts
@@ -0,0 +1,53 @@
+export const name = 'Trailing Whitespace in Marks'
+
+// The expected input is the correct markdown output (no spaces inside marks)
+export const expectedInput = `**text** continues here
+
+and **more text** here
+
+also *italic text* works
+
+and **bold** *italic* mixed`.trim()
+
+// The JSON content simulates text with trailing/leading spaces inside marks
+// which should be moved outside the mark delimiters in the output
+export const expectedOutput = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [
+        { type: 'text', marks: [{ type: 'bold' }], text: 'text' },
+        { type: 'text', text: ' continues here' },
+      ],
+    },
+    {
+      type: 'paragraph',
+      content: [
+        { type: 'text', text: 'and ' },
+        { type: 'text', marks: [{ type: 'bold' }], text: 'more text' },
+        { type: 'text', text: ' here' },
+      ],
+    },
+    {
+      type: 'paragraph',
+      content: [
+        { type: 'text', text: 'also ' },
+        { type: 'text', marks: [{ type: 'italic' }], text: 'italic text' },
+        { type: 'text', text: ' works' },
+      ],
+    },
+    {
+      type: 'paragraph',
+      content: [
+        { type: 'text', text: 'and ' },
+        { type: 'text', marks: [{ type: 'bold' }], text: 'bold' },
+        { type: 'text', text: ' ' },
+        { type: 'text', marks: [{ type: 'italic' }], text: 'italic' },
+        { type: 'text', text: ' mixed' },
+      ],
+    },
+  ],
+}
+
+export const extensions = []
diff --git a/packages/markdown/tests/integration/block-token-blank-line.test.ts b/packages/markdown/tests/integration/block-token-blank-line.test.ts
new file mode 100644
index 0000000..6ec5734
--- /dev/null
+++ b/packages/markdown/tests/integration/block-token-blank-line.test.ts
@@ -0,0 +1,88 @@
+import { Blockquote } from '@tiptap/extension-blockquote'
+import { Document } from '@tiptap/extension-document'
+import { Heading } from '@tiptap/extension-heading'
+import { BulletList, ListItem, OrderedList } from '@tiptap/extension-list'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Table, TableCell, TableHeader, TableRow } from '@tiptap/extension-table'
+import { Text } from '@tiptap/extension-text'
+import { MarkdownManager } from '@tiptap/markdown'
+import { beforeEach, describe, expect, it } from 'vite-plus/test'
+
+describe('Blank lines after a block token', () => {
+  let markdownManager: MarkdownManager
+
+  beforeEach(() => {
+    markdownManager = new MarkdownManager({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Heading,
+        Blockquote,
+        BulletList,
+        OrderedList,
+        ListItem,
+        Table,
+        TableRow,
+        TableHeader,
+        TableCell,
+      ],
+    })
+  })
+
+  // Heading tokenizer absorbs trailing blank lines into the token's raw,
+  // so we recover them here to prevent losing a blank line per parse cycle.
+  it('preserves a blank line between a heading and the following text', () => {
+    const doc = markdownManager.parse('# Title\n\n\n\nBody')
+
+    expect(doc.content).toEqual([
+      { type: 'heading', attrs: { level: 1 }, content: [{ type: 'text', text: 'Title' }] },
+      { type: 'paragraph', content: [] },
+      { type: 'paragraph', content: [{ type: 'text', text: 'Body' }] },
+    ])
+  })
+
+  it('does not create an empty paragraph when a heading is directly followed by text', () => {
+    const doc = markdownManager.parse('# Title\n\nBody')
+
+    expect(doc.content).toEqual([
+      { type: 'heading', attrs: { level: 1 }, content: [{ type: 'text', text: 'Title' }] },
+      { type: 'paragraph', content: [{ type: 'text', text: 'Body' }] },
+    ])
+  })
+
+  it('round-trips blank lines after a heading without eroding them', () => {
+    const markdown = '# Title\n\n\n\nBody'
+
+    const once = markdownManager.serialize(markdownManager.parse(markdown))
+    const twice = markdownManager.serialize(markdownManager.parse(once))
+
+    expect(twice).toBe(once)
+  })
+
+  it('normalizes an explicit &nbsp; paragraph without eroding the blank line', () => {
+    const once = markdownManager.serialize(markdownManager.parse('# Title\n\n&nbsp;\n\nBody'))
+    const twice = markdownManager.serialize(markdownManager.parse(once))
+
+    expect(once).toBe('# Title\n\n\n\nBody')
+    expect(twice).toBe(once)
+  })
+
+  // Tables absorb trailing blank lines the same way.
+  it('preserves a blank line between a table and the following text', () => {
+    const doc = markdownManager.parse('| a | b |\n| --- | --- |\n| 1 | 2 |\n\n\n\nAfter')
+    const kinds = (doc.content ?? []).map(node => node.type)
+
+    expect(kinds).toEqual(['table', 'paragraph', 'paragraph'])
+    expect(doc.content?.[1]).toEqual({ type: 'paragraph', content: [] })
+  })
+
+  // HTML blocks absorb trailing blank lines the same way.
+  it('preserves a blank line after a raw HTML block (parsed as paragraph)', () => {
+    const doc = markdownManager.parse('<div>test</div>\n\n\n\nAfter')
+    const kinds = (doc.content ?? []).map(node => node.type)
+
+    expect(kinds).toEqual(['paragraph', 'paragraph', 'paragraph'])
+    expect(doc.content?.[1]).toEqual({ type: 'paragraph', content: [] })
+  })
+})
diff --git a/packages/markdown/tests/integration/blockquote.test.ts b/packages/markdown/tests/integration/blockquote.test.ts
new file mode 100644
index 0000000..53c89aa
--- /dev/null
+++ b/packages/markdown/tests/integration/blockquote.test.ts
@@ -0,0 +1,94 @@
+import { Blockquote } from '@tiptap/extension-blockquote'
+import { Document } from '@tiptap/extension-document'
+import { Heading } from '@tiptap/extension-heading'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { MarkdownManager } from '@tiptap/markdown'
+import { beforeEach, describe, expect, it } from 'vite-plus/test'
+
+describe('Blockquote Markdown Conversion', () => {
+  let markdownManager: MarkdownManager
+
+  beforeEach(() => {
+    markdownManager = new MarkdownManager({
+      extensions: [Document, Paragraph, Text, Blockquote, Heading],
+    })
+  })
+
+  it('should convert a single-level blockquote to markdown', () => {
+    const markdown = '> This is a blockquote'
+    const json = markdownManager.parse(markdown)
+    const output = markdownManager.serialize(json)
+
+    expect(output.trim()).toBe(markdown)
+  })
+
+  it('should convert a single-level blockquote with multiple paragraphs to markdown', () => {
+    const markdown = '> First paragraph\n>\n> Second paragraph'
+    const json = markdownManager.parse(markdown)
+    const output = markdownManager.serialize(json)
+
+    expect(output.trim()).toBe(markdown)
+  })
+
+  it('should convert nested blockquotes to markdown', () => {
+    const markdown = '> Level 1\n>\n> > Level 2\n> >\n> > > Level 3'
+    const json = markdownManager.parse(markdown)
+    const output = markdownManager.serialize(json)
+
+    expect(output.trim()).toBe(markdown)
+  })
+
+  it('should handle blockquotes with varying nesting depths', () => {
+    const markdown =
+      '> Level 1\n>\n> > Level 2\n> >\n> > > Level 3\n> >\n> > Back to level 2\n>\n> Back to level 1'
+    const json = markdownManager.parse(markdown)
+    const output = markdownManager.serialize(json)
+
+    expect(output.trim()).toBe(markdown)
+  })
+
+  it('should convert nested blockquotes with multiple paragraphs', () => {
+    const markdown =
+      '> First paragraph\n>\n> Second paragraph\n>\n> > Nested paragraph\n> >\n> > > Deeply nested'
+    const json = markdownManager.parse(markdown)
+    const output = markdownManager.serialize(json)
+
+    expect(output.trim()).toBe(markdown)
+  })
+
+  it('should handle a blockquote that jumps multiple levels deep', () => {
+    const markdown = '> Level 1\n>\n> > > Level 3 (jumped from 1 to 3)'
+    const json = markdownManager.parse(markdown)
+    const output = markdownManager.serialize(json)
+
+    expect(output.trim()).toBe(markdown)
+  })
+
+  it('should handle blockquotes going back to shallower nesting', () => {
+    const markdown =
+      '> Level 1\n>\n> > Level 2\n> >\n> > > Level 3\n> >\n> > Back to level 2\n>\n> Back to level 1'
+    const json = markdownManager.parse(markdown)
+    const output = markdownManager.serialize(json)
+
+    expect(output.trim()).toBe(markdown)
+  })
+
+  it('should handle blockquotes with text content at different levels', () => {
+    const markdown =
+      '> Outer quote with some text\n>\n> > Inner quote with more text\n> >\n> > > Innermost quote'
+    const json = markdownManager.parse(markdown)
+    const output = markdownManager.serialize(json)
+
+    expect(output.trim()).toBe(markdown)
+  })
+
+  it('should handle blockquotes with mixed content including headings', () => {
+    const markdown =
+      '> This is a block quote\n>\n> With more paragraphs\n>\n> # And a heading\n>\n> > And nested\n> >\n> > ## And another heading'
+    const json = markdownManager.parse(markdown)
+    const output = markdownManager.serialize(json)
+
+    expect(output.trim()).toBe(markdown)
+  })
+})
diff --git a/packages/markdown/tests/integration/conversion.test.ts b/packages/markdown/tests/integration/conversion.test.ts
new file mode 100644
index 0000000..7ba0bb6
--- /dev/null
+++ b/packages/markdown/tests/integration/conversion.test.ts
@@ -0,0 +1,831 @@
+import type { Extension } from '@tiptap/core'
+import { Bold } from '@tiptap/extension-bold'
+import { Code } from '@tiptap/extension-code'
+import { CodeBlock } from '@tiptap/extension-code-block'
+import { Document } from '@tiptap/extension-document'
+import { HardBreak } from '@tiptap/extension-hard-break'
+import { Heading } from '@tiptap/extension-heading'
+import { Italic } from '@tiptap/extension-italic'
+import { Link } from '@tiptap/extension-link'
+import { BulletList, ListItem, OrderedList, TaskItem, TaskList } from '@tiptap/extension-list'
+import { Mention } from '@tiptap/extension-mention'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { Youtube } from '@tiptap/extension-youtube'
+import { MarkdownManager } from '@tiptap/markdown'
+import { describe, expect, it } from 'vite-plus/test'
+
+import * as conversionfiles from '../fixtures/markdown/index.js'
+
+describe('Markdown Conversion Tests', () => {
+  const extensions = [
+    Document,
+    Paragraph,
+    Text,
+    Bold,
+    Italic,
+    Code,
+    Link,
+    Heading,
+    HardBreak,
+    CodeBlock,
+    BulletList,
+    OrderedList,
+    ListItem,
+    TaskList,
+    TaskItem.configure({
+      nested: true,
+    }),
+    Mention.configure({
+      HTMLAttributes: {
+        class: 'mention',
+      },
+      suggestion: undefined,
+    }),
+    Youtube.configure({
+      HTMLAttributes: {
+        class: 'youtube-video',
+      },
+    }),
+  ]
+
+  const conversionExtensions: Extension[] = []
+
+  Object.values(conversionfiles).forEach((file: any) => {
+    if (!file?.extensions) {
+      return
+    }
+
+    conversionExtensions.push(...file.extensions)
+  })
+
+  const markdownManager = new MarkdownManager({
+    extensions: [...extensions, ...conversionExtensions],
+  })
+
+  describe('convert simple taskList from and to markdown', () => {
+    const simpleMarkdown = `
+- [ ] Task 1
+- [x] Task 2
+- [ ] Task 3
+`.trim()
+
+    const simpleJSON = {
+      type: 'doc',
+      content: [
+        {
+          type: 'taskList',
+          content: [
+            {
+              type: 'taskItem',
+              attrs: { checked: false },
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [{ type: 'text', text: 'Task 1' }],
+                },
+              ],
+            },
+            {
+              type: 'taskItem',
+              attrs: { checked: true },
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [{ type: 'text', text: 'Task 2' }],
+                },
+              ],
+            },
+            {
+              type: 'taskItem',
+              attrs: { checked: false },
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [{ type: 'text', text: 'Task 3' }],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+
+    it('should convert simple markdown to expected JSON structure', () => {
+      const json = markdownManager.parse(simpleMarkdown)
+      expect(json).toEqual(simpleJSON)
+    })
+
+    it('should convert simple JSON structure back to expected markdown', () => {
+      const md = markdownManager.serialize(simpleJSON)
+      expect(md.trim()).toBe(simpleMarkdown.trim())
+    })
+  })
+
+  describe('convert taskList with leading paragraph from and to markdown', () => {
+    const markdownWithLeadingParagraph = `Leading paragraph
+
+- [ ] Task`
+
+    const expectedJSON = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [{ type: 'text', text: 'Leading paragraph' }],
+        },
+        {
+          type: 'taskList',
+          content: [
+            {
+              type: 'taskItem',
+              attrs: { checked: false },
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [{ type: 'text', text: 'Task' }],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+
+    it('should convert markdown with leading paragraph to expected JSON structure', () => {
+      const json = markdownManager.parse(markdownWithLeadingParagraph)
+      expect(json).to.deep.equal(expectedJSON)
+    })
+
+    it('should convert JSON structure back to expected markdown', () => {
+      const md = markdownManager.serialize(expectedJSON)
+      expect(md).to.equal(markdownWithLeadingParagraph)
+    })
+  })
+
+  Object.values(conversionfiles).forEach(file => {
+    describe(`convert ${file.name} from and to markdown`, () => {
+      it(`should convert ${file.name} markdown to expected JSON structure`, () => {
+        const json = markdownManager.parse(file.expectedInput)
+
+        const normalizedActual = JSON.parse(JSON.stringify(json))
+        const normalizedExpected = JSON.parse(JSON.stringify(file.expectedOutput))
+
+        expect(normalizedActual).toEqual(normalizedExpected)
+      })
+
+      it(`should convert ${file.name} JSON structure back to expected markdown`, () => {
+        const md = markdownManager.serialize(file.expectedOutput)
+        expect(md.trim()).toBe(file.expectedInput.trim())
+      })
+    })
+  })
+
+  describe('multiple empty paragraphs', () => {
+    // The first top-level empty paragraph stays empty markdown spacing.
+    // Additional consecutive empty paragraphs are preserved with &nbsp; markers.
+    it('should preserve two empty paragraphs with blank spacing plus one &nbsp; marker when converting to markdown', () => {
+      const json = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'Line1' }],
+          },
+          {
+            type: 'paragraph',
+            content: [],
+          },
+          {
+            type: 'paragraph',
+            content: [],
+          },
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'Line2' }],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(json)
+
+      expect(markdown).toBe('Line1\n\n\n\n&nbsp;\n\nLine2')
+    })
+
+    it('should parse markdown with one preserved blank paragraph back correctly', () => {
+      const markdown = 'Line1\n\n&nbsp;\n\nLine2'
+      const json = markdownManager.parse(markdown)
+      const content = json.content!
+
+      expect(content).toHaveLength(3)
+      expect(content[0].type).toBe('paragraph')
+      expect(content[0].content![0].text).toBe('Line1')
+      expect(content[1].type).toBe('paragraph')
+      expect(content[1].content).toEqual([])
+      expect(content[2].type).toBe('paragraph')
+      expect(content[2].content![0].text).toBe('Line2')
+    })
+
+    it('should reserialize parsed empty paragraphs using blank spacing plus preserved markers', () => {
+      const json = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'Line1' }],
+          },
+          {
+            type: 'paragraph',
+            content: [],
+          },
+          {
+            type: 'paragraph',
+            content: [],
+          },
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'Line2' }],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(json)
+      const parsed = markdownManager.parse(markdown)
+      const content = parsed.content!
+
+      expect(content).toHaveLength(4)
+      expect(content[1].content).toEqual([])
+      expect(content[2].content).toEqual([])
+
+      const remarked = markdownManager.serialize(parsed)
+      expect(remarked).toBe(markdown)
+    })
+
+    it('should roundtrip five consecutive empty paragraphs without losing one', () => {
+      const json = {
+        type: 'doc',
+        content: [
+          { type: 'paragraph', content: [{ type: 'text', text: 'Line1' }] },
+          { type: 'paragraph', content: [] },
+          { type: 'paragraph', content: [] },
+          { type: 'paragraph', content: [] },
+          { type: 'paragraph', content: [] },
+          { type: 'paragraph', content: [] },
+          { type: 'paragraph', content: [{ type: 'text', text: 'Line2' }] },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(json)
+      const parsed = markdownManager.parse(markdown)
+      const content = parsed.content!
+
+      expect(markdown).toBe('Line1\n\n\n\n&nbsp;\n\n&nbsp;\n\n&nbsp;\n\n&nbsp;\n\nLine2')
+      expect(content).toHaveLength(7)
+      expect(
+        content.slice(1, 6).every(node => node.type === 'paragraph' && node.content?.length === 0),
+      ).toBe(true)
+    })
+
+    it('should handle empty paragraphs without content field (real editor output)', () => {
+      // Real editor output may omit the content field for empty paragraphs
+      const json = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'Line1' }],
+          },
+          {
+            type: 'paragraph',
+            // No content field - this is what the real editor might output
+          },
+          {
+            type: 'paragraph',
+            // No content field
+          },
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'Line2' }],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(json)
+
+      expect(markdown).toBe('Line1\n\n\n\n&nbsp;\n\nLine2')
+    })
+
+    it('should parse literal NBSP character (\\u00A0) as empty paragraph', () => {
+      // Some markdown parsers may convert &nbsp; entity to the literal NBSP character
+      const markdown = 'Line1\n\n\u00A0\n\nLine2'
+      const json = markdownManager.parse(markdown)
+      const content = json.content!
+
+      expect(content).toHaveLength(3)
+      expect(content[0].type).toBe('paragraph')
+      expect(content[0].content![0].text).toBe('Line1')
+      expect(content[1].type).toBe('paragraph')
+      expect(content[1].content).toEqual([])
+      expect(content[2].type).toBe('paragraph')
+      expect(content[2].content![0].text).toBe('Line2')
+
+      const serialized = markdownManager.serialize(json)
+      expect(serialized).toBe('Line1\n\n\n\nLine2')
+    })
+  })
+
+  describe('tilde fenced code blocks', () => {
+    const codeBlockJSON = {
+      type: 'doc',
+      content: [
+        {
+          type: 'codeBlock',
+          attrs: { language: null },
+          content: [{ type: 'text', text: 'code block' }],
+        },
+      ],
+    }
+
+    const codeBlockWithLangJSON = {
+      type: 'doc',
+      content: [
+        {
+          type: 'codeBlock',
+          attrs: { language: 'js' },
+          content: [{ type: 'text', text: 'console.log("hello")' }],
+        },
+      ],
+    }
+
+    it('should parse tilde fenced code blocks', () => {
+      const markdown = '~~~\ncode block\n~~~'
+      const json = markdownManager.parse(markdown)
+      expect(json).toEqual(codeBlockJSON)
+    })
+
+    it('should parse tilde fenced code blocks with language', () => {
+      const markdown = '~~~js\nconsole.log("hello")\n~~~'
+      const json = markdownManager.parse(markdown)
+      expect(json).toEqual(codeBlockWithLangJSON)
+    })
+
+    it('should parse backtick fenced code blocks', () => {
+      const markdown = '```\ncode block\n```'
+      const json = markdownManager.parse(markdown)
+      expect(json).toEqual(codeBlockJSON)
+    })
+
+    it('should parse backtick fenced code blocks with language', () => {
+      const markdown = '```js\nconsole.log("hello")\n```'
+      const json = markdownManager.parse(markdown)
+      expect(json).toEqual(codeBlockWithLangJSON)
+    })
+
+    it('should produce the same result for tilde and backtick fenced code blocks', () => {
+      const tildeMarkdown = '~~~\ncode block\n~~~'
+      const backtickMarkdown = '```\ncode block\n```'
+      const tildeJSON = markdownManager.parse(tildeMarkdown)
+      const backtickJSON = markdownManager.parse(backtickMarkdown)
+      expect(tildeJSON).toEqual(backtickJSON)
+    })
+  })
+
+  describe('HTML character escaping', () => {
+    it('should decode &lt; and &gt; entities to literal < and > when parsing', () => {
+      const markdown = 'foo &lt;bar&gt; baz'
+      const json = markdownManager.parse(markdown)
+
+      expect(json.content).toHaveLength(1)
+      expect(json.content[0].type).toBe('paragraph')
+      expect(json.content[0].content).toHaveLength(1)
+      expect(json.content[0].content[0].text).toBe('foo <bar> baz')
+    })
+
+    it('should decode &amp; entity to literal & when parsing', () => {
+      const markdown = 'foo &amp; bar'
+      const json = markdownManager.parse(markdown)
+
+      expect(json.content[0].content[0].text).toBe('foo & bar')
+    })
+
+    it('should encode < and > back to entities when serializing', () => {
+      const json = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'foo <bar> baz' }],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(json)
+      expect(markdown).toBe('foo &lt;bar&gt; baz')
+    })
+
+    it('should encode & back to &amp; when serializing', () => {
+      const json = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'foo & bar' }],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(json)
+      expect(markdown).toBe('foo &amp; bar')
+    })
+
+    it('should roundtrip &lt;bar&gt; correctly', () => {
+      const markdown = 'foo &lt;bar&gt; baz'
+      const json = markdownManager.parse(markdown)
+
+      // Editor should show literal <bar>
+      expect(json.content[0].content[0].text).toBe('foo <bar> baz')
+
+      // Serialize back should produce the entity form
+      const serialized = markdownManager.serialize(json)
+      expect(serialized).toBe('foo &lt;bar&gt; baz')
+    })
+
+    it('should roundtrip &amp; correctly', () => {
+      const markdown = 'foo &amp; bar'
+      const json = markdownManager.parse(markdown)
+      expect(json.content[0].content[0].text).toBe('foo & bar')
+
+      const serialized = markdownManager.serialize(json)
+      expect(serialized).toBe('foo &amp; bar')
+    })
+
+    it('should decode &quot; entity to literal " when parsing', () => {
+      const markdown = 'foo &quot;bar&quot; baz'
+      const json = markdownManager.parse(markdown)
+
+      expect(json.content[0].content[0].text).toBe('foo "bar" baz')
+    })
+
+    it('should not encode " when serializing (quotes are valid markdown)', () => {
+      const json = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'foo "bar" baz' }],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(json)
+      expect(markdown).toBe('foo "bar" baz')
+    })
+
+    it('should decode &quot; when parsing but serialize as literal "', () => {
+      const markdown = 'foo &quot;bar&quot; baz'
+      const json = markdownManager.parse(markdown)
+      expect(json.content[0].content[0].text).toBe('foo "bar" baz')
+
+      const serialized = markdownManager.serialize(json)
+      expect(serialized).toBe('foo "bar" baz')
+    })
+
+    it('should not encode entities inside code blocks', () => {
+      const json = {
+        type: 'doc',
+        content: [
+          {
+            type: 'codeBlock',
+            attrs: { language: null },
+            content: [{ type: 'text', text: 'foo <bar> & baz' }],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(json)
+      expect(markdown).toBe('```\nfoo <bar> & baz\n```')
+    })
+
+    it('should not encode entities inside inline code marks', () => {
+      const json = {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: '<tag>',
+                marks: [{ type: 'code' }],
+              },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(json)
+      expect(markdown).toBe('`<tag>`')
+    })
+
+    it('should handle doubly-encoded entities correctly', () => {
+      // &amp;lt; should decode to &lt; (not to <)
+      const markdown = 'foo &amp;lt; bar'
+      const json = markdownManager.parse(markdown)
+      expect(json.content[0].content[0].text).toBe('foo &lt; bar')
+
+      // Serializing should re-encode the & in &lt;
+      const serialized = markdownManager.serialize(json)
+      expect(serialized).toBe('foo &amp;lt; bar')
+    })
+
+    it('should preserve &nbsp; empty paragraph behavior', () => {
+      const markdown = 'Line1\n\n&nbsp;\n\nLine2'
+      const json = markdownManager.parse(markdown)
+
+      // Empty paragraph check should still work
+      expect(json.content).toHaveLength(3)
+      expect(json.content[1].type).toBe('paragraph')
+      expect(json.content[1].content).toEqual([])
+
+      // A single empty paragraph between content paragraphs uses blank-line
+      // spacing (the first empty paragraph doesn't need an &nbsp; marker).
+      const serialized = markdownManager.serialize(json)
+      expect(serialized).toBe('Line1\n\n\n\nLine2')
+    })
+
+    it('should roundtrip literal &amp;nbsp; without it being treated as an empty paragraph marker', () => {
+      // A user writing &amp;nbsp; in markdown intends for the text "&nbsp;" to display.
+      // decodeHtmlEntities decodes &amp; → &, producing text content "&nbsp;".
+      // On serialization, encodeHtmlEntities re-encodes & → &amp;, restoring &amp;nbsp;.
+      // The intermediate "&nbsp;" text must NOT be confused with the empty-paragraph marker.
+      const markdown = 'before &amp;nbsp; after'
+      const json = markdownManager.parse(markdown)
+
+      expect(json.content).toHaveLength(1)
+      expect(json.content[0].type).toBe('paragraph')
+      expect(json.content[0].content[0].text).toBe('before &nbsp; after')
+
+      const serialized = markdownManager.serialize(json)
+      expect(serialized).toBe('before &amp;nbsp; after')
+    })
+
+    it('should preserve a standalone literal &amp;nbsp; paragraph as text', () => {
+      const markdown = '&amp;nbsp;'
+      const json = markdownManager.parse(markdown)
+      const content = json.content!
+
+      expect(content).toHaveLength(1)
+      expect(content[0].type).toBe('paragraph')
+      expect(content[0].content).toEqual([{ type: 'text', text: '&nbsp;' }])
+
+      const serialized = markdownManager.serialize(json)
+      expect(serialized).toBe('&amp;nbsp;')
+    })
+  })
+
+  describe('markdown escape character handling', () => {
+    describe('parsing: escape tokens in markdown → text nodes', () => {
+      it('should parse a backslash-escaped asterisk as a literal asterisk', () => {
+        const json = markdownManager.parse('\\*text\\*')
+
+        expect(json.content).toHaveLength(1)
+        expect(json.content[0].type).toBe('paragraph')
+        expect(json.content[0].content).toHaveLength(1)
+        expect(json.content[0].content[0]).toEqual({ type: 'text', text: '*text*' })
+      })
+
+      it('should parse a backslash-escaped underscore as a literal underscore', () => {
+        const json = markdownManager.parse('\\_text\\_')
+
+        expect(json.content[0].content[0]).toEqual({ type: 'text', text: '_text_' })
+      })
+
+      it('should parse a backslash-escaped backtick as a literal backtick', () => {
+        const json = markdownManager.parse('\\`')
+
+        expect(json.content[0].content[0]).toEqual({ type: 'text', text: '`' })
+      })
+
+      it('should parse a double-backslash as a literal backslash', () => {
+        const json = markdownManager.parse('\\\\')
+
+        expect(json.content[0].content[0]).toEqual({ type: 'text', text: '\\' })
+      })
+
+      it('should parse escaped double-asterisks as literal double-asterisks', () => {
+        const json = markdownManager.parse('\\*\\*bold\\*\\*')
+
+        expect(json.content[0].content[0]).toEqual({ type: 'text', text: '**bold**' })
+      })
+
+      it('should parse a backslash-escaped tilde as a literal tilde', () => {
+        const json = markdownManager.parse('\\~text\\~')
+
+        expect(json.content[0].content[0]).toEqual({ type: 'text', text: '~text~' })
+      })
+
+      it('should parse escaped brackets as literal brackets', () => {
+        const json = markdownManager.parse('\\[link\\]')
+
+        expect(json.content[0].content[0]).toEqual({ type: 'text', text: '[link]' })
+      })
+    })
+
+    describe('parsing: mixed escape tokens and real formatting', () => {
+      it('should preserve real italic marks alongside escaped asterisks', () => {
+        const json = markdownManager.parse('\\*escaped\\* and *real*')
+
+        expect(json.content).toHaveLength(1)
+        const content = json.content[0].content!
+        expect(content).toHaveLength(2)
+        // The unmarked escaped text gets merged into a single node
+        expect(content[0].type).toBe('text')
+        expect(content[0].text).toBe('*escaped* and ')
+        // The real italic is still separate
+        expect(content[1]).toEqual({
+          type: 'text',
+          text: 'real',
+          marks: [{ type: 'italic' }],
+        })
+      })
+    })
+
+    describe('serializing: text with special chars → backslash-escaped markdown', () => {
+      it('should escape asterisks in text nodes', () => {
+        const json = {
+          type: 'doc',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: '*literal*' }],
+            },
+          ],
+        }
+
+        const markdown = markdownManager.serialize(json)
+        expect(markdown).toBe('\\*literal\\*')
+      })
+
+      it('should escape underscores in text nodes', () => {
+        const json = {
+          type: 'doc',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: '_underscore_' }],
+            },
+          ],
+        }
+
+        const markdown = markdownManager.serialize(json)
+        expect(markdown).toBe('\\_underscore\\_')
+      })
+
+      it('should escape backticks in text nodes', () => {
+        const json = {
+          type: 'doc',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: '`code`' }],
+            },
+          ],
+        }
+
+        const markdown = markdownManager.serialize(json)
+        expect(markdown).toBe('\\`code\\`')
+      })
+
+      it('should escape backslashes in text nodes', () => {
+        const json = {
+          type: 'doc',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: '\\' }],
+            },
+          ],
+        }
+
+        const markdown = markdownManager.serialize(json)
+        expect(markdown).toBe('\\\\')
+      })
+
+      it('should escape brackets in text nodes', () => {
+        const json = {
+          type: 'doc',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: '[bracket]' }],
+            },
+          ],
+        }
+
+        const markdown = markdownManager.serialize(json)
+        expect(markdown).toBe('\\[bracket\\]')
+      })
+
+      it('should escape tildes in text nodes', () => {
+        const json = {
+          type: 'doc',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: '~strike~' }],
+            },
+          ],
+        }
+
+        const markdown = markdownManager.serialize(json)
+        expect(markdown).toBe('\\~strike\\~')
+      })
+    })
+
+    describe('round-trip: parse → serialize → parse stability', () => {
+      it('should round-trip a simple escaped asterisk string', () => {
+        const input = '\\*hello\\*'
+        const json = markdownManager.parse(input)
+        const md = markdownManager.serialize(json)
+        const json2 = markdownManager.parse(md)
+
+        expect(json2.content[0].content[0].text).toBe('*hello*')
+      })
+
+      it('should round-trip JSON with literal asterisk through serialize → parse', () => {
+        const input = {
+          type: 'doc',
+          content: [
+            {
+              type: 'paragraph',
+              content: [{ type: 'text', text: '*literal*' }],
+            },
+          ],
+        }
+
+        const md = markdownManager.serialize(input)
+        const parsed = markdownManager.parse(md)
+
+        expect(parsed.content[0].content[0].text).toBe('*literal*')
+      })
+
+      it('should round-trip a double-backslash', () => {
+        const input = '\\\\\\\\'
+        const json = markdownManager.parse(input)
+        const md = markdownManager.serialize(json)
+        const json2 = markdownManager.parse(md)
+
+        expect(json2.content[0].content[0].text).toBe('\\\\')
+      })
+    })
+
+    describe('edge cases: code blocks and nested syntax', () => {
+      it('should NOT backslash-escape inside inline code marks (parsing)', () => {
+        const json = markdownManager.parse('`\\*not italic\\*`')
+
+        expect(json.content[0].content[0]).toEqual({
+          type: 'text',
+          text: '\\*not italic\\*',
+          marks: [{ type: 'code' }],
+        })
+      })
+
+      it('should NOT backslash-escape inside code blocks when serializing', () => {
+        const json = {
+          type: 'doc',
+          content: [
+            {
+              type: 'codeBlock',
+              attrs: { language: null },
+              content: [{ type: 'text', text: '*not bold*' }],
+            },
+          ],
+        }
+
+        const markdown = markdownManager.serialize(json)
+        expect(markdown).toBe('```\n*not bold*\n```')
+      })
+
+      it('should NOT backslash-escape inside inline code marks when serializing', () => {
+        const json = {
+          type: 'doc',
+          content: [
+            {
+              type: 'paragraph',
+              content: [
+                {
+                  type: 'text',
+                  text: '*not bold*',
+                  marks: [{ type: 'code' }],
+                },
+              ],
+            },
+          ],
+        }
+
+        const markdown = markdownManager.serialize(json)
+        expect(markdown).toBe('`*not bold*`')
+      })
+    })
+  })
+})
diff --git a/packages/markdown/tests/integration/empty-content.test.ts b/packages/markdown/tests/integration/empty-content.test.ts
new file mode 100644
index 0000000..d6b8592
--- /dev/null
+++ b/packages/markdown/tests/integration/empty-content.test.ts
@@ -0,0 +1,88 @@
+import { Editor } from '@tiptap/core'
+import { Bold } from '@tiptap/extension-bold'
+import { Document } from '@tiptap/extension-document'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { Markdown } from '@tiptap/markdown'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+describe('empty markdown content', () => {
+  let editor: Editor
+
+  afterEach(() => {
+    editor?.destroy()
+  })
+
+  it('should create a valid document when initial content is an empty string', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Markdown],
+      content: '',
+      contentType: 'markdown',
+    })
+
+    const json = editor.getJSON()
+
+    expect(json.type).toBe('doc')
+    expect(json.content).toBeDefined()
+    expect(json.content).toHaveLength(1)
+    expect(json.content![0].type).toBe('paragraph')
+  })
+
+  it('should allow inserting text after initialization with empty markdown content', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Markdown],
+      content: '',
+      contentType: 'markdown',
+    })
+
+    editor.commands.insertContent('Hello')
+
+    const json = editor.getJSON()
+    expect((json.content![0].content![0] as any).text).toBe('Hello')
+  })
+
+  it('should allow inserting text with a paragraph command after initialization with empty markdown content', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Markdown],
+      content: '',
+      contentType: 'markdown',
+    })
+
+    editor.commands.insertContentAt(0, { type: 'text', text: 'Hello' })
+
+    const json = editor.getJSON()
+    expect((json.content![0].content![0] as any).text).toBe('Hello')
+  })
+
+  it('should allow inserting markdown-formatted content after initialization with empty markdown content', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Bold, Markdown],
+      content: '',
+      contentType: 'markdown',
+    })
+
+    editor.commands.insertContent('**bold**', { contentType: 'markdown' })
+
+    const json = editor.getJSON()
+    const textNode = json.content![0].content![0] as any
+    expect(textNode.type).toBe('text')
+    expect(textNode.text).toBe('bold')
+    expect(textNode.marks?.[0]?.type).toBe('bold')
+  })
+
+  it('should allow inserting markdown-formatted content at a specific position after empty initialization', () => {
+    editor = new Editor({
+      extensions: [Document, Paragraph, Text, Bold, Markdown],
+      content: '',
+      contentType: 'markdown',
+    })
+
+    editor.commands.insertContentAt(0, '**bold**', { contentType: 'markdown' })
+
+    const json = editor.getJSON()
+    const textNode = json.content![0].content![0] as any
+    expect(textNode.type).toBe('text')
+    expect(textNode.text).toBe('bold')
+    expect(textNode.marks?.[0]?.type).toBe('bold')
+  })
+})
diff --git a/packages/markdown/tests/integration/inline-marks-punctuation.test.ts b/packages/markdown/tests/integration/inline-marks-punctuation.test.ts
new file mode 100644
index 0000000..bb1c004
--- /dev/null
+++ b/packages/markdown/tests/integration/inline-marks-punctuation.test.ts
@@ -0,0 +1,329 @@
+import { Bold } from '@tiptap/extension-bold'
+import { Document } from '@tiptap/extension-document'
+import { Italic } from '@tiptap/extension-italic'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { MarkdownManager } from '../../src/MarkdownManager.js'
+
+describe('Inline marks containing only punctuation', () => {
+  const extensions = [Document, Paragraph, Text, Bold, Italic]
+  const markdownManager = new MarkdownManager({ extensions })
+
+  describe('Bold marks with punctuation - whitespace-separated (CommonMark compliant)', () => {
+    it('should parse standalone bold punctuation marks', () => {
+      const markdown = '**)**'
+      const json = markdownManager.parse(markdown)
+
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: ')',
+                marks: [{ type: 'bold' }],
+              },
+            ],
+          },
+        ],
+      })
+    })
+
+    it('should parse bold punctuation when preceded by whitespace', () => {
+      const markdown = 'text **)**'
+      const json = markdownManager.parse(markdown)
+
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'text ',
+              },
+              {
+                type: 'text',
+                text: ')',
+                marks: [{ type: 'bold' }],
+              },
+            ],
+          },
+        ],
+      })
+    })
+
+    it('should parse bold punctuation when followed by whitespace', () => {
+      const markdown = '**)** text'
+      const json = markdownManager.parse(markdown)
+
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: ')',
+                marks: [{ type: 'bold' }],
+              },
+              {
+                type: 'text',
+                text: ' text',
+              },
+            ],
+          },
+        ],
+      })
+    })
+
+    it('should parse bold punctuation when surrounded by whitespace', () => {
+      const markdown = 'text **)** more'
+      const json = markdownManager.parse(markdown)
+
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'text ',
+              },
+              {
+                type: 'text',
+                text: ')',
+                marks: [{ type: 'bold' }],
+              },
+              {
+                type: 'text',
+                text: ' more',
+              },
+            ],
+          },
+        ],
+      })
+    })
+
+    it('should parse bold punctuation when preceded by other punctuation', () => {
+      const markdown = '[**)**]'
+      const json = markdownManager.parse(markdown)
+
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: '[',
+              },
+              {
+                type: 'text',
+                text: ')',
+                marks: [{ type: 'bold' }],
+              },
+              {
+                type: 'text',
+                text: ']',
+              },
+            ],
+          },
+        ],
+      })
+    })
+
+    it('should parse multiple bold punctuation marks', () => {
+      const markdown = '**,** **.**'
+      const json = markdownManager.parse(markdown)
+
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: ',',
+                marks: [{ type: 'bold' }],
+              },
+              {
+                type: 'text',
+                text: ' ',
+              },
+              {
+                type: 'text',
+                text: '.',
+                marks: [{ type: 'bold' }],
+              },
+            ],
+          },
+        ],
+      })
+    })
+  })
+
+  describe('Bold marks without required whitespace (CommonMark limitation)', () => {
+    it('should NOT parse bold punctuation when directly preceded by alphanumeric characters', () => {
+      const markdown = 'text**)**'
+      const json = markdownManager.parse(markdown)
+
+      // Per CommonMark flanking rules, this is not recognized as bold
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'text**)**',
+              },
+            ],
+          },
+        ],
+      })
+    })
+
+    it('should NOT parse bold punctuation when directly followed by alphanumeric characters', () => {
+      const markdown = '**)**text'
+      const json = markdownManager.parse(markdown)
+
+      // Per CommonMark flanking rules, this is not recognized as bold
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: '**)**text',
+              },
+            ],
+          },
+        ],
+      })
+    })
+
+    it('should NOT parse bold punctuation when surrounded by alphanumeric characters', () => {
+      const markdown = 'text**)**text'
+      const json = markdownManager.parse(markdown)
+
+      // Per CommonMark flanking rules, this is not recognized as bold
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'text**)**text',
+              },
+            ],
+          },
+        ],
+      })
+    })
+  })
+
+  describe('Italic marks with punctuation', () => {
+    it('should parse standalone italic punctuation', () => {
+      const markdown = '*)*'
+      const json = markdownManager.parse(markdown)
+
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: ')',
+                marks: [{ type: 'italic' }],
+              },
+            ],
+          },
+        ],
+      })
+    })
+
+    it('should parse italic punctuation with whitespace', () => {
+      const markdown = 'text *,* more'
+      const json = markdownManager.parse(markdown)
+
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'text ',
+              },
+              {
+                type: 'text',
+                text: ',',
+                marks: [{ type: 'italic' }],
+              },
+              {
+                type: 'text',
+                text: ' more',
+              },
+            ],
+          },
+        ],
+      })
+    })
+
+    it('should NOT parse italic punctuation without whitespace', () => {
+      const markdown = 'text*,*text'
+      const json = markdownManager.parse(markdown)
+
+      expect(json).toEqual({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              {
+                type: 'text',
+                text: 'text*,*text',
+              },
+            ],
+          },
+        ],
+      })
+    })
+  })
+
+  describe('Roundtrip serialization', () => {
+    it('should maintain bold punctuation through parse-serialize cycle', () => {
+      const markdown = 'text **)** more'
+      const json = markdownManager.parse(markdown)
+      const serialized = markdownManager.serialize(json)
+
+      expect(serialized).toBe(markdown)
+    })
+
+    it('should maintain italic punctuation through parse-serialize cycle', () => {
+      const markdown = 'text *,* more'
+      const json = markdownManager.parse(markdown)
+      const serialized = markdownManager.serialize(json)
+
+      expect(serialized).toBe(markdown)
+    })
+  })
+})
diff --git a/packages/markdown/tests/integration/list-indentation.test.ts b/packages/markdown/tests/integration/list-indentation.test.ts
new file mode 100644
index 0000000..5b52d0a
--- /dev/null
+++ b/packages/markdown/tests/integration/list-indentation.test.ts
@@ -0,0 +1,52 @@
+import { Document } from '@tiptap/extension-document'
+import { BulletList, ListItem, OrderedList } from '@tiptap/extension-list'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { MarkdownManager } from '@tiptap/markdown'
+import { describe, expect, it } from 'vite-plus/test'
+
+const manager = (indentation?: { style?: 'space' | 'tab'; size?: number }) =>
+  new MarkdownManager({
+    extensions: [Document, Paragraph, Text, BulletList, OrderedList, ListItem],
+    ...(indentation ? { indentation } : {}),
+  } as any)
+
+const roundTrip = (mm: MarkdownManager, markdown: string) => mm.serialize(mm.parse(markdown) as any)
+
+const ordered = ['1. one', '   1. inner', '2. two'].join('\n')
+const orderedWide = ['10. ten', '    1. inner', '11. eleven'].join('\n')
+const bullet = ['- one', '  - inner', '- two'].join('\n')
+
+describe('list indentation on serialize', () => {
+  it('indents a nested ordered list to the marker width', () => {
+    expect(roundTrip(manager(), ordered)).toBe(ordered)
+  })
+
+  it('widens the indent for a marker wider than the indent size', () => {
+    expect(roundTrip(manager({ style: 'space', size: 2 }), orderedWide)).toBe(orderedWide)
+  })
+
+  it('keeps a configured indent that is already past the marker', () => {
+    expect(roundTrip(manager({ style: 'space', size: 4 }), ordered)).toBe(
+      ['1. one', '    1. inner', '2. two'].join('\n'),
+    )
+  })
+
+  it('keeps tab indentation on an ordered list, since a tab clears the marker', () => {
+    expect(roundTrip(manager({ style: 'tab', size: 1 }), orderedWide)).toBe(
+      ['10. ten', '\t1. inner', '11. eleven'].join('\n'),
+    )
+  })
+
+  it('leaves bullet lists on the configured indent size', () => {
+    expect(roundTrip(manager({ style: 'space', size: 4 }), bullet)).toBe(
+      ['- one', '    - inner', '- two'].join('\n'),
+    )
+  })
+
+  it('leaves bullet lists on tab indentation', () => {
+    expect(roundTrip(manager({ style: 'tab', size: 1 }), bullet)).toBe(
+      ['- one', '\t- inner', '- two'].join('\n'),
+    )
+  })
+})
diff --git a/packages/markdown/tests/integration/mixed-html.test.ts b/packages/markdown/tests/integration/mixed-html.test.ts
new file mode 100644
index 0000000..852661a
--- /dev/null
+++ b/packages/markdown/tests/integration/mixed-html.test.ts
@@ -0,0 +1,127 @@
+/**
+ * @vitest-environment happy-dom
+ */
+
+import { Document } from '@tiptap/extension-document'
+import { HardBreak } from '@tiptap/extension-hard-break'
+import { Heading } from '@tiptap/extension-heading'
+import { Italic } from '@tiptap/extension-italic'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { MarkdownManager } from '@tiptap/markdown'
+import { beforeEach, describe, expect, it } from 'vite-plus/test'
+
+describe('MarkdownManager Mixed Markdown + HTML', () => {
+  let manager: MarkdownManager
+  const basicExtensions = [Document, Paragraph, Text, Heading, Italic, HardBreak]
+
+  beforeEach(() => {
+    manager = new MarkdownManager({ extensions: basicExtensions })
+  })
+
+  it('parses heading with inline HTML <em> as italic', () => {
+    const md = '## hello <em>world</em>'
+    const doc = manager.parse(md)
+
+    expect(doc.type).toBe('doc')
+    expect(Array.isArray(doc.content)).toBe(true)
+    const heading = doc.content![0]
+    expect(heading.type).toBe('heading')
+    // Find the text node that contains 'world'
+    const textNodes = heading.content!.flatMap((n: any) =>
+      n.type === 'text' ? [n] : n.content || [],
+    )
+    const worldNode = textNodes.find((n: any) => n.text && n.text.includes('world'))
+    // Use a function-call assertion to avoid the "no-unused-expressions" lint error
+    expect(worldNode).not.toBe(undefined)
+    // The italic mark should be present
+    expect(Array.isArray(worldNode!.marks)).toBe(true)
+    const hasItalic = worldNode!.marks.some((m: any) => m.type === 'italic')
+    expect(hasItalic).toBe(true)
+  })
+
+  it('parses standalone inline HTML <em>world</em> as italic', () => {
+    const md = '<em>world</em>'
+    const doc = manager.parse(md)
+
+    expect(doc.type).toBe('doc')
+    // Inline HTML typically produces a paragraph wrapper
+    const paragraph = doc.content![0]
+    expect(paragraph.type).toBe('paragraph')
+    const textNode = paragraph.content![0]
+    expect(textNode.text).toBe('world')
+    expect(Array.isArray(textNode.marks)).toBe(true)
+    const hasItalic = (textNode.marks || []).some((m: any) => m.type === 'italic')
+    expect(hasItalic).toBe(true)
+  })
+
+  it('parses markdown italic next to HTML italic correctly', () => {
+    const md = '*a* <em>b</em> *c*'
+    const doc = manager.parse(md)
+
+    expect(doc.type).toBe('doc')
+    const para = doc.content![0]
+    expect(para.type).toBe('paragraph')
+
+    // Collect texts and their mark states
+    const runs = para.content!.map((n: any) => ({ text: n.text, marks: n.marks || [] }))
+    // Expect there to be runs containing a, b, c
+    const texts = runs.map(r => (r.text || '').trim())
+    expect(texts).toContain('a')
+    expect(texts).toContain('b')
+    expect(texts).toContain('c')
+    ;['a', 'b', 'c'].forEach(letter => {
+      const node = runs.find(r => (r.text || '').trim() === letter)
+      expect(node).not.toBe(undefined)
+      const hasItalic = ((node as any).marks || []).some((m: any) => m.type === 'italic')
+      expect(hasItalic).toBe(true)
+    })
+  })
+
+  it('parses an unclosed inline HTML tag without nesting a paragraph', () => {
+    const md = '<b>123'
+    const doc = manager.parse(md)
+
+    expect(doc.content).toEqual([{ type: 'paragraph', content: [{ type: 'text', text: '123' }] }])
+  })
+
+  it('parses an unclosed inline HTML tag and keeps the surrounding text', () => {
+    const md = 'a <b> b'
+    const doc = manager.parse(md)
+
+    // The dropped tag leaves both of the spaces around it.
+    expect(doc.content).toEqual([{ type: 'paragraph', content: [{ type: 'text', text: 'a  b' }] }])
+  })
+
+  it('parses an empty inline HTML element without nesting a paragraph', () => {
+    const md = 'a <span></span> b'
+    const doc = manager.parse(md)
+
+    expect(doc.content).toEqual([{ type: 'paragraph', content: [{ type: 'text', text: 'a  b' }] }])
+  })
+
+  it('parses inline HTML for a block element as its inline content', () => {
+    const md = 'a <h1>title</h1> b'
+    const doc = manager.parse(md)
+
+    expect(doc.content).toEqual([
+      { type: 'paragraph', content: [{ type: 'text', text: 'a title b' }] },
+    ])
+  })
+
+  it('parses inline HTML for an inline node and keeps the node', () => {
+    const md = 'a <br> b'
+    const doc = manager.parse(md)
+
+    expect(doc.content).toEqual([
+      {
+        type: 'paragraph',
+        content: [
+          { type: 'text', text: 'a ' },
+          { type: 'hardBreak' },
+          { type: 'text', text: ' b' },
+        ],
+      },
+    ])
+  })
+})
diff --git a/packages/markdown/tests/integration/nested-text-style-marks.test.ts b/packages/markdown/tests/integration/nested-text-style-marks.test.ts
new file mode 100644
index 0000000..8a9cf02
--- /dev/null
+++ b/packages/markdown/tests/integration/nested-text-style-marks.test.ts
@@ -0,0 +1,73 @@
+import { Mark } from '@tiptap/core'
+import { Document } from '@tiptap/extension-document'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { MarkdownManager } from '../../src/MarkdownManager.js'
+
+// Adjacent text nodes sharing a mark type but differing in attributes must each
+// render their own mark, instead of collapsing into one continuous run.
+const TextStyle = Mark.create({
+  name: 'textStyle',
+
+  addAttributes() {
+    return {
+      color: { default: null },
+    }
+  },
+
+  renderMarkdown: (node, helpers) => {
+    const content = helpers.renderChildren(node)
+    const color = node.attrs?.color
+    if (!color) {
+      return content
+    }
+    return `<span style="color: ${color}">${content}</span>`
+  },
+})
+
+describe('serializing adjacent same-type marks with different attributes', () => {
+  const markdownManager = new MarkdownManager({
+    extensions: [Document, Paragraph, Text, TextStyle],
+  })
+
+  it('renders each distinct textStyle attribute set instead of collapsing them', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Test ',
+              marks: [{ type: 'textStyle', attrs: { color: '#9bbb59' } }],
+            },
+            {
+              type: 'text',
+              text: 'nested',
+              marks: [{ type: 'textStyle', attrs: { color: '#ff0000' } }],
+            },
+            {
+              type: 'text',
+              text: ' style',
+              marks: [{ type: 'textStyle', attrs: { color: '#9bbb59' } }],
+            },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManager.serialize(json)
+
+    // renderMarkdown must run once per distinct segment: three spans total,
+    // with the middle color present (proving the nested run rendered on its own).
+    const spanCount = (result.match(/<span /g) || []).length
+    expect(spanCount).toBe(3)
+    expect(result).toContain('color: #ff0000')
+    expect(result).toContain('Test')
+    expect(result).toContain('nested')
+    expect(result).toContain('style')
+  })
+})
diff --git a/packages/markdown/tests/integration/ordered-list-lazy-continuation.test.ts b/packages/markdown/tests/integration/ordered-list-lazy-continuation.test.ts
new file mode 100644
index 0000000..313afbf
--- /dev/null
+++ b/packages/markdown/tests/integration/ordered-list-lazy-continuation.test.ts
@@ -0,0 +1,610 @@
+import { Blockquote } from '@tiptap/extension-blockquote'
+import { Bold } from '@tiptap/extension-bold'
+import { CodeBlock } from '@tiptap/extension-code-block'
+import { Document } from '@tiptap/extension-document'
+import { HardBreak } from '@tiptap/extension-hard-break'
+import { Heading } from '@tiptap/extension-heading'
+import { HorizontalRule } from '@tiptap/extension-horizontal-rule'
+import { BulletList, ListItem, OrderedList } from '@tiptap/extension-list'
+import { BlockMath } from '@tiptap/extension-mathematics'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { MarkdownManager } from '../../src/MarkdownManager.js'
+
+describe('Ordered list lazy continuation parsing', () => {
+  const extensions = [Document, Paragraph, Text, HardBreak, BulletList, OrderedList, ListItem]
+
+  it('keeps non-indented lazy continuation lines inside the current list item when breaks are enabled', () => {
+    const markdownManager = new MarkdownManager({
+      extensions,
+      markedOptions: {
+        breaks: true,
+      },
+    })
+
+    const markdown = [
+      '1. First item',
+      'Continuation for the first item.',
+      '',
+      '2. Second item',
+      'Continuation for the second item.',
+    ].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [
+                    { type: 'text', text: 'First item' },
+                    { type: 'hardBreak' },
+                    { type: 'text', text: 'Continuation for the first item.' },
+                  ],
+                },
+              ],
+            },
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [
+                    { type: 'text', text: 'Second item' },
+                    { type: 'hardBreak' },
+                    { type: 'text', text: 'Continuation for the second item.' },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('keeps nested bullet lists as block content inside ordered list items', () => {
+    const markdownManager = new MarkdownManager({
+      extensions,
+      markedOptions: {
+        breaks: true,
+      },
+    })
+
+    const markdown = ['1. one', '  - inner', '2. two'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [{ type: 'text', text: 'one' }],
+                },
+                {
+                  type: 'bulletList',
+                  content: [
+                    {
+                      type: 'listItem',
+                      content: [
+                        {
+                          type: 'paragraph',
+                          content: [{ type: 'text', text: 'inner' }],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [{ type: 'text', text: 'two' }],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('stops lazy continuation at a heading line', () => {
+    const markdownManager = new MarkdownManager({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        HardBreak,
+        Bold,
+        Heading,
+        BulletList,
+        OrderedList,
+        ListItem,
+      ],
+    })
+
+    const markdown = ['1. Plain text search', '### **Plain text search**'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [{ type: 'text', text: 'Plain text search' }],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'heading',
+          attrs: { level: 3 },
+          content: [{ type: 'text', text: 'Plain text search', marks: [{ type: 'bold' }] }],
+        },
+      ],
+    })
+  })
+
+  it('stops lazy continuation at heading lines of any level, for any item', () => {
+    const markdownManager = new MarkdownManager({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        HardBreak,
+        Heading,
+        BulletList,
+        OrderedList,
+        ListItem,
+      ],
+    })
+
+    const markdown = ['1. one', '2. two', '###### six'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [{ type: 'paragraph', content: [{ type: 'text', text: 'one' }] }],
+            },
+            {
+              type: 'listItem',
+              content: [{ type: 'paragraph', content: [{ type: 'text', text: 'two' }] }],
+            },
+          ],
+        },
+        {
+          type: 'heading',
+          attrs: { level: 6 },
+          content: [{ type: 'text', text: 'six' }],
+        },
+      ],
+    })
+  })
+
+  it('keeps hashtag-like lines that are not headings as lazy continuation', () => {
+    const markdownManager = new MarkdownManager({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        HardBreak,
+        Heading,
+        BulletList,
+        OrderedList,
+        ListItem,
+      ],
+      markedOptions: {
+        breaks: true,
+      },
+    })
+
+    // "#hashtag" (no space) and "####### seven" (7 hashes) are not headings
+    // per CommonMark, so they must remain lazy continuation text.
+    const markdown = ['1. one', '#hashtag', '####### seven'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [
+                    { type: 'text', text: 'one' },
+                    { type: 'hardBreak' },
+                    { type: 'text', text: '#hashtag' },
+                    { type: 'hardBreak' },
+                    { type: 'text', text: '####### seven' },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('parses indented heading lines as block content inside the list item', () => {
+    const markdownManager = new MarkdownManager({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        HardBreak,
+        Heading,
+        BulletList,
+        OrderedList,
+        ListItem,
+      ],
+    })
+
+    const markdown = ['1. one', '   ### inner heading'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                { type: 'paragraph', content: [{ type: 'text', text: 'one' }] },
+                {
+                  type: 'heading',
+                  attrs: { level: 3 },
+                  content: [{ type: 'text', text: 'inner heading' }],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  const blockExtensions = [
+    Document,
+    Paragraph,
+    Text,
+    HardBreak,
+    Heading,
+    HorizontalRule,
+    CodeBlock,
+    Blockquote,
+    BulletList,
+    OrderedList,
+    ListItem,
+    BlockMath,
+  ]
+
+  const listWithSingleItem = (text: string) => ({
+    type: 'orderedList',
+    content: [
+      {
+        type: 'listItem',
+        content: [{ type: 'paragraph', content: [{ type: 'text', text }] }],
+      },
+    ],
+  })
+
+  it.each(['---', '***', '___', '* * *', '- - -', '_ _ _'])(
+    'stops lazy continuation at a "%s" thematic break',
+    thematicBreak => {
+      const markdownManager = new MarkdownManager({ extensions: blockExtensions })
+
+      const markdown = ['1. one', thematicBreak, 'Outside paragraph'].join('\n')
+
+      expect(markdownManager.parse(markdown)).toEqual({
+        type: 'doc',
+        content: [
+          listWithSingleItem('one'),
+          { type: 'horizontalRule' },
+          { type: 'paragraph', content: [{ type: 'text', text: 'Outside paragraph' }] },
+        ],
+      })
+    },
+  )
+
+  it.each(['```', '~~~'])('stops lazy continuation at a "%s" code fence', fence => {
+    const markdownManager = new MarkdownManager({ extensions: blockExtensions })
+
+    const markdown = ['1. one', fence, 'const x = 1', fence].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        listWithSingleItem('one'),
+        {
+          type: 'codeBlock',
+          attrs: { language: null },
+          content: [{ type: 'text', text: 'const x = 1' }],
+        },
+      ],
+    })
+  })
+
+  it('stops lazy continuation at a "$$" block math fence', () => {
+    const markdownManager = new MarkdownManager({ extensions: blockExtensions })
+
+    const markdown = ['1. one', '$$', 'x = 1', '$$'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [listWithSingleItem('one'), { type: 'blockMath', attrs: { latex: 'x = 1' } }],
+    })
+  })
+
+  it('parses an indented "$$" block math fence as block content inside the list item', () => {
+    const markdownManager = new MarkdownManager({ extensions: blockExtensions })
+
+    const markdown = ['1. one', '   $$', '   x = 1', '   $$'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                { type: 'paragraph', content: [{ type: 'text', text: 'one' }] },
+                { type: 'blockMath', attrs: { latex: 'x = 1' } },
+              ],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('stops lazy continuation at an unindented bullet list marker', () => {
+    const markdownManager = new MarkdownManager({ extensions: blockExtensions })
+
+    const markdown = ['1. one', '- bullet'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        listWithSingleItem('one'),
+        {
+          type: 'bulletList',
+          content: [
+            {
+              type: 'listItem',
+              content: [{ type: 'paragraph', content: [{ type: 'text', text: 'bullet' }] }],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('parses indented non-dash thematic breaks as block content inside the list item', () => {
+    const markdownManager = new MarkdownManager({ extensions: blockExtensions })
+
+    const markdown = ['1. one', '   ***'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                { type: 'paragraph', content: [{ type: 'text', text: 'one' }] },
+                { type: 'horizontalRule' },
+              ],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('keeps an indented "---" directly below item text as paragraph text (setext ambiguity)', () => {
+    const markdownManager = new MarkdownManager({
+      extensions: blockExtensions,
+      markedOptions: {
+        breaks: true,
+      },
+    })
+
+    const markdown = ['1. one', '  ---'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [
+                    { type: 'text', text: 'one' },
+                    { type: 'hardBreak' },
+                    { type: 'text', text: '---' },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('keeps dash-prefixed text that is not a thematic break as lazy continuation', () => {
+    const markdownManager = new MarkdownManager({
+      extensions: blockExtensions,
+      markedOptions: {
+        breaks: true,
+      },
+    })
+
+    const markdown = ['1. one', '---foo'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [
+                    { type: 'text', text: 'one' },
+                    { type: 'hardBreak' },
+                    { type: 'text', text: '---foo' },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('keeps a setext-style "===" line as lazy continuation text', () => {
+    const markdownManager = new MarkdownManager({
+      extensions: blockExtensions,
+      markedOptions: {
+        breaks: true,
+      },
+    })
+
+    const markdown = ['1. one', '==='].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [
+                    { type: 'text', text: 'one' },
+                    { type: 'hardBreak' },
+                    { type: 'text', text: '===' },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('keeps unindented blockquote lines inside the list item (matches marked 17.0.1)', () => {
+    const markdownManager = new MarkdownManager({ extensions: blockExtensions })
+
+    const markdown = ['1. one', '> quoted'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                { type: 'paragraph', content: [{ type: 'text', text: 'one' }] },
+                {
+                  type: 'blockquote',
+                  content: [{ type: 'paragraph', content: [{ type: 'text', text: 'quoted' }] }],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('stops lazy continuation after a blank line', () => {
+    const markdownManager = new MarkdownManager({
+      extensions,
+      markedOptions: {
+        breaks: true,
+      },
+    })
+
+    const markdown = ['1. one', 'lazy continuation', '', 'Outside paragraph'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'orderedList',
+          content: [
+            {
+              type: 'listItem',
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [
+                    { type: 'text', text: 'one' },
+                    { type: 'hardBreak' },
+                    { type: 'text', text: 'lazy continuation' },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'paragraph',
+          content: [{ type: 'text', text: 'Outside paragraph' }],
+        },
+      ],
+    })
+  })
+})
diff --git a/packages/markdown/tests/integration/overlapping-marks.test.ts b/packages/markdown/tests/integration/overlapping-marks.test.ts
new file mode 100644
index 0000000..711353a
--- /dev/null
+++ b/packages/markdown/tests/integration/overlapping-marks.test.ts
@@ -0,0 +1,667 @@
+import { Editor } from '@tiptap/core'
+import { Bold } from '@tiptap/extension-bold'
+import { Document } from '@tiptap/extension-document'
+import { HardBreak } from '@tiptap/extension-hard-break'
+import { Italic } from '@tiptap/extension-italic'
+import { Link } from '@tiptap/extension-link'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import Strike from '@tiptap/extension-strike'
+import { Text } from '@tiptap/extension-text'
+import { Markdown } from '@tiptap/markdown'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { MarkdownManager } from '../../src/MarkdownManager.js'
+
+/**
+ * Normalize marks order for deterministic comparison. Marks in the same position
+ * can be stored in any order by ProseMirror; sorting by type ensures
+ * deep-equality assertions don't flake on array ordering.
+ */
+const normalizeMarks = (node: any): any => {
+  if (Array.isArray(node)) {
+    return node.map(normalizeMarks)
+  }
+
+  if (!node || typeof node !== 'object') {
+    return node
+  }
+
+  return {
+    ...node,
+    marks: node.marks
+      ? [...node.marks].sort((a: any, b: any) => a.type.localeCompare(b.type))
+      : node.marks,
+    content: node.content ? node.content.map(normalizeMarks) : node.content,
+  }
+}
+
+describe('Overlapping marks serialization', () => {
+  const extensions = [Document, Paragraph, Text, Bold, Italic, Link]
+  const markdownManager = new MarkdownManager({ extensions })
+
+  /**
+   * Regression test for the original bug report.
+   *
+   * Steps to reproduce:
+   *   1. Toggle bold on
+   *   2. Type "123"
+   *   3. Toggle italic on
+   *   4. Type "456"
+   *   5. Toggle bold off
+   *   6. Type "789"
+   *   7. Toggle italic off
+   *
+   * Expected: **123*456***<em>789</em>
+   * Actual (buggy): **123*456**789*
+   */
+  it('should correctly serialize overlapping bold and italic marks', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: '123',
+              marks: [{ type: 'bold' }],
+            },
+            {
+              type: 'text',
+              text: '456',
+              marks: [{ type: 'bold' }, { type: 'italic' }],
+            },
+            {
+              type: 'text',
+              text: '789',
+              marks: [{ type: 'italic' }],
+            },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManager.serialize(json)
+
+    // The output **123*456**789* is invalid markdown because bold closes
+    // while italic is still open, breaking the nesting order.
+    // The valid markdown closes the nested italic inside bold first, then
+    // reopens the remaining italic segment with inline HTML to avoid ambiguous `***` parsing.
+    expect(result).toBe('**123*456***<em>789</em>')
+    expect(normalizeMarks(markdownManager.parse(result))).toEqual(normalizeMarks(json))
+  })
+
+  /**
+   * Mirror of the original bug: italic starts first, bold is added, then italic ends.
+   *
+   * Steps: italic on → "abc" → bold on → "def" → italic off → "ghi" → bold off
+   */
+  it('should correctly serialize italic starting before bold', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'abc',
+              marks: [{ type: 'italic' }],
+            },
+            {
+              type: 'text',
+              text: 'def',
+              marks: [{ type: 'italic' }, { type: 'bold' }],
+            },
+            {
+              type: 'text',
+              text: 'ghi',
+              marks: [{ type: 'bold' }],
+            },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManager.serialize(json)
+
+    // italic opens first with *, bold opens inside it, then the remaining bold span
+    // reopens with inline HTML after italic closes so the markdown remains unambiguous.
+    expect(result).toBe('*abc**def***<strong>ghi</strong>')
+    expect(normalizeMarks(markdownManager.parse(result))).toEqual(normalizeMarks(json))
+  })
+
+  /**
+   * Bold and italic both start and end together on the same node (no overlap).
+   */
+  it('should correctly serialize bold and italic on the same text', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'hello',
+              marks: [{ type: 'bold' }, { type: 'italic' }],
+            },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManager.serialize(json)
+
+    // Both marks open and close on the same node — ***hello*** is valid CommonMark for bold+italic
+    expect(result).toBe('***hello***')
+    expect(normalizeMarks(markdownManager.parse(result))).toEqual(normalizeMarks(json))
+  })
+
+  // Mark order matches what a real editor emits: Link has priority 1000, so
+  // ProseMirror assigns it the lowest rank and stores it first in the marks
+  // array. The serializer must still place link as the outermost wrapper.
+  it('serializes italic inside a same-node link label', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'google',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'https://google.com',
+                    title: null,
+                  },
+                },
+                { type: 'italic' },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManager.serialize(json)
+
+    expect(result).toBe('[*google*](https://google.com)')
+    expect(result).not.toBe('*[google](https://google.com)*')
+    expect(normalizeMarks(markdownManager.parse(result))).toEqual(normalizeMarks(json))
+  })
+
+  it('serializes bold inside a same-node link label', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'google',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'https://google.com',
+                    title: null,
+                  },
+                },
+                { type: 'bold' },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManager.serialize(json)
+
+    expect(result).toBe('[**google**](https://google.com)')
+    expect(normalizeMarks(markdownManager.parse(result))).toEqual(normalizeMarks(json))
+  })
+
+  it('keeps html-reopened italic open across later text nodes before closing', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: '123', marks: [{ type: 'bold' }] },
+            { type: 'text', text: '456', marks: [{ type: 'bold' }, { type: 'italic' }] },
+            { type: 'text', text: '789', marks: [{ type: 'italic' }] },
+            { type: 'text', text: 'xyz', marks: [{ type: 'italic' }] },
+            { type: 'text', text: ' plain' },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManager.serialize(json)
+
+    expect(result).toBe('**123*456***<em>789xyz</em> plain')
+    expect(normalizeMarks(markdownManager.parse(result))).toEqual(
+      normalizeMarks({
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [
+              { type: 'text', text: '123', marks: [{ type: 'bold' }] },
+              { type: 'text', text: '456', marks: [{ type: 'bold' }, { type: 'italic' }] },
+              { type: 'text', text: '789xyz', marks: [{ type: 'italic' }] },
+              { type: 'text', text: ' plain' },
+            ],
+          },
+        ],
+      }),
+    )
+  })
+
+  it('closes html-reopened italic correctly before a hard break', () => {
+    const markdownManagerWithBreak = new MarkdownManager({
+      extensions: [Document, Paragraph, Text, Bold, Italic, HardBreak],
+    })
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: '123', marks: [{ type: 'bold' }] },
+            { type: 'text', text: '456', marks: [{ type: 'bold' }, { type: 'italic' }] },
+            { type: 'text', text: '789', marks: [{ type: 'italic' }] },
+            { type: 'hardBreak' },
+            { type: 'text', text: 'after' },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManagerWithBreak.serialize(json)
+
+    expect(result).toBe('**123*456***<em>789</em>  \nafter')
+    expect(normalizeMarks(markdownManagerWithBreak.parse(result))).toEqual(normalizeMarks(json))
+  })
+
+  it('does not switch non-bold-italic marks to html reopen mode', () => {
+    const markdownManagerWithStrike = new MarkdownManager({
+      extensions: [Document, Paragraph, Text, Italic, Strike],
+    })
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: 'abc', marks: [{ type: 'italic' }] },
+            { type: 'text', text: 'def', marks: [{ type: 'italic' }, { type: 'strike' }] },
+            { type: 'text', text: 'ghi', marks: [{ type: 'strike' }] },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManagerWithStrike.serialize(json)
+
+    expect(result).toBe('*abc~~def~~*~~ghi~~')
+    expect(normalizeMarks(markdownManagerWithStrike.parse(result))).toEqual(normalizeMarks(json))
+  })
+
+  it('serializes italic on the leading subset of link text inside the link label', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'google',
+              marks: [
+                { type: 'italic' },
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'https://google.com',
+                    title: null,
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: ' search',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'https://google.com',
+                    title: null,
+                  },
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManager.serialize(json)
+
+    expect(result).toBe('[*google* search](https://google.com)')
+    expect(result).not.toBe('*[google* search](https://google.com)')
+    expect(normalizeMarks(markdownManager.parse(result))).toEqual(normalizeMarks(json))
+  })
+
+  it('serializes bold on the leading subset of link text inside the link label', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'google',
+              marks: [
+                { type: 'bold' },
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'https://google.com',
+                    title: null,
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: ' search',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'https://google.com',
+                    title: null,
+                  },
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManager.serialize(json)
+
+    expect(result).toBe('[**google** search](https://google.com)')
+    expect(normalizeMarks(markdownManager.parse(result))).toEqual(normalizeMarks(json))
+  })
+
+  it('serializes partial italic in link text correctly from editor commands', () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, Bold, Italic, Link, Markdown],
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'google search' }],
+          },
+        ],
+      },
+    })
+
+    editor.commands.selectAll()
+    editor.commands.setLink({ href: 'https://google.com' })
+    editor.commands.setTextSelection({ from: 1, to: 7 })
+    editor.commands.setItalic()
+
+    const json = editor.getJSON()
+    const result = editor.getMarkdown()
+    const directResult = markdownManager.serialize(json)
+    const expectedRoundtripJson = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'google',
+              marks: [
+                { type: 'italic' },
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'https://google.com',
+                    title: null,
+                  },
+                },
+              ],
+            },
+            {
+              type: 'text',
+              text: ' search',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'https://google.com',
+                    title: null,
+                  },
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+
+    expect(result).toBe('[*google* search](https://google.com)')
+    expect(result).not.toBe('*[google* search](https://google.com)')
+    expect(directResult).toBe(result)
+    expect(normalizeMarks(editor.markdown?.parse(result))).toEqual(
+      normalizeMarks(expectedRoundtripJson),
+    )
+
+    editor.destroy()
+  })
+
+  /**
+   * Regression test for issue #7728.
+   * When bold, italic, and strike all close on the same node they must close
+   * LIFO (last-opened first-closed) to produce valid nesting.
+   */
+  it('closes multiple simultaneously-ending marks in LIFO order (simple path)', () => {
+    const markdownManagerWithStrike = new MarkdownManager({
+      extensions: [Document, Paragraph, Text, Bold, Italic, Strike],
+    })
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: 'bold ', marks: [{ type: 'bold' }] },
+            { type: 'text', text: 'italics ', marks: [{ type: 'bold' }, { type: 'italic' }] },
+            {
+              type: 'text',
+              text: 'strike',
+              marks: [{ type: 'bold' }, { type: 'italic' }, { type: 'strike' }],
+            },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManagerWithStrike.serialize(json)
+
+    expect(result).toBe('**bold *italics ~~strike~~***')
+    expect(normalizeMarks(markdownManagerWithStrike.parse(result))).toEqual(normalizeMarks(json))
+  })
+
+  /**
+   * Regression test for the crossed-boundary LIFO bug.
+   * Bold (outer) and strike (inner) are both active; italic opens while both
+   * close at the same boundary. Previously-active marks must still close in
+   * LIFO order (strike first, bold last) even though a new mark is opening.
+   *
+   * Buggy output:  **~~abc*def***~~*ghi*  (bold closes before strike — invalid)
+   * Correct output: **~~abc*def*~~***ghi* (strike closes before bold — valid)
+   */
+  it('closes previously-active marks in LIFO order on a crossed boundary', () => {
+    const markdownManagerWithStrike = new MarkdownManager({
+      extensions: [Document, Paragraph, Text, Bold, Italic, Strike],
+    })
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            { type: 'text', text: 'abc', marks: [{ type: 'bold' }, { type: 'strike' }] },
+            {
+              type: 'text',
+              text: 'def',
+              marks: [{ type: 'bold' }, { type: 'strike' }, { type: 'italic' }],
+            },
+            { type: 'text', text: 'ghi', marks: [{ type: 'italic' }] },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManagerWithStrike.serialize(json)
+
+    // Strike must close before bold (LIFO). Bold then closes, and italic for
+    // "ghi" reopens with <em> to avoid the ambiguous *** sequence.
+    expect(result).toBe('**~~abc*def*~~**<em>ghi</em>')
+    // Buggy output (bold closes before strike): '**~~abc*def***~~<em>ghi</em>'
+    expect(result).not.toBe('**~~abc*def***~~<em>ghi</em>')
+    expect(normalizeMarks(markdownManagerWithStrike.parse(result))).toEqual(normalizeMarks(json))
+  })
+})
+
+/**
+ * Regression tests for issue #7682.
+ *
+ * Adjacent marks of the same type (e.g. links) with different attributes must
+ * be serialized as separate marks instead of being merged into one.
+ */
+describe('adjacent marks with different attributes', () => {
+  const extensions = [Document, Paragraph, Text, Link]
+  const markdownManager = new MarkdownManager({ extensions })
+
+  it('should serialize adjacent links with different href values as separate links', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'example',
+              marks: [{ type: 'link', attrs: { href: 'https://example.com', title: null } }],
+            },
+            {
+              type: 'text',
+              text: 'github',
+              marks: [{ type: 'link', attrs: { href: 'https://github.com', title: null } }],
+            },
+            {
+              type: 'text',
+              text: 'tiptap',
+              marks: [{ type: 'link', attrs: { href: 'https://tiptap.dev', title: null } }],
+            },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManager.serialize(json)
+
+    // Each adjacent link must be rendered with its own URL — not merged into one
+    expect(result).toBe(
+      '[example](https://example.com)[github](https://github.com)[tiptap](https://tiptap.dev)',
+    )
+    // Verify round-trip fidelity
+    expect(normalizeMarks(markdownManager.parse(result))).toEqual(normalizeMarks(json))
+  })
+
+  it('should keep links with the same href and attributes merged', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'the same',
+              marks: [{ type: 'link', attrs: { href: 'https://example.com', title: null } }],
+            },
+            {
+              type: 'text',
+              text: ' link',
+              marks: [{ type: 'link', attrs: { href: 'https://example.com', title: null } }],
+            },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManager.serialize(json)
+
+    // Links with the same href and attributes are merged into one
+    expect(result).toBe('[the same link](https://example.com)')
+
+    // Verify re-serialization stability: parse then re-serialize produces the same output
+    const parsed = markdownManager.parse(result)
+    expect(markdownManager.serialize(parsed)).toBe(result)
+  })
+
+  it('should handle adjacent links with titles alongside links without titles', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'with title',
+              marks: [{ type: 'link', attrs: { href: 'https://example.com', title: 'Example' } }],
+            },
+            {
+              type: 'text',
+              text: ' no title',
+              marks: [{ type: 'link', attrs: { href: 'https://example.org', title: null } }],
+            },
+          ],
+        },
+      ],
+    }
+
+    const result = markdownManager.serialize(json)
+
+    // Note: the leading space in " no title" is extracted outside the link
+    // brackets by the serializer's whitespace handling, resulting in a space
+    // between the two link markdown fragments.
+    expect(result).toBe(
+      '[with title](https://example.com "Example") [no title](https://example.org)',
+    )
+
+    // Verify re-serialization stability: parse then re-serialize produces the same output
+    const parsed = markdownManager.parse(result)
+    expect(markdownManager.serialize(parsed)).toBe(result)
+  })
+})
diff --git a/packages/markdown/tests/integration/paragraph.test.ts b/packages/markdown/tests/integration/paragraph.test.ts
new file mode 100644
index 0000000..e3e7c11
--- /dev/null
+++ b/packages/markdown/tests/integration/paragraph.test.ts
@@ -0,0 +1,267 @@
+import { Blockquote } from '@tiptap/extension-blockquote'
+import { Document } from '@tiptap/extension-document'
+import { Heading } from '@tiptap/extension-heading'
+import { BulletList, ListItem, OrderedList } from '@tiptap/extension-list'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { MarkdownManager } from '@tiptap/markdown'
+import { beforeEach, describe, expect, it } from 'vite-plus/test'
+
+describe('Paragraph Markdown Rendering', () => {
+  let markdownManager: MarkdownManager
+
+  beforeEach(() => {
+    markdownManager = new MarkdownManager({
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Heading,
+        Blockquote,
+        BulletList,
+        OrderedList,
+        ListItem,
+      ],
+    })
+  })
+
+  describe('empty paragraphs at doc level', () => {
+    it('should omit a lone empty paragraph at doc root', () => {
+      const doc = {
+        type: 'doc',
+        content: [{ type: 'paragraph', content: [] }],
+      }
+
+      const raw = markdownManager.renderNodes(doc)
+      expect(raw).toBe('')
+    })
+
+    it('should preserve a single empty paragraph between two content paragraphs as blank markdown lines', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          { type: 'paragraph', content: [{ type: 'text', text: 'First' }] },
+          { type: 'paragraph', content: [] },
+          { type: 'paragraph', content: [{ type: 'text', text: 'Second' }] },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(doc)
+      expect(markdown).toBe('First\n\n\n\nSecond')
+    })
+
+    it('should use &nbsp; to preserve additional blank paragraphs between two content paragraphs', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          { type: 'paragraph', content: [{ type: 'text', text: 'First' }] },
+          { type: 'paragraph', content: [] },
+          { type: 'paragraph', content: [] },
+          { type: 'paragraph', content: [{ type: 'text', text: 'Second' }] },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(doc)
+      expect(markdown).toBe('First\n\n\n\n&nbsp;\n\nSecond')
+    })
+
+    it('should keep a preserved blank paragraph marker after the first blank paragraph', () => {
+      const input = 'First\n\n&nbsp;\n\nSecond'
+      const json = markdownManager.parse(input)
+      const output = markdownManager.serialize(json)
+      expect(output.trim()).toBe('First\n\n\n\nSecond')
+    })
+
+    it('should preserve a trailing empty paragraph as trailing markdown spacing', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'heading',
+            attrs: { level: 1 },
+            content: [{ type: 'text', text: 'Markdown Test' }],
+          },
+          {
+            type: 'paragraph',
+            content: [
+              { type: 'text', text: 'Click "Parse Markdown" to load content from the left panel.' },
+            ],
+          },
+          { type: 'paragraph', content: [] },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(doc)
+      expect(markdown).toBe(
+        '# Markdown Test\n\nClick "Parse Markdown" to load content from the left panel.\n\n',
+      )
+    })
+  })
+
+  describe('empty paragraphs inside nested nodes', () => {
+    it('should not emit &nbsp; for an empty paragraph inside a bullet list item', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'bulletList',
+            content: [
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [] }],
+              },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(doc)
+      expect(markdown).toBe('- ')
+    })
+
+    it('should not emit &nbsp; for an empty paragraph inside an ordered list item', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'orderedList',
+            content: [
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [] }],
+              },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(doc)
+      expect(markdown).toBe('1. ')
+    })
+
+    it('should keep the first empty paragraph inside a blockquote empty', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'blockquote',
+            content: [{ type: 'paragraph', content: [] }],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(doc)
+      expect(markdown).toBe('>')
+    })
+
+    it('should preserve multiple empty paragraphs inside a blockquote with &nbsp; after the first', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'blockquote',
+            content: [
+              { type: 'paragraph', content: [{ type: 'text', text: 'First' }] },
+              { type: 'paragraph', content: [] },
+              { type: 'paragraph', content: [] },
+              { type: 'paragraph', content: [{ type: 'text', text: 'Second' }] },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(doc)
+
+      expect(markdown).toContain('> First')
+      expect(markdown).toContain('> Second')
+      expect(markdown).toContain('> &nbsp;')
+    })
+
+    it('should roundtrip multiple empty paragraphs inside a blockquote without losing any', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'blockquote',
+            content: [
+              { type: 'paragraph', content: [{ type: 'text', text: 'First' }] },
+              { type: 'paragraph', content: [] },
+              { type: 'paragraph', content: [] },
+              { type: 'paragraph', content: [] },
+              { type: 'paragraph', content: [{ type: 'text', text: 'Second' }] },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(doc)
+      const parsed = markdownManager.parse(markdown)
+      const blockquote = parsed.content![0]
+
+      expect(markdown).toBe('> First\n>\n>\n>\n> &nbsp;\n>\n> &nbsp;\n>\n> Second')
+      expect(blockquote.type).toBe('blockquote')
+      expect(blockquote.content).toHaveLength(5)
+      expect(
+        blockquote
+          .content!.slice(1, 4)
+          .every(node => node.type === 'paragraph' && node.content?.length === 0),
+      ).toBe(true)
+    })
+
+    it('should render content paragraphs inside bullet list items normally', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'bulletList',
+            content: [
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Hello' }] }],
+              },
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'World' }] }],
+              },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(doc)
+      expect(markdown).toBe('- Hello\n- World')
+    })
+
+    it('should roundtrip consecutive empty paragraphs inside a bullet list item', () => {
+      const doc = {
+        type: 'doc',
+        content: [
+          {
+            type: 'bulletList',
+            content: [
+              {
+                type: 'listItem',
+                content: [
+                  { type: 'paragraph', content: [{ type: 'text', text: 'First' }] },
+                  { type: 'paragraph', content: [] },
+                  { type: 'paragraph', content: [] },
+                  { type: 'paragraph', content: [{ type: 'text', text: 'Second' }] },
+                ],
+              },
+            ],
+          },
+        ],
+      }
+
+      const markdown = markdownManager.serialize(doc)
+      const parsed = markdownManager.parse(markdown)
+      const listItem = parsed.content![0].content![0]
+
+      expect(markdown).toBe('- First\n\n  \n\n  &nbsp;\n\n  Second')
+      expect(listItem.type).toBe('listItem')
+      expect(listItem.content).toHaveLength(4)
+      expect(listItem.content![1].content).toEqual([])
+      expect(listItem.content![2].content).toEqual([])
+    })
+  })
+})
diff --git a/packages/markdown/tests/integration/server-side-parsing.test.ts b/packages/markdown/tests/integration/server-side-parsing.test.ts
new file mode 100644
index 0000000..b5194de
--- /dev/null
+++ b/packages/markdown/tests/integration/server-side-parsing.test.ts
@@ -0,0 +1,212 @@
+/**
+ * @vitest-environment node
+ */
+
+import { Code } from '@tiptap/extension-code'
+import { Document } from '@tiptap/extension-document'
+import { Heading } from '@tiptap/extension-heading'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Strike } from '@tiptap/extension-strike'
+import { Text } from '@tiptap/extension-text'
+import { MarkdownManager } from '@tiptap/markdown'
+import { beforeEach, describe, expect, it } from 'vite-plus/test'
+
+describe('MarkdownManager Server-side Parsing', () => {
+  let manager: MarkdownManager
+  const basicExtensions = [Document, Paragraph, Text, Strike, Code, Heading]
+
+  beforeEach(() => {
+    manager = new MarkdownManager({ extensions: basicExtensions })
+  })
+
+  it('parses inline code with HTML-like tags and strike marks without error', () => {
+    const md = '`<h1>`~`<h6>`'
+
+    const doc = manager.parse(md)
+
+    expect(doc.type).toBe('doc')
+    expect(doc.content).toBeDefined()
+
+    const paragraph = doc.content![0]
+    expect(paragraph.type).toBe('paragraph')
+    expect(paragraph.content).toBeDefined()
+
+    // Find text nodes with code marks (inline code)
+    const codeTextNodes = paragraph.content!.filter(
+      (n: any) => n.type === 'text' && n.marks?.some((m: any) => m.type === 'code'),
+    )
+    expect(codeTextNodes.length).toBeGreaterThan(0)
+
+    // At least one code segment should contain an HTML-like tag
+    const hasHtmlTag = codeTextNodes.some(
+      (n: any) => n.text && (n.text.includes('<h1>') || n.text.includes('<h6>')),
+    )
+    expect(hasHtmlTag).toBe(true)
+
+    // All text content combined should include both HTML tags and the tilde
+    const allTextNodes = paragraph.content!.filter((n: any) => n.type === 'text')
+    const allText = allTextNodes.map((n: any) => n.text).join('')
+    expect(allText).toContain('h1')
+    expect(allText).toContain('h6')
+    expect(allText).toMatch(/~/)
+  })
+
+  it('parses inline code with HTML-like tags and double strike marks without error', () => {
+    const md = '`<h1>`~~`<h6>`'
+
+    const doc = manager.parse(md)
+
+    expect(doc.type).toBe('doc')
+    expect(doc.content).toBeDefined()
+
+    const paragraph = doc.content![0]
+    expect(paragraph.type).toBe('paragraph')
+
+    // Find text nodes with code marks
+    const codeTextNodes = paragraph.content!.filter(
+      (n: any) => n.type === 'text' && n.marks?.some((m: any) => m.type === 'code'),
+    )
+    expect(codeTextNodes.length).toBeGreaterThan(0)
+
+    // At least one code segment should contain an HTML-like tag
+    const hasHtmlTag = codeTextNodes.some(
+      (n: any) => n.text && (n.text.includes('<h1>') || n.text.includes('<h6>')),
+    )
+    expect(hasHtmlTag).toBe(true)
+
+    // All text should contain both HTML tags
+    const allTextNodes = paragraph.content!.filter((n: any) => n.type === 'text')
+    const allText = allTextNodes.map((n: any) => n.text).join('')
+    expect(allText).toContain('h1')
+    expect(allText).toContain('h6')
+  })
+
+  it('parses strike marks in normal text', () => {
+    const md = 'a~b'
+    const doc = manager.parse(md)
+
+    expect(doc.type).toBe('doc')
+    expect(Array.isArray(doc.content)).toBe(true)
+  })
+
+  it('parses HTML heading tags with strike marks', () => {
+    const md = '<h1>~~test~~</h1>'
+
+    const doc = manager.parse(md)
+
+    expect(doc.type).toBe('doc')
+    expect(doc.content).toBeDefined()
+
+    const paragraph = doc.content![0]
+    expect(paragraph.type).toBe('paragraph')
+    expect(paragraph.content).toBeDefined()
+
+    // In Node.js environment, HTML tags should be treated as literal text
+    const allText = paragraph
+      .content!.map((n: any) =>
+        n.text ? n.text : n.content?.map((c: any) => c.text).join('') || '',
+      )
+      .join('')
+
+    // Should contain the HTML tags as literal text
+    expect(allText).toContain('<h1>')
+    expect(allText).toContain('</h1>')
+
+    // Should contain 'test' text
+    expect(allText).toContain('test')
+  })
+
+  it('parses multiple inline code segments with HTML-like content and strike', () => {
+    const md = 'text `<h1>` more ~~text~~ and `<h2>`'
+
+    const doc = manager.parse(md)
+
+    expect(doc.type).toBe('doc')
+    expect(doc.content).toBeDefined()
+
+    const paragraph = doc.content![0]
+    expect(paragraph.type).toBe('paragraph')
+
+    // Find text nodes with code marks (inline code)
+    const codeTextNodes = paragraph.content!.filter(
+      (n: any) => n.type === 'text' && n.marks?.some((m: any) => m.type === 'code'),
+    )
+    expect(codeTextNodes.length).toBeGreaterThanOrEqual(2)
+
+    // Code text should contain literal HTML-like tags
+    expect(codeTextNodes[0].text).toBe('<h1>')
+    expect(codeTextNodes[1].text).toBe('<h2>')
+
+    // Find text nodes with strike marks
+    const textNodes = paragraph.content!.filter((n: any) => n.type === 'text')
+    const strikeTextNode = textNodes.find(
+      (n: any) =>
+        n.text && n.text.includes('text') && n.marks?.some((m: any) => m.type === 'strike'),
+    )
+    expect(strikeTextNode).toBeDefined()
+  })
+
+  it('preserves unknown angle-bracket placeholders as literal text in server environment', () => {
+    const md = '<enter existing CID here if available>\n\nother text after'
+    const doc = manager.parse(md)
+
+    expect(doc.type).toBe('doc')
+    expect(Array.isArray(doc.content)).toBe(true)
+    expect(doc.content).toHaveLength(2)
+
+    // angle-bracket placeholder preserved as literal text
+    const firstPara = doc.content![0]
+    expect(firstPara.type).toBe('paragraph')
+    expect(firstPara.content).toHaveLength(1)
+    expect(firstPara.content![0].type).toBe('text')
+    expect(firstPara.content![0].text).toBe('<enter existing CID here if available>')
+
+    // trailing text after the blank line
+    const secondPara = doc.content![1]
+    expect(secondPara.type).toBe('paragraph')
+    expect(secondPara.content).toHaveLength(1)
+    expect(secondPara.content![0].type).toBe('text')
+    expect(secondPara.content![0].text).toBe('other text after')
+  })
+
+  it('parses HTML tags as plain text in server environment', () => {
+    const md = '<p>Hello</p>'
+
+    const doc = manager.parse(md)
+
+    expect(doc.type).toBe('doc')
+    expect(doc.content).toBeDefined()
+    expect(Array.isArray(doc.content)).toBe(true)
+
+    // The document should have a paragraph
+    const paragraph = doc.content![0]
+    expect(paragraph.type).toBe('paragraph')
+    expect(paragraph.content).toBeDefined()
+
+    // The HTML should be preserved as literal text (not parsed)
+    const textContent = paragraph.content!.map((n: any) => n.text).join('')
+    expect(textContent).toContain('<p>Hello</p>')
+  })
+
+  it('still parses markdown syntax correctly alongside HTML', () => {
+    const md = '<div>test</div> ~~world~~'
+
+    const doc = manager.parse(md)
+
+    expect(doc.type).toBe('doc')
+    expect(doc.content).toBeDefined()
+
+    // Find all text nodes
+    const textNodes = doc.content!.flatMap((node: any) =>
+      node.content ? node.content.filter((n: any) => n.type === 'text') : [],
+    )
+
+    // Should have HTML as literal text
+    const hasHtmlText = textNodes.some((n: any) => n.text && n.text.includes('<div>test</div>'))
+    expect(hasHtmlText).toBe(true)
+
+    // Should have 'world' text (with or without strike mark depending on parsing)
+    const hasWorldText = textNodes.some((n: any) => n.text && n.text.includes('world'))
+    expect(hasWorldText).toBe(true)
+  })
+})
diff --git a/packages/markdown/tests/integration/task-list-nested-siblings.test.ts b/packages/markdown/tests/integration/task-list-nested-siblings.test.ts
new file mode 100644
index 0000000..ec78c5f
--- /dev/null
+++ b/packages/markdown/tests/integration/task-list-nested-siblings.test.ts
@@ -0,0 +1,182 @@
+import { Document } from '@tiptap/extension-document'
+import { BulletList, ListItem, TaskItem, TaskList } from '@tiptap/extension-list'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { MarkdownManager } from '../../src/MarkdownManager.js'
+
+const paragraph = (text: string) => ({
+  type: 'paragraph',
+  content: [{ type: 'text', text }],
+})
+
+const listItem = (text: string) => ({
+  type: 'listItem',
+  content: [paragraph(text)],
+})
+
+const taskItem = (text: string, ...nested: object[]) => ({
+  type: 'taskItem',
+  attrs: { checked: false },
+  content: [paragraph(text), ...nested],
+})
+
+describe('Task list with non-checkbox siblings in nested lists', () => {
+  const markdownManager = new MarkdownManager({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      BulletList,
+      ListItem,
+      TaskList,
+      TaskItem.configure({ nested: true }),
+    ],
+  })
+
+  it('keeps a plain bullet that follows a checkbox item in a nested list', () => {
+    const markdown = ['- [ ] parent', '  - [ ] checkbox child', '  - plain child'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'taskList',
+          content: [
+            taskItem(
+              'parent',
+              { type: 'taskList', content: [taskItem('checkbox child')] },
+              { type: 'bulletList', content: [listItem('plain child')] },
+            ),
+          ],
+        },
+      ],
+    })
+  })
+
+  it('keeps multiple trailing plain bullets in one bullet list', () => {
+    const markdown = ['- [ ] parent', '  - [ ] checkbox child', '  - plain 1', '  - plain 2'].join(
+      '\n',
+    )
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'taskList',
+          content: [
+            taskItem(
+              'parent',
+              { type: 'taskList', content: [taskItem('checkbox child')] },
+              { type: 'bulletList', content: [listItem('plain 1'), listItem('plain 2')] },
+            ),
+          ],
+        },
+      ],
+    })
+  })
+
+  it('keeps a plain bullet in a deeply nested task list', () => {
+    const markdown = [
+      '- [ ] parent',
+      '  - [ ] level2',
+      '    - [ ] level3',
+      '    - deep plain',
+    ].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'taskList',
+          content: [
+            taskItem('parent', {
+              type: 'taskList',
+              content: [
+                taskItem(
+                  'level2',
+                  { type: 'taskList', content: [taskItem('level3')] },
+                  { type: 'bulletList', content: [listItem('deep plain')] },
+                ),
+              ],
+            }),
+          ],
+        },
+      ],
+    })
+  })
+
+  it('keeps a trailing paragraph that follows a nested checkbox item', () => {
+    const markdown = ['- [ ] parent', '  - [ ] child', '  trailing paragraph'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'taskList',
+          content: [
+            taskItem(
+              'parent',
+              { type: 'taskList', content: [taskItem('child')] },
+              paragraph('trailing paragraph'),
+            ),
+          ],
+        },
+      ],
+    })
+  })
+
+  it('keeps a plain bullet that precedes a checkbox item in a nested list', () => {
+    const markdown = ['- [ ] parent', '  - plain first', '  - [ ] checkbox after'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'taskList',
+          content: [
+            taskItem(
+              'parent',
+              { type: 'bulletList', content: [listItem('plain first')] },
+              { type: 'taskList', content: [taskItem('checkbox after')] },
+            ),
+          ],
+        },
+      ],
+    })
+  })
+
+  it('still parses a purely-checkbox nested list as a single task list', () => {
+    const markdown = ['- [ ] parent', '  - [ ] child 1', '  - [x] child 2'].join('\n')
+
+    expect(markdownManager.parse(markdown)).toEqual({
+      type: 'doc',
+      content: [
+        {
+          type: 'taskList',
+          content: [
+            taskItem('parent', {
+              type: 'taskList',
+              content: [
+                taskItem('child 1'),
+                {
+                  type: 'taskItem',
+                  attrs: { checked: true },
+                  content: [paragraph('child 2')],
+                },
+              ],
+            }),
+          ],
+        },
+      ],
+    })
+  })
+
+  it('round-trips the mixed nested list back to the original markdown', () => {
+    const markdown = ['- [ ] parent', '  - [ ] checkbox child', '  - plain child'].join('\n')
+
+    const json = markdownManager.parse(markdown)
+    expect(markdownManager.serialize(json).trim()).toBe(markdown)
+  })
+})
diff --git a/packages/markdown/tests/integration/unknown-html-tags.test.ts b/packages/markdown/tests/integration/unknown-html-tags.test.ts
new file mode 100644
index 0000000..b6a581e
--- /dev/null
+++ b/packages/markdown/tests/integration/unknown-html-tags.test.ts
@@ -0,0 +1,156 @@
+/**
+ * @vitest-environment happy-dom
+ */
+
+import { Node } from '@tiptap/core'
+import { Document } from '@tiptap/extension-document'
+import { Heading } from '@tiptap/extension-heading'
+import { Italic } from '@tiptap/extension-italic'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
+import { MarkdownManager } from '@tiptap/markdown'
+import { describe, expect, it } from 'vite-plus/test'
+
+/**
+ * When markdown content contains text inside angle brackets that looks
+ * like an HTML tag but is not a recognized HTML element (and is not in
+ * the schema), marked passes it through as raw HTML. The browser's DOM
+ * parser then creates an unknown element with no text content, which is
+ * silently swallowed during schema-aware parsing.
+ *
+ * The expected behavior is that unrecognized HTML-like text should be
+ * preserved as literal plain text instead of being lost.
+ */
+describe('MarkdownManager unrecognized HTML tags', () => {
+  const basicExtensions = [Document, Paragraph, Text, Heading, Italic]
+
+  const collectText = (node: any): string => {
+    if (!node) {
+      return ''
+    }
+    if (typeof node === 'string') {
+      return node
+    }
+    if (Array.isArray(node)) {
+      return node.map(collectText).join('')
+    }
+    if (node.type === 'text' && typeof node.text === 'string') {
+      return node.text
+    }
+    if (Array.isArray(node.content)) {
+      return node.content.map(collectText).join('')
+    }
+    return ''
+  }
+
+  it('does not silently swallow text inside an unknown opening tag at block level', () => {
+    const manager = new MarkdownManager({ extensions: basicExtensions })
+    const md = '<enter existing CID here if available>\n\nother text after'
+    const doc = manager.parse(md)
+
+    expect(doc.type).toBe('doc')
+    expect(Array.isArray(doc.content)).toBe(true)
+
+    // The original "enter existing CID here if available" content must survive
+    // somewhere in the parsed document - it must not be silently dropped.
+    const text = collectText(doc)
+    expect(text).toContain('enter existing CID here if available')
+    expect(text).toContain('other text after')
+  })
+
+  it('does not silently swallow text inside an unknown opening tag inline', () => {
+    const manager = new MarkdownManager({ extensions: basicExtensions })
+    const md = 'before <enter existing CID here> after'
+    const doc = manager.parse(md)
+
+    const text = collectText(doc)
+    expect(text).toContain('before')
+    expect(text).toContain('enter existing CID here')
+    expect(text).toContain('after')
+  })
+
+  it('still parses recognized inline HTML elements normally', () => {
+    const manager = new MarkdownManager({ extensions: basicExtensions })
+    const md = 'hello <em>world</em>'
+    const doc = manager.parse(md)
+
+    const text = collectText(doc)
+    expect(text).toContain('hello')
+    expect(text).toContain('world')
+  })
+
+  it('does not render raw markup for recognized but empty HTML elements', () => {
+    const manager = new MarkdownManager({ extensions: basicExtensions })
+
+    // Empty <em></em> / <span></span> have no text content and no void element,
+    // but they are still real HTML – they must not be rendered as literal text.
+    ;['<em></em>', '<em> </em>', '<span></span>'].forEach(md => {
+      const doc = manager.parse(md)
+      const text = collectText(doc)
+      expect(text).not.toContain('<em>')
+      expect(text).not.toContain('</em>')
+      expect(text).not.toContain('<span>')
+      expect(text).not.toContain('</span>')
+    })
+  })
+
+  it('does not flag hyphenated custom elements as unrecognized', () => {
+    const manager = new MarkdownManager({ extensions: basicExtensions })
+
+    // Hyphenated tag names are valid custom elements per the HTML spec – the
+    // browser constructs them as HTMLElement, not HTMLUnknownElement.
+    const doc = manager.parse('<my-mention></my-mention>')
+    const text = collectText(doc)
+    expect(text).not.toContain('<my-mention>')
+    expect(text).not.toContain('</my-mention>')
+  })
+
+  it('preserves angle-bracket text with spaces as literal text', () => {
+    const manager = new MarkdownManager({ extensions: basicExtensions })
+
+    // `<this is a placeholder>` contains spaces, so the tag name is invalid.
+    // The browser creates an HTMLUnknownElement and the manager should
+    // preserve the whole string as literal text instead of silently dropping it.
+    const doc = manager.parse('<this is a placeholder>')
+    const text = collectText(doc)
+    expect(text).toContain('<this is a placeholder>')
+  })
+
+  it('recognizes non-hyphenated custom tags declared in schema parseDOM', () => {
+    const Something = Node.create({
+      name: 'something',
+      group: 'inline',
+      inline: true,
+      content: 'text*',
+      renderHTML: () => ['something', 0],
+      parseHTML: () => [{ tag: 'something' }],
+    })
+    const SomethingWithHyphen = Node.create({
+      name: 'something-with-hyphen',
+      group: 'inline',
+      inline: true,
+      content: 'text*',
+      renderHTML: () => ['something-with-hyphen', 0],
+      parseHTML: () => [{ tag: 'something-with-hyphen' }],
+    })
+
+    const manager = new MarkdownManager({
+      extensions: [...basicExtensions, Something, SomethingWithHyphen],
+    })
+
+    // `<something>` is not a standard HTML tag (no hyphen), so the browser would
+    // normally create an HTMLUnknownElement. However, because the schema has
+    // a registered extension declaring parseDOM `{ tag: 'something' }`, the
+    // manager should treat it as a recognized element.
+    const doc = manager.parse(
+      '<something>happy</something><something attribute="a">happy</something><something-with-hyphen attribute="a">joyful</something-with-hyphen>',
+    )
+    const text = collectText(doc)
+    expect(text).toContain('happy')
+    expect(text).toContain('joyful')
+    expect(text).not.toContain('<something>')
+    expect(text).not.toContain('</something>')
+    expect(text).not.toContain('<something-with-hyphen>')
+    expect(text).not.toContain('</something-with-hyphen>')
+  })
+})
diff --git a/packages/markdown/tests/integration/utilities.test.ts b/packages/markdown/tests/integration/utilities.test.ts
new file mode 100644
index 0000000..b9dd416
--- /dev/null
+++ b/packages/markdown/tests/integration/utilities.test.ts
@@ -0,0 +1,523 @@
+import type { JSONContent } from '@tiptap/core'
+import {
+  createAtomBlockMarkdownSpec,
+  createBlockMarkdownSpec,
+  createInlineMarkdownSpec,
+} from '@tiptap/core'
+import { describe, expect, it } from 'vite-plus/test'
+
+function measure(run: () => unknown): number {
+  const startedAt = performance.now()
+  run()
+  return performance.now() - startedAt
+}
+
+function expectLinearTokenization(run: (attributes: string) => unknown, attackUnit: string) {
+  run('warmup="true"')
+  const sizes = [768, 1536]
+
+  sizes.forEach(size => {
+    const attack = attackUnit.repeat(size)
+    const control = '-'.repeat(attack.length)
+    const controlDuration = measure(() => run(control))
+    const attackDuration = measure(() => run(attack))
+
+    expect(attackDuration).toBeLessThan(controlDuration * 20 + 100)
+  })
+}
+
+describe('Markdown Utilities', () => {
+  describe('createInlineMarkdownSpec', () => {
+    it('should create a valid spec for self-closing inline nodes', () => {
+      const spec = createInlineMarkdownSpec({
+        nodeName: 'mention',
+        selfClosing: true,
+        allowedAttributes: ['id', 'label'],
+      })
+
+      expect(spec).toHaveProperty('parseMarkdown')
+      expect(spec).toHaveProperty('markdownTokenizer')
+      expect(spec).toHaveProperty('renderMarkdown')
+      expect(spec.markdownTokenizer.level).toBe('inline')
+    })
+
+    it('should create a valid spec for inline nodes with content', () => {
+      const spec = createInlineMarkdownSpec({
+        nodeName: 'highlight',
+        selfClosing: false,
+        allowedAttributes: ['color'],
+      })
+
+      expect(spec).toHaveProperty('parseMarkdown')
+      expect(spec).toHaveProperty('markdownTokenizer')
+      expect(spec).toHaveProperty('renderMarkdown')
+      expect(spec.markdownTokenizer.level).toBe('inline')
+    })
+
+    it('should handle tokenizer start detection', () => {
+      const spec = createInlineMarkdownSpec({
+        nodeName: 'mention',
+        selfClosing: true,
+      })
+
+      const src = '[mention id="test"] some other text'
+      const startIndex =
+        typeof spec.markdownTokenizer.start === 'function'
+          ? spec.markdownTokenizer.start?.(src)
+          : src.indexOf(spec.markdownTokenizer.start!)
+
+      expect(startIndex).toBe(0)
+
+      const falseSrc = 'no mention here'
+      const noMatch =
+        typeof spec.markdownTokenizer.start === 'function'
+          ? spec.markdownTokenizer.start?.(falseSrc)
+          : falseSrc.indexOf(spec.markdownTokenizer.start!)
+
+      expect(noMatch).toBe(-1)
+    })
+
+    it('should tokenize self-closing shortcodes correctly', () => {
+      const spec = createInlineMarkdownSpec({
+        nodeName: 'mention',
+        selfClosing: true,
+      })
+
+      const token = spec.markdownTokenizer.tokenize(
+        '[mention id="test" label="Test User"]',
+        [],
+        null as any,
+      )
+      expect(token).toMatchObject({
+        type: 'mention',
+        raw: '[mention id="test" label="Test User"]',
+        content: '',
+        attributes: {
+          id: 'test',
+          label: 'Test User',
+        },
+      })
+    })
+
+    it('should tokenize shortcodes with content correctly', () => {
+      const spec = createInlineMarkdownSpec({
+        nodeName: 'highlight',
+        selfClosing: false,
+      })
+
+      const token = spec.markdownTokenizer.tokenize(
+        '[highlight color="yellow"]highlighted text[/highlight]',
+        [],
+        null as any,
+      )
+      expect(token).toMatchObject({
+        type: 'highlight',
+        raw: '[highlight color="yellow"]highlighted text[/highlight]',
+        content: 'highlighted text',
+        attributes: {
+          color: 'yellow',
+        },
+      })
+    })
+
+    it('should parse malformed shortcode attributes in linear time', () => {
+      const spec = createInlineMarkdownSpec({
+        nodeName: 'probe',
+        selfClosing: true,
+      })
+
+      expectLinearTokenization(
+        attributes => spec.markdownTokenizer.tokenize(`[probe ${attributes}]`, [], null as any),
+        '0000000000000000',
+      )
+    })
+
+    it('should only parse shortcode attributes at attribute boundaries', () => {
+      const spec = createInlineMarkdownSpec({
+        nodeName: 'probe',
+        selfClosing: true,
+      })
+
+      const token = spec.markdownTokenizer.tokenize(
+        '[probe prefix:id="ignored" label="kept"]',
+        [],
+        null as any,
+      )
+
+      expect(token).toMatchObject({ attributes: { label: 'kept' } })
+    })
+
+    it('should render self-closing shortcodes correctly', () => {
+      const spec = createInlineMarkdownSpec({
+        nodeName: 'mention',
+        selfClosing: true,
+        allowedAttributes: ['id', 'label'],
+      })
+
+      const node = {
+        attrs: {
+          id: 'test',
+          label: 'Test User',
+          internalId: 'should-be-filtered', // This should not appear
+        },
+      }
+
+      const rendered = spec.renderMarkdown(node)
+      expect(rendered).toBe('[mention id="test" label="Test User"]')
+    })
+
+    it('should render shortcodes with content correctly', () => {
+      const spec = createInlineMarkdownSpec({
+        nodeName: 'highlight',
+        selfClosing: false,
+        allowedAttributes: ['color'],
+      })
+
+      const node: JSONContent = {
+        content: [{ type: 'text', text: 'highlighted text' }],
+        attrs: {
+          color: 'yellow',
+        },
+      }
+
+      const rendered = spec.renderMarkdown(node)
+      expect(rendered).toBe('[highlight color="yellow"]highlighted text[/highlight]')
+    })
+
+    it('should skip attributes with default values when skipIfDefault is specified', () => {
+      const spec = createInlineMarkdownSpec({
+        nodeName: 'mention',
+        selfClosing: true,
+        allowedAttributes: ['id', 'label', { name: 'mentionSuggestionChar', skipIfDefault: '@' }],
+      })
+
+      // When mentionSuggestionChar equals the default '@', it should be omitted
+      const nodeWithDefault = {
+        attrs: {
+          id: 'test',
+          label: 'Test User',
+          mentionSuggestionChar: '@',
+        },
+      }
+
+      const renderedWithDefault = spec.renderMarkdown(nodeWithDefault)
+      expect(renderedWithDefault).toBe('[mention id="test" label="Test User"]')
+
+      // When mentionSuggestionChar differs from default, it should be included
+      const nodeWithNonDefault = {
+        attrs: {
+          id: 'bug',
+          label: 'Bug',
+          mentionSuggestionChar: '#',
+        },
+      }
+
+      const renderedWithNonDefault = spec.renderMarkdown(nodeWithNonDefault)
+      expect(renderedWithNonDefault).toBe(
+        '[mention id="bug" label="Bug" mentionSuggestionChar="#"]',
+      )
+    })
+
+    it('should support custom parseAttributes and serializeAttributes for attribute name mapping', () => {
+      const spec = createInlineMarkdownSpec({
+        nodeName: 'mention',
+        name: '@',
+        selfClosing: true,
+        allowedAttributes: ['id', 'label', { name: 'mentionSuggestionChar', skipIfDefault: '@' }],
+        parseAttributes: (attrString: string) => {
+          const attrs: Record<string, any> = {}
+          const regex = /(?:^|\s)(\w+)=(?:"([^"]*)"|'([^']*)')/g
+          let match = regex.exec(attrString)
+
+          while (match !== null) {
+            const [, key, doubleQuoted, singleQuoted] = match
+            const value = doubleQuoted ?? singleQuoted
+            attrs[key === 'char' ? 'mentionSuggestionChar' : key] = value
+            match = regex.exec(attrString)
+          }
+
+          return attrs
+        },
+        serializeAttributes: (attrs: Record<string, any>) => {
+          return Object.entries(attrs)
+            .filter(([, value]) => value !== undefined && value !== null)
+            .map(([key, value]) => {
+              const serializedKey = key === 'mentionSuggestionChar' ? 'char' : key
+              return `${serializedKey}="${value}"`
+            })
+            .join(' ')
+        },
+      })
+
+      // Test serialization: mentionSuggestionChar should be serialized as 'char'
+      const nodeWithHashChar = {
+        attrs: {
+          id: 'bug',
+          mentionSuggestionChar: '#',
+        },
+      }
+
+      const rendered = spec.renderMarkdown(nodeWithHashChar)
+      expect(rendered).toBe('[@ id="bug" char="#"]')
+
+      // Test serialization: default '@' should be omitted
+      const nodeWithDefaultChar = {
+        attrs: {
+          id: 'Madonna',
+          mentionSuggestionChar: '@',
+        },
+      }
+
+      const renderedDefault = spec.renderMarkdown(nodeWithDefaultChar)
+      expect(renderedDefault).toBe('[@ id="Madonna"]')
+
+      // Test parsing: 'char' should be mapped to 'mentionSuggestionChar'
+      const token = spec.markdownTokenizer.tokenize('[@ id="feature" char="#"]', [], null as any)
+      expect(token).toMatchObject({
+        type: 'mention',
+        attributes: {
+          id: 'feature',
+          mentionSuggestionChar: '#',
+        },
+      })
+
+      // Test parsing: without char attribute
+      const tokenNoChar = spec.markdownTokenizer.tokenize('[@ id="Tom Cruise"]', [], null as any)
+      expect(tokenNoChar).toMatchObject({
+        type: 'mention',
+        attributes: {
+          id: 'Tom Cruise',
+        },
+      })
+    })
+  })
+
+  describe('createBlockMarkdownSpec', () => {
+    it('should create a valid spec for block nodes', () => {
+      const spec = createBlockMarkdownSpec({
+        nodeName: 'callout',
+      })
+
+      expect(spec).toHaveProperty('parseMarkdown')
+      expect(spec).toHaveProperty('markdownTokenizer')
+      expect(spec).toHaveProperty('renderMarkdown')
+      expect(spec.markdownTokenizer.level).toBe('block')
+    })
+
+    it('should handle tokenizer start detection', () => {
+      const spec = createBlockMarkdownSpec({
+        nodeName: 'callout',
+      })
+
+      const src = ':::callout\ncontent\n:::'
+      const startIndex =
+        typeof spec.markdownTokenizer.start === 'function'
+          ? spec.markdownTokenizer.start?.(src)
+          : src.indexOf(spec.markdownTokenizer.start!)
+
+      expect(startIndex).toBe(0)
+
+      const falseSrc = 'no callout here'
+      const noMatch =
+        typeof spec.markdownTokenizer.start === 'function'
+          ? spec.markdownTokenizer.start?.(falseSrc)
+          : falseSrc.indexOf(spec.markdownTokenizer.start!)
+
+      expect(noMatch).toBe(-1)
+    })
+
+    it('should tokenize block syntax correctly', () => {
+      const spec = createBlockMarkdownSpec({
+        nodeName: 'callout',
+      })
+
+      const mockLexer = {
+        blockTokens: (src: string) => [{ type: 'paragraph', text: src.trim() }],
+        inlineTokens: (src: string) => [{ type: 'text', text: src.trim() }],
+      }
+
+      const token = spec.markdownTokenizer.tokenize(
+        ':::callout {type="info"}\nThis is a callout\n:::',
+        [],
+        mockLexer,
+      )
+      expect(token).toMatchObject({
+        type: 'callout',
+        attributes: { type: 'info' },
+        content: 'This is a callout',
+      })
+
+      expect(token).toHaveProperty('tokens')
+      expect(Array.isArray((token as any).tokens)).toBe(true)
+      expect((token as any).tokens).toHaveLength(1)
+    })
+
+    it('should parse malformed block attributes in linear time', () => {
+      const spec = createBlockMarkdownSpec({
+        nodeName: 'probe',
+      })
+      const lexer = {
+        blockTokens: () => [],
+        inlineTokens: () => [],
+      }
+
+      expectLinearTokenization(
+        attributes =>
+          spec.markdownTokenizer.tokenize(`:::probe {${attributes}}\ncontent\n:::`, [], lexer),
+        '__QUOTED_0',
+      )
+    })
+
+    it('should render block syntax correctly', () => {
+      const spec = createBlockMarkdownSpec({
+        nodeName: 'callout',
+        allowedAttributes: ['type'],
+      })
+
+      const mockHelpers = {
+        renderChildren: () => 'This is a callout',
+        wrapInBlock: (content: string) => content,
+        indent: (content: string) => content,
+      }
+
+      const node = {
+        attrs: { type: 'info' },
+        content: [],
+      }
+
+      const rendered = spec.renderMarkdown(node, mockHelpers)
+      expect(rendered).toBe(':::callout {type="info"}\n\nThis is a callout\n\n:::')
+    })
+  })
+
+  describe('createAtomBlockMarkdownSpec', () => {
+    it('should create a valid spec for atomic block nodes', () => {
+      const spec = createAtomBlockMarkdownSpec({
+        nodeName: 'youtube',
+      })
+
+      expect(spec).toHaveProperty('parseMarkdown')
+      expect(spec).toHaveProperty('markdownTokenizer')
+      expect(spec).toHaveProperty('renderMarkdown')
+      expect(spec.markdownTokenizer.level).toBe('block')
+    })
+
+    it('should handle tokenizer start detection', () => {
+      const spec = createAtomBlockMarkdownSpec({
+        nodeName: 'youtube',
+      })
+
+      const src = ':::youtube {src="test"} :::'
+      const startIndex =
+        typeof spec.markdownTokenizer.start === 'function'
+          ? spec.markdownTokenizer.start?.(src)
+          : src.indexOf(spec.markdownTokenizer.start!)
+      expect(startIndex).toBe(0)
+
+      const falseSrc = 'no youtube here'
+      const noMatch =
+        typeof spec.markdownTokenizer.start === 'function'
+          ? spec.markdownTokenizer.start?.(falseSrc)
+          : falseSrc.indexOf(spec.markdownTokenizer.start!)
+      expect(noMatch).toBe(-1)
+    })
+
+    it('should tokenize atom block syntax correctly', () => {
+      const spec = createAtomBlockMarkdownSpec({
+        nodeName: 'youtube',
+      })
+
+      const token = spec.markdownTokenizer.tokenize(
+        ':::youtube {src="https://youtube.com/watch?v=test"} :::\n',
+        [],
+        null as any,
+      )
+      expect(token).toMatchObject({
+        type: 'youtube',
+        raw: ':::youtube {src="https://youtube.com/watch?v=test"} :::\n',
+        attributes: {
+          src: 'https://youtube.com/watch?v=test',
+        },
+      })
+    })
+
+    it('should parse malformed atom block attributes in linear time', () => {
+      const spec = createAtomBlockMarkdownSpec({
+        nodeName: 'probe',
+      })
+
+      expectLinearTokenization(
+        attributes =>
+          spec.markdownTokenizer.tokenize(`:::probe {${attributes}} :::\n`, [], null as any),
+        '__QUOTED_0',
+      )
+    })
+
+    it('should validate required attributes', () => {
+      const spec = createAtomBlockMarkdownSpec({
+        nodeName: 'youtube',
+        requiredAttributes: ['src'],
+      })
+
+      // Should fail without required attribute
+      const tokenWithoutSrc = spec.markdownTokenizer.tokenize(
+        ':::youtube {width="400"} :::\n',
+        [],
+        null as any,
+      )
+      expect(tokenWithoutSrc).toBe(undefined)
+
+      // Should succeed with required attribute
+      const tokenWithSrc = spec.markdownTokenizer.tokenize(
+        ':::youtube {src="test"} :::\n',
+        [],
+        null as any,
+      )
+      expect(tokenWithSrc).not.toBe(undefined)
+      expect(tokenWithSrc).toHaveProperty('attributes')
+      expect((tokenWithSrc as any).attributes).toHaveProperty('src', 'test')
+    })
+
+    it('should render atom block syntax correctly', () => {
+      const spec = createAtomBlockMarkdownSpec({
+        nodeName: 'youtube',
+        allowedAttributes: ['src', 'width'],
+      })
+
+      const node = {
+        attrs: {
+          src: 'https://youtube.com/watch?v=test',
+          width: '400',
+          internalId: 'should-be-filtered', // This should not appear
+        },
+      }
+
+      const rendered = spec.renderMarkdown(node)
+      expect(rendered).toBe(':::youtube {src="https://youtube.com/watch?v=test" width="400"} :::')
+    })
+
+    it('should apply default attributes', () => {
+      const spec = createAtomBlockMarkdownSpec({
+        nodeName: 'youtube',
+        defaultAttributes: { start: '0', width: '640' },
+      })
+
+      const mockHelpers = {
+        createNode: (name: string, attrs: any, content: any) => ({ type: name, attrs, content }),
+        parseInline: () => [],
+        parseChildren: () => [],
+        createTextNode: (text: string) => ({ type: 'text', text }),
+        applyMark: (mark: string, content: any) => ({ mark, content }),
+      }
+
+      const token = { attributes: { src: 'test' } }
+      const result = spec.parseMarkdown(token as any, mockHelpers as any)
+
+      expect((result as any).attrs).toMatchObject({
+        src: 'test',
+        start: '0',
+        width: '640',
+      })
+    })
+  })
+})
diff --git a/packages/markdown/tests/integration/whitespace-only-marked-text.test.ts b/packages/markdown/tests/integration/whitespace-only-marked-text.test.ts
new file mode 100644
index 0000000..831c03c
--- /dev/null
+++ b/packages/markdown/tests/integration/whitespace-only-marked-text.test.ts
@@ -0,0 +1,178 @@
+import { Bold } from '@tiptap/extension-bold'
+import { Code } from '@tiptap/extension-code'
+import { Document } from '@tiptap/extension-document'
+import { Italic } from '@tiptap/extension-italic'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import Strike from '@tiptap/extension-strike'
+import { Text } from '@tiptap/extension-text'
+import { describe, expect, it } from 'vite-plus/test'
+
+import { MarkdownManager } from '../../src/MarkdownManager.js'
+
+describe('Whitespace-only marked text nodes', () => {
+  const extensions = [Document, Paragraph, Text, Bold, Italic, Code, Strike]
+  const markdownManager = new MarkdownManager({ extensions })
+
+  const paragraph = (content: Array<Record<string, any>>) => ({
+    type: 'doc',
+    content: [{ type: 'paragraph', content }],
+  })
+
+  it.each([
+    ['bold', 'a b'],
+    ['italic', 'a b'],
+    ['code', 'a b'],
+    ['strike', 'a b'],
+  ])('emits no delimiters for a whitespace-only %s node', (markType, expected) => {
+    const markdown = markdownManager.serialize(
+      paragraph([
+        { type: 'text', text: 'a' },
+        { type: 'text', text: ' ', marks: [{ type: markType }] },
+        { type: 'text', text: 'b' },
+      ]),
+    )
+
+    expect(markdown).toBe(expected)
+  })
+
+  it.each([
+    ['tab', '\t'],
+    ['non-breaking space', '\u00a0'],
+    ['newline', '\n'],
+  ])('emits no delimiters for a whitespace-only node containing a %s', (_name, whitespace) => {
+    const markdown = markdownManager.serialize(
+      paragraph([
+        { type: 'text', text: 'a' },
+        { type: 'text', text: whitespace, marks: [{ type: 'bold' }] },
+        { type: 'text', text: 'b' },
+      ]),
+    )
+
+    expect(markdown).toBe(`a${whitespace}b`)
+  })
+
+  it('emits no delimiters for a multi-space whitespace-only node', () => {
+    const markdown = markdownManager.serialize(
+      paragraph([
+        { type: 'text', text: 'a' },
+        { type: 'text', text: '  ', marks: [{ type: 'bold' }] },
+        { type: 'text', text: 'b' },
+      ]),
+    )
+
+    expect(markdown).toBe('a  b')
+  })
+
+  it('emits no delimiters when a whitespace-only node carries nested marks', () => {
+    const markdown = markdownManager.serialize(
+      paragraph([
+        { type: 'text', text: 'a' },
+        { type: 'text', text: ' ', marks: [{ type: 'bold' }, { type: 'italic' }] },
+        { type: 'text', text: 'b' },
+      ]),
+    )
+
+    expect(markdown).toBe('a b')
+  })
+
+  it('opens a continuing mark after the whitespace (Issue #8212)', () => {
+    const markdown = markdownManager.serialize(
+      paragraph([
+        { type: 'text', text: 'a' },
+        { type: 'text', text: ' ', marks: [{ type: 'bold' }] },
+        { type: 'text', text: 'b', marks: [{ type: 'bold' }] },
+      ]),
+    )
+
+    expect(markdown).toBe('a **b**')
+  })
+
+  it('keeps a continuing mark and drops the transient one', () => {
+    const markdown = markdownManager.serialize(
+      paragraph([
+        { type: 'text', text: 'a' },
+        { type: 'text', text: ' ', marks: [{ type: 'bold' }, { type: 'italic' }] },
+        { type: 'text', text: 'b', marks: [{ type: 'bold' }] },
+      ]),
+    )
+
+    expect(markdown).toBe('a **b**')
+  })
+
+  it('keeps a continuing italic when bold is the transient mark', () => {
+    const markdown = markdownManager.serialize(
+      paragraph([
+        { type: 'text', text: 'a' },
+        { type: 'text', text: ' ', marks: [{ type: 'bold' }, { type: 'italic' }] },
+        { type: 'text', text: 'b', marks: [{ type: 'italic' }] },
+      ]),
+    )
+
+    expect(markdown).toBe('a *b*')
+  })
+
+  it('spans a mark across the whitespace when it opened on an earlier node', () => {
+    const markdown = markdownManager.serialize(
+      paragraph([
+        { type: 'text', text: 'a', marks: [{ type: 'bold' }] },
+        { type: 'text', text: ' ', marks: [{ type: 'bold' }, { type: 'italic' }] },
+        { type: 'text', text: 'b', marks: [{ type: 'bold' }] },
+      ]),
+    )
+
+    expect(markdown).toBe('**a b**')
+  })
+
+  it('closes an already-open mark before a whitespace-only node that ends it', () => {
+    const markdown = markdownManager.serialize(
+      paragraph([
+        { type: 'text', text: 'a', marks: [{ type: 'bold' }] },
+        { type: 'text', text: ' ', marks: [{ type: 'bold' }] },
+        { type: 'text', text: 'b' },
+      ]),
+    )
+
+    expect(markdown).toBe('**a** b')
+  })
+
+  it('keeps expelling trailing whitespace out of a mark that has text', () => {
+    const markdown = markdownManager.serialize(
+      paragraph([
+        { type: 'text', text: 'Label: ', marks: [{ type: 'bold' }] },
+        { type: 'text', text: 'value' },
+      ]),
+    )
+
+    expect(markdown).toBe('**Label:** value')
+  })
+
+  it.each([
+    ['a single mark', [{ type: 'bold' }]],
+    ['nested marks', [{ type: 'bold' }, { type: 'italic' }]],
+  ])('survives repeated serialize/parse cycles with %s', (_name, marks) => {
+    // Parsing `****` reads it as literal asterisks, which the next serialize escapes.
+    // Assert the value on every cycle, not that it settles: the broken output settles too.
+    let markdown = markdownManager.serialize(
+      paragraph([
+        { type: 'text', text: 'a' },
+        { type: 'text', text: ' ', marks },
+        { type: 'text', text: 'b' },
+      ]),
+    )
+
+    for (let cycle = 0; cycle < 3; cycle += 1) {
+      expect(markdown).toBe('a b')
+      markdown = markdownManager.serialize(markdownManager.parse(markdown))
+    }
+
+    expect(markdown).toBe('a b')
+  })
+
+  it('still emphasises a node that is only punctuation', () => {
+    const markdown = markdownManager.serialize(
+      paragraph([{ type: 'text', text: ')', marks: [{ type: 'bold' }] }]),
+    )
+
+    expect(markdown).toBe('**)**')
+  })
+})
diff --git a/packages/markdown/vite.config.ts b/packages/markdown/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/markdown/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/pm/CHANGELOG.md b/packages/pm/CHANGELOG.md
new file mode 100644
index 0000000..d909117
--- /dev/null
+++ b/packages/pm/CHANGELOG.md
@@ -0,0 +1,715 @@
+# Change Log
+
+## 3.30.3
+
+## 3.30.2
+
+## 3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- 58a8953: Fix the `./schema-list` export map pointing `types` at `dist/schema/`, which is not emitted. Tools that read the `types` condition directly could not resolve `@tiptap/pm/schema-list`.
+
+## 3.29.2
+
+## 3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- e150ee0: Bump `prosemirror-model` to `^1.25.11`, fixing pasting content copied from the editor inserting extra empty paragraphs (a regression introduced in `prosemirror-view` 1.42.0).
+
+## 3.28.0
+
+## 3.27.4
+
+## 3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- ceebb31: Updated all ProseMirror packages to the latest publicly available versions
+
+## 3.27.1
+
+## 3.27.0
+
+## 3.26.1
+
+## 3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- c1a2ce8: Bump `prosemirror-tables` to `^1.8.0` so `findTable` is available from `@tiptap/pm`, and align the related ProseMirror dependencies with the versions required by `prosemirror-tables`.
+
+## 3.24.0
+
+### Patch Changes
+
+- 7c0499b: Add missing `@tiptap/pm/inputrules` export
+
+## 3.23.6
+
+## 3.23.5
+
+## 3.23.4
+
+## 3.23.3
+
+## 3.23.2
+
+## 3.23.1
+
+## 3.23.0
+
+## 3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- 032f8f1: Remove unused ProseMirror packages from @tiptap/pm to reduce bundle size
+
+## 3.22.3
+
+## 3.22.2
+
+## 3.22.1
+
+## 3.22.0
+
+## 3.21.0
+
+## 3.20.6
+
+## 3.20.5
+
+## 3.20.4
+
+## 3.20.3
+
+## 3.20.2
+
+## 3.20.1
+
+## 3.20.0
+
+## 3.19.0
+
+## 3.18.0
+
+## 3.17.1
+
+## 3.17.0
+
+## 3.16.0
+
+## 3.15.3
+
+## 3.15.2
+
+## 3.15.1
+
+## 3.15.0
+
+## 3.14.0
+
+## 3.13.0
+
+## 3.12.1
+
+## 3.12.0
+
+## 3.11.1
+
+## 3.11.0
+
+## 3.10.8
+
+## 3.10.7
+
+## 3.10.6
+
+## 3.10.5
+
+## 3.10.4
+
+## 3.10.3
+
+## 3.10.2
+
+## 3.10.1
+
+## 3.10.0
+
+## 3.9.1
+
+## 3.9.0
+
+## 3.8.0
+
+## 3.7.2
+
+## 3.7.1
+
+## 3.7.0
+
+## 3.6.7
+
+## 3.6.6
+
+## 3.6.5
+
+## 3.6.4
+
+## 3.6.3
+
+## 3.6.2
+
+## 3.6.1
+
+## 3.6.0
+
+## 3.5.3
+
+## 3.5.2
+
+## 3.5.1
+
+## 3.5.0
+
+## 3.4.6
+
+## 3.4.5
+
+## 3.4.4
+
+## 3.4.3
+
+## 3.4.2
+
+## 3.4.1
+
+## 3.4.0
+
+## 3.3.1
+
+## 3.3.0
+
+## 3.2.2
+
+## 3.2.1
+
+## 3.2.0
+
+## 3.1.0
+
+## 3.0.9
+
+## 3.0.8
+
+## 3.0.7
+
+## 3.0.6
+
+## 3.0.5
+
+## 3.0.4
+
+## 3.0.3
+
+## 3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Minor Changes
+
+- 62b0877: Update prosemirror changeset to support token encoders
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 1e91f9b: Fix prosemirror history build
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+
+## 3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Minor Changes
+
+- 62b0877: Update prosemirror changeset to support token encoders
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+
+## 3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+### Patch Changes
+
+- 1e91f9b: Fix prosemirror history build
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+### Patch Changes
+
+- 4d2139b: This fixes a problem with the release files
+
+## 3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+## 3.0.0-next.0
+
+## 2.12.0
+
+### Minor Changes
+
+- 896f767: Update prosemirror-changeset library to support token encoders
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+### Patch Changes
+
+- f3258d9: Upgraded prosemirror-tables to 1.6.4. Fixes a bug with broken tables appearing when dropping text.
+
+## 2.11.5
+
+### Patch Changes
+
+- 98fffbb: Upgraded prosemirror-tables to 1.6.3 to fix cells being resizable while the editor is uneditable
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+## 2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- b5c1b32: Because of an XSS vulnerability in the `prosemirror-model` package, we've updated all our prosemirror dependencies to the latest versions.
+
+  **Upgraded packages**:
+
+  - `prosemirror-model` from `^1.22.1` to `^1.22.2`
+  - `prosemirror-tables` from `^1.3.7` to `^1.4.0`
+  - `prosemirror-trailing-node` from `^2.0.8` to `^2.0.9`
+  - `prosemirror-view` from `^1.33.8` to `^1.33.9`
+
+  See https://discuss.prosemirror.net/t/heads-up-xss-risk-in-domserializer/6572
+
+## 2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+
+## 2.5.3
+
+## 2.5.2
+
+## 2.5.1
+
+## 2.5.0
+
+## 2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/pm
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/pm
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
diff --git a/packages/pm/LICENSE b/packages/pm/LICENSE
new file mode 100644
index 0000000..4b28a55
--- /dev/null
+++ b/packages/pm/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025, Tiptap GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/pm/README.md b/packages/pm/README.md
new file mode 100644
index 0000000..144c68f
--- /dev/null
+++ b/packages/pm/README.md
@@ -0,0 +1,22 @@
+# @tiptap/pm
+
+[![Version](https://img.shields.io/npm/v/@tiptap/pm.svg?label=version)](https://www.npmjs.com/package/@tiptap/pm)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/pm.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/pm.svg)](https://www.npmjs.com/package/@tiptap/pm)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## What is this `pm` package?
+
+The `pm` package re-exports [ProseMirror](https://ProseMirror.net) packages under a single version range. It bundles all ProseMirror packages that are required to run Tiptap into one consistent dependency, so you don't need to install and align multiple ProseMirror packages yourself.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/pm/THIRD_PARTY_LICENSES.md b/packages/pm/THIRD_PARTY_LICENSES.md
new file mode 100644
index 0000000..6b6d7f0
--- /dev/null
+++ b/packages/pm/THIRD_PARTY_LICENSES.md
@@ -0,0 +1,47 @@
+# Third-party licenses
+
+This package re-exports packages from the [ProseMirror](https://prosemirror.net) project.
+
+ProseMirror is licensed under the MIT License.
+
+Copyright (C) Marijn Haverbeke <marijn@haverbeke.berlin> and others
+
+The following ProseMirror packages are re-exported by this package:
+
+- prosemirror-changeset
+- prosemirror-commands
+- prosemirror-dropcursor
+- prosemirror-gapcursor
+- prosemirror-history
+- prosemirror-inputrules
+- prosemirror-keymap
+- prosemirror-model
+- prosemirror-schema-list
+- prosemirror-state
+- prosemirror-tables
+- prosemirror-transform
+- prosemirror-view
+
+---
+
+## [MIT License (ProseMirror)](https://code.haverbeke.berlin/prosemirror/prosemirror/src/branch/main/LICENSE)
+
+Copyright (C) 2015-2017 by Marijn Haverbeke <marijn@haverbeke.berlin> and others
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/packages/pm/changeset/index.ts b/packages/pm/changeset/index.ts
new file mode 100644
index 0000000..83f924c
--- /dev/null
+++ b/packages/pm/changeset/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-changeset'
diff --git a/packages/pm/commands/index.ts b/packages/pm/commands/index.ts
new file mode 100644
index 0000000..50da9e9
--- /dev/null
+++ b/packages/pm/commands/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-commands'
diff --git a/packages/pm/dropcursor/index.ts b/packages/pm/dropcursor/index.ts
new file mode 100644
index 0000000..2f73bb5
--- /dev/null
+++ b/packages/pm/dropcursor/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-dropcursor'
diff --git a/packages/pm/gapcursor/index.ts b/packages/pm/gapcursor/index.ts
new file mode 100644
index 0000000..fd3299b
--- /dev/null
+++ b/packages/pm/gapcursor/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-gapcursor'
diff --git a/packages/pm/history/index.ts b/packages/pm/history/index.ts
new file mode 100644
index 0000000..f0013a7
--- /dev/null
+++ b/packages/pm/history/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-history'
diff --git a/packages/pm/inputrules/index.ts b/packages/pm/inputrules/index.ts
new file mode 100644
index 0000000..1841be3
--- /dev/null
+++ b/packages/pm/inputrules/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-inputrules'
diff --git a/packages/pm/keymap/index.ts b/packages/pm/keymap/index.ts
new file mode 100644
index 0000000..d97e478
--- /dev/null
+++ b/packages/pm/keymap/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-keymap'
diff --git a/packages/pm/model/index.ts b/packages/pm/model/index.ts
new file mode 100644
index 0000000..11cb9bf
--- /dev/null
+++ b/packages/pm/model/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-model'
diff --git a/packages/pm/package.json b/packages/pm/package.json
new file mode 100644
index 0000000..eb67c31
--- /dev/null
+++ b/packages/pm/package.json
@@ -0,0 +1,166 @@
+{
+  "name": "@tiptap/pm",
+  "version": "3.30.3",
+  "description": "prosemirror wrapper package for tiptap",
+  "keywords": [
+    "prosemirror",
+    "tiptap"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/pm"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "dist/**",
+    "changeset/**",
+    "commands/**",
+    "dropcursor/**",
+    "gapcursor/**",
+    "history/**",
+    "inputrules/**",
+    "keymap/**",
+    "model/**",
+    "schema-list/**",
+    "state/**",
+    "tables/**",
+    "transform/**",
+    "view/**",
+    "LICENSE",
+    "THIRD_PARTY_LICENSES.md"
+  ],
+  "type": "module",
+  "exports": {
+    "./changeset": {
+      "types": {
+        "import": "./dist/changeset/index.d.ts",
+        "require": "./dist/changeset/index.d.cts"
+      },
+      "import": "./dist/changeset/index.js",
+      "require": "./dist/changeset/index.cjs"
+    },
+    "./commands": {
+      "types": {
+        "import": "./dist/commands/index.d.ts",
+        "require": "./dist/commands/index.d.cts"
+      },
+      "import": "./dist/commands/index.js",
+      "require": "./dist/commands/index.cjs"
+    },
+    "./dropcursor": {
+      "types": {
+        "import": "./dist/dropcursor/index.d.ts",
+        "require": "./dist/dropcursor/index.d.cts"
+      },
+      "import": "./dist/dropcursor/index.js",
+      "require": "./dist/dropcursor/index.cjs"
+    },
+    "./inputrules": {
+      "types": {
+        "import": "./dist/inputrules/index.d.ts",
+        "require": "./dist/inputrules/index.d.cts"
+      },
+      "import": "./dist/inputrules/index.js",
+      "require": "./dist/inputrules/index.cjs"
+    },
+    "./gapcursor": {
+      "types": {
+        "import": "./dist/gapcursor/index.d.ts",
+        "require": "./dist/gapcursor/index.d.cts"
+      },
+      "import": "./dist/gapcursor/index.js",
+      "require": "./dist/gapcursor/index.cjs"
+    },
+    "./history": {
+      "types": {
+        "import": "./dist/history/index.d.ts",
+        "require": "./dist/history/index.d.cts"
+      },
+      "import": "./dist/history/index.js",
+      "require": "./dist/history/index.cjs"
+    },
+    "./keymap": {
+      "types": {
+        "import": "./dist/keymap/index.d.ts",
+        "require": "./dist/keymap/index.d.cts"
+      },
+      "import": "./dist/keymap/index.js",
+      "require": "./dist/keymap/index.cjs"
+    },
+    "./model": {
+      "types": {
+        "import": "./dist/model/index.d.ts",
+        "require": "./dist/model/index.d.cts"
+      },
+      "import": "./dist/model/index.js",
+      "require": "./dist/model/index.cjs"
+    },
+    "./schema-list": {
+      "types": {
+        "import": "./dist/schema-list/index.d.ts",
+        "require": "./dist/schema-list/index.d.cts"
+      },
+      "import": "./dist/schema-list/index.js",
+      "require": "./dist/schema-list/index.cjs"
+    },
+    "./state": {
+      "types": {
+        "import": "./dist/state/index.d.ts",
+        "require": "./dist/state/index.d.cts"
+      },
+      "import": "./dist/state/index.js",
+      "require": "./dist/state/index.cjs"
+    },
+    "./tables": {
+      "types": {
+        "import": "./dist/tables/index.d.ts",
+        "require": "./dist/tables/index.d.cts"
+      },
+      "import": "./dist/tables/index.js",
+      "require": "./dist/tables/index.cjs"
+    },
+    "./transform": {
+      "types": {
+        "import": "./dist/transform/index.d.ts",
+        "require": "./dist/transform/index.d.cts"
+      },
+      "import": "./dist/transform/index.js",
+      "require": "./dist/transform/index.cjs"
+    },
+    "./view": {
+      "types": {
+        "import": "./dist/view/index.d.ts",
+        "require": "./dist/view/index.d.cts"
+      },
+      "import": "./dist/view/index.js",
+      "require": "./dist/view/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "prosemirror-changeset": "^2.4.1",
+    "prosemirror-commands": "^1.7.1",
+    "prosemirror-dropcursor": "^1.8.2",
+    "prosemirror-gapcursor": "^1.4.1",
+    "prosemirror-history": "^1.5.0",
+    "prosemirror-inputrules": "^1.5.1",
+    "prosemirror-keymap": "^1.2.3",
+    "prosemirror-model": "^1.25.11",
+    "prosemirror-schema-list": "^1.5.1",
+    "prosemirror-state": "^1.4.4",
+    "prosemirror-tables": "^1.8.5",
+    "prosemirror-transform": "^1.12.0",
+    "prosemirror-view": "^1.42.3"
+  }
+}
diff --git a/packages/pm/schema-list/index.ts b/packages/pm/schema-list/index.ts
new file mode 100644
index 0000000..e931fed
--- /dev/null
+++ b/packages/pm/schema-list/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-schema-list'
diff --git a/packages/pm/state/index.ts b/packages/pm/state/index.ts
new file mode 100644
index 0000000..0cfb285
--- /dev/null
+++ b/packages/pm/state/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-state'
diff --git a/packages/pm/tables/index.ts b/packages/pm/tables/index.ts
new file mode 100644
index 0000000..5716c71
--- /dev/null
+++ b/packages/pm/tables/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-tables'
diff --git a/packages/pm/transform/index.ts b/packages/pm/transform/index.ts
new file mode 100644
index 0000000..26df75c
--- /dev/null
+++ b/packages/pm/transform/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-transform'
diff --git a/packages/pm/view/index.ts b/packages/pm/view/index.ts
new file mode 100644
index 0000000..34d6b65
--- /dev/null
+++ b/packages/pm/view/index.ts
@@ -0,0 +1 @@
+export * from 'prosemirror-view'
diff --git a/packages/pm/vite.config.ts b/packages/pm/vite.config.ts
new file mode 100644
index 0000000..f203525
--- /dev/null
+++ b/packages/pm/vite.config.ts
@@ -0,0 +1,29 @@
+import { defineConfig } from 'vite-plus'
+import { tsupCompatibleExtensions } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: [
+      'changeset/index.ts',
+      'commands/index.ts',
+      'dropcursor/index.ts',
+      'gapcursor/index.ts',
+      'history/index.ts',
+      'inputrules/index.ts',
+      'keymap/index.ts',
+      'model/index.ts',
+      'schema-list/index.ts',
+      'state/index.ts',
+      'tables/index.ts',
+      'transform/index.ts',
+      'view/index.ts',
+    ],
+    tsconfig: '../../tsconfig.build.json',
+    outDir: 'dist',
+    dts: { sourcemap: true },
+    clean: true,
+    target: 'es2019',
+    format: ['esm', 'cjs'],
+    outExtensions: tsupCompatibleExtensions,
+  },
+})
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
new file mode 100644
index 0000000..3054716
--- /dev/null
+++ b/packages/react/CHANGELOG.md
@@ -0,0 +1,3184 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- 1cb7ad3: Fix ReactNodeViewRenderer crash when contentComponent is not available
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Minor Changes
+
+- 3099eef: **New Decorations API**
+
+  Finally the decorations API is here! Even though Decorations itself are nothing new in ProseMirror, the new API makes it much easier to use them in Tiptap without leaving your extensions.
+
+  Decorations change how the document looks without changing the document itself. Highlighting search results, marking spelling mistakes, showing collaborator cursors, putting a drag handle next to every block.
+
+  Until now you had to write a ProseMirror plugin by hand for this, keep the decoration set in plugin state, and map it forward on every transaction. Extensions can now declare decorations directly with a new `addDecorations()` hook.
+
+  ```js
+  addDecorations() {
+    return {
+      create: ({ state }) =>
+        // findMatches can be any function that returns an array of { from, to } ranges
+        findMatches(state.doc).map(match =>
+          Decoration.Inline(match.from, match.to, { class: 'highlight' }),
+        ),
+    }
+  }
+  ```
+
+  There are three kinds. `Decoration.Inline()` styles a range of text. `Decoration.Node()` puts attributes on a block's DOM element. `Decoration.Widget()` renders your own element at a single position.
+
+  Every extension that declares decorations is collected into one plugin, so several extensions can decorate the same document without fighting over it.
+
+  **Doing less work on every keystroke**
+
+  By default decorations are rebuilt whenever the document changes. That is fine for small documents and wasteful for large ones, so there are two ways to narrow it down.
+
+  `shouldUpdate()` skips transactions you do not care about. If your decorations only depend on headings, ignore everything else.
+
+  `update: 'changedRanges'` together with `createInRange()` only rescans the blocks that actually changed. On a long document this is the difference between scanning the whole thing on every keystroke and scanning one paragraph.
+
+  For decorations driven by data outside the editor, like comments loaded from a server, use `update: 'manual'` and refresh them yourself with `editor.commands.updateDecorations()`.
+
+  **React and Vue components as widgets**
+
+  `ReactWidgetRenderer` and `VueWidgetRenderer` render a real component into a widget decoration, inside your existing app context. Providers, context and stores work as usual.
+
+  Widgets take a `key`. Reuse the same key and the component instance stays mounted while the document changes around it, so local state such as an open menu, a counter or a half-typed input survives editing. Use a stable id from your own data, not a position or a list index, otherwise the component remounts and loses that state.
+
+  Widgets also accept the ProseMirror options `side`, `relaxedSide`, `stopEvent` and `ignoreSelection`.
+
+  **Documentation**
+
+  - [Decorations](https://tiptap.dev/docs/editor/core-concepts/decorations)
+  - [Decorations with React](https://tiptap.dev/docs/guides/decorations-react)
+  - [Decorations with Vue](https://tiptap.dev/docs/guides/decorations-vue)
+  - [API Documentation](https://tiptap.dev/docs/editor/api/decorations)
+
+### Patch Changes
+
+- 31e176c: React node views no longer show the selected state when the selection covers a position the node view has moved away from.
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- e914605: Fixed the caret jumping back to the previous block when pressing Enter inside a React node view.
+  - @tiptap/core@3.29.2
+  - @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- 6d901e7: Fix caret placement after splitting a block rendered with a React NodeView.
+  - @tiptap/core@3.29.1
+  - @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- 6a26a03: Fixed `useEditorState` not re-rendering components when `editor.setEditable()` changes the editor's editable state, since that call only emits an `update` event and never a `transaction`.
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- 8614730: Batch React node view portal store notifications that happen in the same microtask to avoid nested update depth warnings when many node views mount together.
+- 1ecf814: Bind onMount and onUnmount event handlers when initializing an Editor with useEditor hook.
+  - @tiptap/core@3.28.0
+  - @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- 2c2720e: Add a `use client` directive so `@tiptap/react` can be imported from React Server Components without crashing. Core symbols re-exported through `@tiptap/react` now cross the client boundary too, so import them from `@tiptap/core` directly in server code.
+  - @tiptap/core@3.27.4
+  - @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- 13dfad1: Change prop types of the Tiptap component so that either the `editor` or the `instance` fields are required
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- b5f34fc: Respect explicit `immediatelyRender: true` in client-side Next.js. Previously, when running under Next.js (`window.next` present), the `immediatelyRender` option was forced to `false` even when the user explicitly passed `true`, breaking client-only Next.js apps that rely on the editor existing on the first render. The hook now only forces `false` when actual SSR is detected (`typeof window === 'undefined'`), or when running under Next.js with no explicit value.
+- 95e138c: fix(nodeview): eliminate unnecessary re-renders, add opt-in position tracking
+
+  NodeViews no longer re-render when decorations or position change without
+  content changes. Added `trackNodeViewPosition` option — when enabled, the
+  component re-renders on every position shift so calls to `getPos()` stay
+  current in render output. Removed the internal `nodeViewPositionRegistry`.
+  Added shallow prop comparison in `ReactRenderer.updateProps()`.
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- 30e0b58: Default `immediatelyRender` to `false` in SSR environments instead of throwing an error
+
+  Previously, omitting `immediatelyRender` in an SSR environment (e.g. Next.js) would throw an error in development and silently return `null` in production. This was a common source of crashes, especially when AI-generated code set up the editor without explicitly passing `immediatelyRender: false`. The hook now defaults `immediatelyRender` to `true`, but automatically sets it to `false` when SSR is detected, logging a warning in development instead of throwing.
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- a375002: Add `selectedOnTextSelection` option to node view renderers. When enabled, the `selected` prop also becomes true when a TextSelection is fully inside the node's range, not only on NodeSelection.
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- 8ab8bee: Fixed an error where `flushSync()` would run in `<EditorContent />` lifecycle
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- ee03ac0: Fix NodeView not re-rendering when a node's position changes without content or decoration changes (e.g. when a sibling node is moved within the same parent)
+- 6f3b9fc: Prevent React node views from crashing during deferred selection updates when ProseMirror has already detached the node view position lookup.
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- f4f6be2: Forward BubbleMenu and FloatingMenu HTML props to the actual menu element so attributes like `className`, `style`, `data-*`, and event handlers bind to the positioned menu container.
+- f4f6be2: Generate a stable per-instance menu plugin key automatically when `pluginKey` is omitted, so multiple BubbleMenu or FloatingMenu components can be mounted without colliding.
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Minor Changes
+
+- 0f28d9c: Moved BubbleMenu and FloatingMenu to separate `@tiptap/react/menus` entrypoint to keep floating-ui optional
+- 0f28d9c: Simplified Tiptap component API with guaranteed non-null editor instance from useTiptap hook
+
+### Patch Changes
+
+- 253ca1c: Fix `BubbleMenu`/`FloatingMenu` to use `pluginKey` as the transaction meta key so that multiple instances can be updated independently without affecting each other
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Minor Changes
+
+- a1da626: Moved BubbleMenu and FloatingMenu to separate `@tiptap/react/menus` entrypoint to keep floating-ui optional
+- a1da626: Simplified Tiptap component API with guaranteed non-null editor instance from useTiptap hook
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Minor Changes
+
+- 328aedb: Introduce a new, optional React integration that provides a declarative `<Tiptap />` component for setting up editors in React apps.
+
+  Summary
+
+  - Add a new, ergonomic way to initialize and use Tiptap editors in React via `<Tiptap />` components. This is an additive change and does not remove or change existing APIs.
+
+  Why this change
+
+  - Improves ergonomics for React users by offering a component-first API that pairs well with React patterns (hooks, JSX composition and props-driven configuration).
+
+  Migration and usage
+
+  - The old programmatic setup remains supported for this major version — nothing breaks. We encourage consumers to try the new `<Tiptap />` component and migrate when convenient.
+
+  Example
+
+  ```tsx
+  import { Tiptap, useEditor } from "@tiptap/react";
+
+  function MyEditor() {
+    const editor = useEditor({
+      extensions: [StarterKit],
+      content: "<h1>Hello from Tiptap</h1>",
+    });
+
+    return (
+      <Tiptap instance={editor}>
+        <Tiptap.Content />
+        <Tiptap.BubbleMenu>My Bubble Menu</Tiptap.BubbleMenu>
+        <Tiptap.FloatingMenu>My Floating Menu</Tiptap.FloatingMenu>
+        <MenuBar /> {/* MenuBar can use the new `useTiptap` hook to read the editor instance from context */}
+      </Tiptap>
+    );
+  }
+  ```
+
+  Deprecation plan
+
+  - The old imperative setup will remain fully backward-compatible for this major release. We plan to deprecate (and remove) the legacy setup in the next major version — a deprecation notice and migration guide will be published ahead of that change.
+
+### Patch Changes
+
+- 3e446fb: Fix BubbleMenu and FloatingMenu props not updating after initialization
+- feac5c8: Fixed extension storage not updating in React and Vue node views
+  - @tiptap/core@3.18.0
+  - @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Minor Changes
+
+- 9516ee0: Add updateEvent support for FloatingMenu to allow programmatic position updates via `setMeta('floatingMenu', 'updatePosition')`
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- d8ca9bf: Fix race conditions in ReactRenderer causing destroyed renderers to be re-added in Strict Mode
+  - @tiptap/core@3.15.2
+  - @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- 383145e: Append all children of editors parent node to element
+
+  Fixes a regression introduced by #6972, that resulted in elements that got appended to the editors parent node staying detached. E.g. the drag handle plugin is affected by this regression.
+
+  - @tiptap/core@3.14.0
+  - @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Minor Changes
+
+- 5db9bc1: Replaced unmaintained `fast-deep-equal` dependency with maintained `fast-equals`
+
+### Patch Changes
+
+- 41601d1: Fix a bug where React node views could receive invalid positions from `this.getPos()` when ProseMirror and React render cycles got out of sync, which could cause errors during updates.
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- f0b3552: Prevent Bubble Menu plugin from re-loading every time the BubbleMenu component re-renders. Reverts a regression introduced in v3.6.3, in PR #7028.
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- f3770af: Prevent Bubble Menu plugin from re-loading every time the BubbleMenu component re-renders. Reverts a regression introduced in v3.6.3, in PR #7028.
+  - @tiptap/core@3.8.0
+  - @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- 48846f2: Updated the React `FloatingMenu` plugin hook dependencies to match the `BubbleMenu` behavior.
+  The FloatingMenu will now respond to changes in `appendTo`, `pluginKey`, `shouldShow`, and `options`.
+- e0be819: Resolved an issue where the React BubbleMenu did not update when FloatingUI option props changed after initial mount. The BubbleMenu now correctly responds to updated option props.
+- caec80e: Improved the BubbleMenu's usability by ensuring the `appendTo` prop passed to the React BubbleMenu component is now correctly forwarded to the underlying bubble menu plugin. This fix allows developers to customize where the BubbleMenu is attached in the DOM, helping resolve issues with positioning and portal setups in React apps.
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- 6af23ff: Hotfix: Fix a crash in the React package that could occur during mounting/unmounting when the editor wasn't fully initialized. This prevents a runtime error and improves stability.
+  - @tiptap/core@3.6.1
+  - @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- ea9ac95: Tiptap will now correctly insert a React MarkViews' content into the correct element within `MarkViewContent` component
+  - @tiptap/core@3.5.2
+  - @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- f80c848: Add `appendTo` support to `FloatingMenu` and pass it through in React/Vue 2/Vue 3 for both `BubbleMenu` and `FloatingMenu` to allow fixing clipping/z-index issues.
+  - @tiptap/core@3.5.1
+  - @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- 915ed65: Add custom positioning support to the BubbleMenu.
+
+  This change adds an opt-in API that allows consumers to fully control how the BubbleMenu is positioned. Instead of relying solely on the internal placement logic, you can now provide a function (for example `getPosition`) that receives the relevant context (editor instance and menu DOM element) and returns the desired coordinates or positioning style.
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- 4dd8d58: fix: @types/react version mismatch
+  - @tiptap/core@3.4.1
+  - @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- 5423726: Ensure `ReactRenderer.destroy()` removes the renderer DOM element when present.
+
+  - When consumers append a `ReactRenderer`'s `.element` to the DOM (for example many demos append it to `document.body`), previously calling `destroy()` removed the portal renderer but left the DOM node in place which could lead to accumulating `.react-renderer` elements.
+  - `destroy()` now also removes the element from its parent node if present, preventing leaked DOM nodes / React roots.
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Minor Changes
+
+- 0e3207f: Add support for [markviews](https://prosemirror.net/docs/ref/#view.MarkView), which allow you to render custom views for marks within the editor. This is useful for rendering custom UI for marks, like a color picker for a text color mark or a link editor for a link mark.
+
+  Here is a plain JS markview example:
+
+  ```ts
+  Mark.create({
+    // Other options...
+    addMarkView() {
+      return ({ mark, HTMLAttributes }) => {
+        const dom = document.createElement("b");
+        const contentDOM = document.createElement("span");
+
+        dom.appendChild(contentDOM);
+
+        return {
+          dom,
+          contentDOM,
+        };
+      };
+    },
+  });
+  ```
+
+  ## React binding
+
+  To use a React component for a markview, you can use the `@tiptap/react` package:
+
+  ```ts
+  import { Mark } from "@tiptap/core";
+  import { ReactMarkViewRenderer } from "@tiptap/react";
+
+  import Component from "./Component.jsx";
+
+  export default Mark.create({
+    name: "reactComponent",
+
+    parseHTML() {
+      return [
+        {
+          tag: "react-component",
+        },
+      ];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ["react-component", HTMLAttributes];
+    },
+
+    addMarkView() {
+      return ReactMarkViewRenderer(Component);
+    },
+  });
+  ```
+
+  And here is an example of a React component:
+
+  ```tsx
+  import { MarkViewContent, MarkViewRendererProps } from "@tiptap/react";
+  import React from "react";
+
+  // oxlint-disable-next-line no-unused-vars
+  export default (props: MarkViewRendererProps) => {
+    const [count, setCount] = React.useState(0);
+
+    return (
+      <span className="content" data-test-id="mark-view">
+        <MarkViewContent />
+        <label contentEditable={false}>
+          React component:
+          <button
+            onClick={() => {
+              setCount(count + 1);
+            }}
+          >
+            This button has been clicked {count} times.
+          </button>
+        </label>
+      </span>
+    );
+  };
+  ```
+
+  ## Vue 3 binding
+
+  To use a Vue 3 component for a markview, you can use the `@tiptap/vue-3` package:
+
+  ```ts
+  import { Mark } from "@tiptap/core";
+  import { VueMarkViewRenderer } from "@tiptap/vue-3";
+
+  import Component from "./Component.vue";
+
+  export default Mark.create({
+    name: "vueComponent",
+
+    parseHTML() {
+      return [
+        {
+          tag: "vue-component",
+        },
+      ];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ["vue-component", HTMLAttributes];
+    },
+
+    addMarkView() {
+      return VueMarkViewRenderer(Component);
+    },
+  });
+  ```
+
+  And here is an example of a Vue 3 component:
+
+  ```vue
+  <template>
+    <span className="content" data-test-id="mark-view">
+      <mark-view-content />
+      <label contenteditable="false"
+        >Vue Component::
+        <button @click="increase" class="primary">
+          This button has been clicked {{ count }} times.
+        </button>
+      </label>
+    </span>
+  </template>
+
+  <script>
+  import { MarkViewContent, markViewProps } from "@tiptap/vue-3";
+  export default {
+    components: {
+      MarkViewContent,
+    },
+    data() {
+      return {
+        count: 0,
+      };
+    },
+    props: markViewProps,
+    methods: {
+      increase() {
+        this.count += 1;
+      },
+    },
+  };
+  </script>
+  ```
+
+- 08593a2: Throw an error in development mode if `immediatelyRender` is not set in SSR mode
+- ef12b32: Added support for React 19 ref in props
+- cce6497: Reintroduce flushSync to sync rendering of React and ProseMirror
+
+### Patch Changes
+
+- baee94b: Added full import path for external storage sync shim
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 00693b8: Fixed a bug where table cell selections would not position the bubble menu accordingly
+- f9a33ae: Fixed a bug that incorrectly added ref props when a component can't accept them (for example when React 19 is not used)
+- 73d1888: Fixed a bug where the global resize handler of the BubbleMenu plugin would not be unregistered on destroy
+- ecb0dee: Fixes an issue where ref props will be kept on non-supported react components
+- 2ea0475: Allow setting HTML tags other than <span> for "as" in MarkViewContent
+- 8c69002: Synced beta with stable features
+- 0f14cc5: Added missing `onShow`, `onUpdate`, `onHide` and `onDestroy` options
+- de0504e: attach the contentDOM to the correct position inside a react node view
+- 5ba480b: Added `updateAttributes` to MarkView and its renderers to allow updating MarkView attributes
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- de0504e: attach the contentDOM to the correct position inside a react node view
+  - @tiptap/core@3.0.0-beta.28
+  - @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- baee94b: Added full import path for external storage sync shim
+- 5ba480b: Added `updateAttributes` to MarkView and its renderers to allow updating MarkView attributes
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Minor Changes
+
+- cce6497: Reintroduce flushSync to sync rendering of React and ProseMirror
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Minor Changes
+
+- 8719e13: Removed flushSync on NodeView render which caused performance regressions, bugs with unused NodeViews still being reconciled for PMViewDesc checks and more
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- 73d1888: Fixed a bug where the global resize handler of the BubbleMenu plugin would not be unregistered on destroy
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- 00693b8: Fixed a bug where table cell selections would not position the bubble menu accordingly
+  - @tiptap/core@3.0.0-beta.12
+  - @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- 0f14cc5: Added missing `onShow`, `onUpdate`, `onHide` and `onDestroy` options
+  - @tiptap/core@3.0.0-beta.11
+  - @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- ecb0dee: Fixes an issue where ref props will be kept on non-supported react components
+  - @tiptap/core@3.0.0-beta.9
+  - @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- f9a33ae: Fixed a bug that incorrectly added ref props when a component can't accept them (for example when React 19 is not used)
+  - @tiptap/core@3.0.0-beta.8
+  - @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Minor Changes
+
+- ef12b32: Added support for React 19 ref in props
+
+### Patch Changes
+
+- 2ea0475: Allow setting HTML tags other than <span> for "as" in MarkViewContent
+  - @tiptap/core@3.0.0-beta.6
+  - @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+### Patch Changes
+
+- 3aa670a: Fixed a bug in the EditorContent component that caused a crash in Firefox based browsers because of the editor view not being available when an uninitialized editor is unmounted (for example via Strict mode)
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Minor Changes
+
+- 0e3207f: Add support for [markviews](https://prosemirror.net/docs/ref/#view.MarkView), which allow you to render custom views for marks within the editor. This is useful for rendering custom UI for marks, like a color picker for a text color mark or a link editor for a link mark.
+
+  Here is a plain JS markview example:
+
+  ```ts
+  Mark.create({
+    // Other options...
+    addMarkView() {
+      return ({ mark, HTMLAttributes }) => {
+        const dom = document.createElement("b");
+        const contentDOM = document.createElement("span");
+
+        dom.appendChild(contentDOM);
+
+        return {
+          dom,
+          contentDOM,
+        };
+      };
+    },
+  });
+  ```
+
+  ## React binding
+
+  To use a React component for a markview, you can use the `@tiptap/react` package:
+
+  ```ts
+  import { Mark } from "@tiptap/core";
+  import { ReactMarkViewRenderer } from "@tiptap/react";
+
+  import Component from "./Component.jsx";
+
+  export default Mark.create({
+    name: "reactComponent",
+
+    parseHTML() {
+      return [
+        {
+          tag: "react-component",
+        },
+      ];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ["react-component", HTMLAttributes];
+    },
+
+    addMarkView() {
+      return ReactMarkViewRenderer(Component);
+    },
+  });
+  ```
+
+  And here is an example of a React component:
+
+  ```tsx
+  import { MarkViewContent, MarkViewRendererProps } from "@tiptap/react";
+  import React from "react";
+
+  // oxlint-disable-next-line no-unused-vars
+  export default (props: MarkViewRendererProps) => {
+    const [count, setCount] = React.useState(0);
+
+    return (
+      <span className="content" data-test-id="mark-view">
+        <MarkViewContent />
+        <label contentEditable={false}>
+          React component:
+          <button
+            onClick={() => {
+              setCount(count + 1);
+            }}
+          >
+            This button has been clicked {count} times.
+          </button>
+        </label>
+      </span>
+    );
+  };
+  ```
+
+  ## Vue 3 binding
+
+  To use a Vue 3 component for a markview, you can use the `@tiptap/vue-3` package:
+
+  ```ts
+  import { Mark } from "@tiptap/core";
+  import { VueMarkViewRenderer } from "@tiptap/vue-3";
+
+  import Component from "./Component.vue";
+
+  export default Mark.create({
+    name: "vueComponent",
+
+    parseHTML() {
+      return [
+        {
+          tag: "vue-component",
+        },
+      ];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ["vue-component", HTMLAttributes];
+    },
+
+    addMarkView() {
+      return VueMarkViewRenderer(Component);
+    },
+  });
+  ```
+
+  And here is an example of a Vue 3 component:
+
+  ```vue
+  <template>
+    <span className="content" data-test-id="mark-view">
+      <mark-view-content />
+      <label contenteditable="false"
+        >Vue Component::
+        <button @click="increase" class="primary">
+          This button has been clicked {{ count }} times.
+        </button>
+      </label>
+    </span>
+  </template>
+
+  <script>
+  import { MarkViewContent, markViewProps } from "@tiptap/vue-3";
+  export default {
+    components: {
+      MarkViewContent,
+    },
+    data() {
+      return {
+        count: 0,
+      };
+    },
+    props: markViewProps,
+    methods: {
+      increase() {
+        this.count += 1;
+      },
+    },
+  };
+  </script>
+  ```
+
+- 08593a2: Throw an error in development mode if `immediatelyRender` is not set in SSR mode
+
+## 3.0.0-next.5
+
+### Minor Changes
+
+- 0e3207f: Add support for [markviews](https://prosemirror.net/docs/ref/#view.MarkView), which allow you to render custom views for marks within the editor. This is useful for rendering custom UI for marks, like a color picker for a text color mark or a link editor for a link mark.
+
+  Here is a plain JS markview example:
+
+  ```ts
+  Mark.create({
+    // Other options...
+    addMarkView() {
+      return ({ mark, HTMLAttributes }) => {
+        const dom = document.createElement("b");
+        const contentDOM = document.createElement("span");
+
+        dom.appendChild(contentDOM);
+
+        return {
+          dom,
+          contentDOM,
+        };
+      };
+    },
+  });
+  ```
+
+  ## React binding
+
+  To use a React component for a markview, you can use the `@tiptap/react` package:
+
+  ```ts
+  import { Mark } from "@tiptap/core";
+  import { ReactMarkViewRenderer } from "@tiptap/react";
+
+  import Component from "./Component.jsx";
+
+  export default Mark.create({
+    name: "reactComponent",
+
+    parseHTML() {
+      return [
+        {
+          tag: "react-component",
+        },
+      ];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ["react-component", HTMLAttributes];
+    },
+
+    addMarkView() {
+      return ReactMarkViewRenderer(Component);
+    },
+  });
+  ```
+
+  And here is an example of a React component:
+
+  ```tsx
+  import { MarkViewContent, MarkViewRendererProps } from "@tiptap/react";
+  import React from "react";
+
+  // oxlint-disable-next-line no-unused-vars
+  export default (props: MarkViewRendererProps) => {
+    const [count, setCount] = React.useState(0);
+
+    return (
+      <span className="content" data-test-id="mark-view">
+        <MarkViewContent />
+        <label contentEditable={false}>
+          React component:
+          <button
+            onClick={() => {
+              setCount(count + 1);
+            }}
+          >
+            This button has been clicked {count} times.
+          </button>
+        </label>
+      </span>
+    );
+  };
+  ```
+
+  ## Vue 3 binding
+
+  To use a Vue 3 component for a markview, you can use the `@tiptap/vue-3` package:
+
+  ```ts
+  import { Mark } from "@tiptap/core";
+  import { VueMarkViewRenderer } from "@tiptap/vue-3";
+
+  import Component from "./Component.vue";
+
+  export default Mark.create({
+    name: "vueComponent",
+
+    parseHTML() {
+      return [
+        {
+          tag: "vue-component",
+        },
+      ];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ["vue-component", HTMLAttributes];
+    },
+
+    addMarkView() {
+      return VueMarkViewRenderer(Component);
+    },
+  });
+  ```
+
+  And here is an example of a Vue 3 component:
+
+  ```vue
+  <template>
+    <span className="content" data-test-id="mark-view">
+      <mark-view-content />
+      <label contenteditable="false"
+        >Vue Component::
+        <button @click="increase" class="primary">
+          This button has been clicked {{ count }} times.
+        </button>
+      </label>
+    </span>
+  </template>
+
+  <script>
+  import { MarkViewContent, markViewProps } from "@tiptap/vue-3";
+  export default {
+    components: {
+      MarkViewContent,
+    },
+    data() {
+      return {
+        count: 0,
+      };
+    },
+    props: markViewProps,
+    methods: {
+      increase() {
+        this.count += 1;
+      },
+    },
+  };
+  </script>
+  ```
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@3.0.0-next.3
+- @tiptap/extension-floating-menu@3.0.0-next.3
+
+## 3.0.0-next.2
+
+### Patch Changes
+
+- Updated dependencies [d9b6ef5]
+  - @tiptap/extension-floating-menu@3.0.0-next.2
+  - @tiptap/extension-bubble-menu@3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Minor Changes
+
+- 08593a2: Throw an error in development mode if immediatelyRender is not set in SSR mode
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/extension-floating-menu@3.0.0-next.1
+  - @tiptap/extension-bubble-menu@3.0.0-next.1
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Major Changes
+
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Patch Changes
+
+- Updated dependencies [7eaa34d]
+- Updated dependencies [0ec0af6]
+  - @tiptap/extension-floating-menu@3.0.0-next.0
+  - @tiptap/extension-bubble-menu@3.0.0-next.0
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.12.0
+- @tiptap/extension-floating-menu@2.12.0
+
+## 2.11.9
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.11.9
+- @tiptap/extension-floating-menu@2.11.9
+
+## 2.11.8
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.11.8
+- @tiptap/extension-floating-menu@2.11.8
+
+## 2.11.7
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.11.7
+- @tiptap/extension-floating-menu@2.11.7
+
+## 2.11.6
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.11.6
+- @tiptap/extension-floating-menu@2.11.6
+
+## 2.11.5
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.11.5
+- @tiptap/extension-floating-menu@2.11.5
+
+## 2.11.4
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.11.4
+- @tiptap/extension-floating-menu@2.11.4
+
+## 2.11.3
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@3.0.0-next.4
+- @tiptap/extension-floating-menu@3.0.0-next.4
+
+## 2.5.8
+
+### Patch Changes
+
+- 99d7820: Resolve a bug an editor could be instantiated but not destroyed. This was causing issues with multiple instances of plugins still being active and interfering with each other
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/extension-bubble-menu@2.5.8
+  - @tiptap/extension-floating-menu@2.5.8
+  - @tiptap/pm@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- 42dc27a: Fix, if using a deps array destroy the previous instance to avoid ghost instances
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/extension-bubble-menu@2.5.7
+  - @tiptap/extension-floating-menu@2.5.7
+  - @tiptap/pm@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+  - @tiptap/extension-bubble-menu@2.5.6
+  - @tiptap/extension-floating-menu@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/extension-bubble-menu@2.5.5
+  - @tiptap/extension-floating-menu@2.5.5
+  - @tiptap/pm@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/extension-floating-menu@2.5.4
+  - @tiptap/extension-bubble-menu@2.5.4
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- 70eebfd: The optional deps argument to useEditor was not being respected for performance optimizations, now if deps are declared a new editor instance is created
+  - @tiptap/core@2.5.3
+  - @tiptap/extension-bubble-menu@2.5.3
+  - @tiptap/extension-floating-menu@2.5.3
+  - @tiptap/pm@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/extension-bubble-menu@2.5.2
+  - @tiptap/extension-floating-menu@2.5.2
+  - @tiptap/pm@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/extension-bubble-menu@2.5.1
+- @tiptap/extension-floating-menu@2.5.1
+- @tiptap/pm@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- fb45149: Fixes strict mode accidentally destroying the editor instance
+- fb45149: Fix the typings
+- fb45149: We've heard a number of complaints around the performance of our React integration, and we finally have a solution that we believe will satisfy everyone. We've made a number of optimizations to how the editor is rendered, as well give you more control over the rendering process.
+
+  Here is a summary of the changes and how you can take advantage of them:
+
+  - SSR rendering was holding back our ability to have an editor instance on first render of `useEditor`. We've now made the default behavior to render the editor immediately on the client. This behavior can be controlled with the new `immediatelyRender` option which when set to `false` will defer rendering until the second render (via a useEffect), this should only be used when server-side rendering.
+  - The default behavior of the useEditor hook is to re-render the editor on every editor transaction. Now with the `shouldRerenderOnTransaction` option, you can disable this behavior to optimize performance. Instead, to access the new editor state, you can use the `useEditorState` hook.
+  - `useEditorState` this new hook allows you to select from the editor instance any state you need to render your UI. This is useful when you want to optimize performance by only re-rendering the parts of your UI that need to be updated.
+
+  Here is a usage example:
+
+  ```jsx
+  const editor = useEditor({
+    /**
+     * This option gives us the control to enable the default behavior of rendering the editor immediately.
+     */
+    immediatelyRender: true,
+    /**
+     * This option gives us the control to disable the default behavior of re-rendering the editor on every transaction.
+     */
+    shouldRerenderOnTransaction: false,
+    extensions: [StarterKit],
+    content: `
+      <p>
+        A highly optimized editor that only re-renders when it’s necessary.
+      </p>
+      `,
+  });
+
+  /**
+   * This hook allows us to select the editor state we want to use in our component.
+   */
+  const currentEditorState = useEditorState({
+    /**
+     * The editor instance we want to use.
+     */
+    editor,
+    /**
+     * This selector allows us to select the data we want to use in our component.
+     * It is evaluated on every editor transaction and compared to it's previously returned value.
+     * You can return any data shape you want.
+     */
+    selector: (ctx) => ({
+      isBold: ctx.editor.isActive("bold"),
+      isItalic: ctx.editor.isActive("italic"),
+      isStrike: ctx.editor.isActive("strike"),
+    }),
+    /**
+     * This function allows us to customize the equality check for the selector.
+     * By default it is a `===` check.
+     */
+    equalityFn: (prev, next) => {
+      // A deep-equal function would probably be more maintainable here, but, we use a shallow one to show that it can be customized.
+      if (!next) {
+        return false;
+      }
+      return (
+        prev.isBold === next.isBold &&
+        prev.isItalic === next.isItalic &&
+        prev.isStrike === next.isStrike
+      );
+    },
+  });
+  ```
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/extension-bubble-menu@2.5.0
+  - @tiptap/extension-floating-menu@2.5.0
+  - @tiptap/pm@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- 1110280: Fixes strict mode accidentally destroying the editor instance
+  - @tiptap/core@2.5.0-pre.16
+  - @tiptap/extension-bubble-menu@2.5.0-pre.16
+  - @tiptap/extension-floating-menu@2.5.0-pre.16
+  - @tiptap/pm@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- 3a67a5b: Fix the typings
+  - @tiptap/core@2.5.0-pre.15
+  - @tiptap/extension-bubble-menu@2.5.0-pre.15
+  - @tiptap/extension-floating-menu@2.5.0-pre.15
+  - @tiptap/pm@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- df5609c: We've heard a number of complaints around the performance of our React integration, and we finally have a solution that we believe will satisfy everyone. We've made a number of optimizations to how the editor is rendered, as well give you more control over the rendering process.
+
+  Here is a summary of the changes and how you can take advantage of them:
+
+  - SSR rendering was holding back our ability to have an editor instance on first render of `useEditor`. We've now made the default behavior to render the editor immediately on the client. This behavior can be controlled with the new `immediatelyRender` option which when set to `false` will defer rendering until the second render (via a useEffect), this should only be used when server-side rendering.
+  - The default behavior of the useEditor hook is to re-render the editor on every editor transaction. Now with the `shouldRerenderOnTransaction` option, you can disable this behavior to optimize performance. Instead, to access the new editor state, you can use the `useEditorState` hook.
+  - `useEditorState` this new hook allows you to select from the editor instance any state you need to render your UI. This is useful when you want to optimize performance by only re-rendering the parts of your UI that need to be updated.
+
+  Here is a usage example:
+
+  ```jsx
+  const editor = useEditor({
+    /**
+     * This option gives us the control to enable the default behavior of rendering the editor immediately.
+     */
+    immediatelyRender: true,
+    /**
+     * This option gives us the control to disable the default behavior of re-rendering the editor on every transaction.
+     */
+    shouldRerenderOnTransaction: false,
+    extensions: [StarterKit],
+    content: `
+      <p>
+        A highly optimized editor that only re-renders when it’s necessary.
+      </p>
+      `,
+  });
+
+  /**
+   * This hook allows us to select the editor state we want to use in our component.
+   */
+  const currentEditorState = useEditorState({
+    /**
+     * The editor instance we want to use.
+     */
+    editor,
+    /**
+     * This selector allows us to select the data we want to use in our component.
+     * It is evaluated on every editor transaction and compared to it's previously returned value.
+     * You can return any data shape you want.
+     */
+    selector: (ctx) => ({
+      isBold: ctx.editor.isActive("bold"),
+      isItalic: ctx.editor.isActive("italic"),
+      isStrike: ctx.editor.isActive("strike"),
+    }),
+    /**
+     * This function allows us to customize the equality check for the selector.
+     * By default it is a `===` check.
+     */
+    equalityFn: (prev, next) => {
+      // A deep-equal function would probably be more maintainable here, but, we use a shallow one to show that it can be customized.
+      if (!next) {
+        return false;
+      }
+      return (
+        prev.isBold === next.isBold &&
+        prev.isItalic === next.isItalic &&
+        prev.isStrike === next.isStrike
+      );
+    },
+  });
+  ```
+
+  - @tiptap/core@2.5.0-pre.14
+  - @tiptap/extension-bubble-menu@2.5.0-pre.14
+  - @tiptap/extension-floating-menu@2.5.0-pre.14
+  - @tiptap/pm@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/extension-bubble-menu@2.5.0-pre.13
+  - @tiptap/extension-floating-menu@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/extension-bubble-menu@2.5.0-pre.12
+  - @tiptap/extension-floating-menu@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/extension-bubble-menu@2.5.0-pre.11
+  - @tiptap/extension-floating-menu@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/extension-bubble-menu@2.5.0-pre.10
+  - @tiptap/extension-floating-menu@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/extension-bubble-menu@2.5.0-pre.9
+  - @tiptap/extension-floating-menu@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/extension-bubble-menu@2.5.0-pre.8
+  - @tiptap/extension-floating-menu@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/extension-bubble-menu@2.5.0-pre.7
+- @tiptap/extension-floating-menu@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Bug Fixes
+
+- fix ts error for BubbleMenu and FloatingMenu in @tiptap/react ([#5126](https://github.com/ueberdosis/tiptap/issues/5126)) ([baff4af](https://github.com/ueberdosis/tiptap/commit/baff4af39e2b8970d7cab99859ece41228643f9d))
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+### Bug Fixes
+
+- **react:** use ref instead of state in useEditor to prevent rerenders ([#4856](https://github.com/ueberdosis/tiptap/issues/4856)) ([56a5737](https://github.com/ueberdosis/tiptap/commit/56a5737ed102ee75ec72f9cc2847e3c977f431bd))
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+### Reverts
+
+- Revert "fix/react-renderer-node-attrs (#4321)" ([a4af83c](https://github.com/ueberdosis/tiptap/commit/a4af83ca52c8e020f88990af53981591559205a9)), closes [#4321](https://github.com/ueberdosis/tiptap/issues/4321)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+### Bug Fixes
+
+- **react:** fix performance regression because of select/deselect ([#4661](https://github.com/ueberdosis/tiptap/issues/4661)) ([ad7f659](https://github.com/ueberdosis/tiptap/commit/ad7f659ed08a6a7c57056b78edbded014549f2dc))
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+### Bug Fixes
+
+- **react:** update select state when text selection is around node ([#4148](https://github.com/ueberdosis/tiptap/issues/4148)) ([5bd5bd4](https://github.com/ueberdosis/tiptap/commit/5bd5bd4ecdbe1f952b23d5f5efad16b6ed5cc44f))
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+### Bug Fixes
+
+- **react:** update select state when text selection is around node ([#4148](https://github.com/ueberdosis/tiptap/issues/4148)) ([5bd5bd4](https://github.com/ueberdosis/tiptap/commit/5bd5bd4ecdbe1f952b23d5f5efad16b6ed5cc44f))
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/react
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+### Bug Fixes
+
+- **react:** fix rebinding events not overwriting editor.on ([#3935](https://github.com/ueberdosis/tiptap/issues/3935)) ([64ab357](https://github.com/ueberdosis/tiptap/commit/64ab3570c1e86a65f5022793acb0292d8972dcd7))
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+### Bug Fixes
+
+- [#3773](https://github.com/ueberdosis/tiptap/issues/3773) - Array for content breaks editor ([#3786](https://github.com/ueberdosis/tiptap/issues/3786)) ([89cc59a](https://github.com/ueberdosis/tiptap/commit/89cc59a8372467feee7c70948d4395b95b13ed55))
+- **react:** reset initialized when editorcontent is unmounting ([#3781](https://github.com/ueberdosis/tiptap/issues/3781)) ([38b7e41](https://github.com/ueberdosis/tiptap/commit/38b7e412bbcc1e36031bc6ec5b73bc46b1c9edea))
+- update typings for node view decorations ([#3783](https://github.com/ueberdosis/tiptap/issues/3783)) ([f869507](https://github.com/ueberdosis/tiptap/commit/f8695073968c5c6865ad8faf05351020abb2a3cc))
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+### Bug Fixes
+
+- move React `flushSync` to microtask ([#3188](https://github.com/ueberdosis/tiptap/issues/3188)) ([9093cdf](https://github.com/ueberdosis/tiptap/commit/9093cdfcf52cbc5297b9b678073636103dfecb3f)), closes [#2985](https://github.com/ueberdosis/tiptap/issues/2985)
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.115](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.114...@tiptap/react@2.0.0-beta.115) (2022-09-03)
+
+### Bug Fixes
+
+- fix React Node View render problem in React 18 ([#2985](https://github.com/ueberdosis/tiptap/issues/2985)) ([f32293b](https://github.com/ueberdosis/tiptap/commit/f32293b0d5d36ffb546a3d1e3dfab1580ee5080a))
+
+# [2.0.0-beta.114](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.113...@tiptap/react@2.0.0-beta.114) (2022-06-27)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.113](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.112...@tiptap/react@2.0.0-beta.113) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.112](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.110...@tiptap/react@2.0.0-beta.112) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.110](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.110...@tiptap/react@2.0.0-beta.110) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.109](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.108...@tiptap/react@2.0.0-beta.109) (2022-04-27)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.108](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.107...@tiptap/react@2.0.0-beta.108) (2022-02-07)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.107](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.106...@tiptap/react@2.0.0-beta.107) (2022-01-25)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.106](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.105...@tiptap/react@2.0.0-beta.106) (2022-01-20)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.105](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.104...@tiptap/react@2.0.0-beta.105) (2022-01-11)
+
+### Bug Fixes
+
+- Mark `@tiptap/react` and `@tiptap/core` as side effect free ([#2361](https://github.com/ueberdosis/tiptap/issues/2361)) ([e609b2d](https://github.com/ueberdosis/tiptap/commit/e609b2d11615dd85fd219731d1b73deaeccccd69))
+
+# [2.0.0-beta.104](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.103...@tiptap/react@2.0.0-beta.104) (2022-01-04)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.103](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.102...@tiptap/react@2.0.0-beta.103) (2022-01-03)
+
+### Bug Fixes
+
+- change reactrenderer component type definition ([#2327](https://github.com/ueberdosis/tiptap/issues/2327)) ([64dfae8](https://github.com/ueberdosis/tiptap/commit/64dfae85118d2b9dc525a8bfa31f00688a56f049))
+
+# [2.0.0-beta.102](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.101...@tiptap/react@2.0.0-beta.102) (2021-12-22)
+
+### Bug Fixes
+
+- Remove `element.current` from `useEffect` in `BubbleMenu` and `FloatingMenu` ([#2297](https://github.com/ueberdosis/tiptap/issues/2297)) ([561941d](https://github.com/ueberdosis/tiptap/commit/561941d5e0d8c0bed852156e06820780e65f0656))
+
+# [2.0.0-beta.101](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.100...@tiptap/react@2.0.0-beta.101) (2021-12-17)
+
+### Reverts
+
+- Revert "fix: Make sure editor is available on first render (#2282), fix #2040, fix #2182" ([629f4d2](https://github.com/ueberdosis/tiptap/commit/629f4d2a76c62e82c104598bf42a53a6d32015a8)), closes [#2040](https://github.com/ueberdosis/tiptap/issues/2040) [#2182](https://github.com/ueberdosis/tiptap/issues/2182)
+
+# [2.0.0-beta.100](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.99...@tiptap/react@2.0.0-beta.100) (2021-12-16)
+
+### Bug Fixes
+
+- Make sure editor is available on first render ([#2282](https://github.com/ueberdosis/tiptap/issues/2282)), fix [#2040](https://github.com/ueberdosis/tiptap/issues/2040), fix [#2182](https://github.com/ueberdosis/tiptap/issues/2182) ([2436e2c](https://github.com/ueberdosis/tiptap/commit/2436e2c8fe88cdce6685ae3d712e5f2d3e70851d))
+
+# [2.0.0-beta.99](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.98...@tiptap/react@2.0.0-beta.99) (2021-12-15)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.98](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.97...@tiptap/react@2.0.0-beta.98) (2021-12-03)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.97](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.96...@tiptap/react@2.0.0-beta.97) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.96](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.95...@tiptap/react@2.0.0-beta.96) (2021-12-02)
+
+### Features
+
+- Add `as` option and pass through to ReactRenderer ([#2213](https://github.com/ueberdosis/tiptap/issues/2213)) ([dedcf17](https://github.com/ueberdosis/tiptap/commit/dedcf17d533aab0c5641b842877e42440883d5d8))
+
+# [2.0.0-beta.95](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.94...@tiptap/react@2.0.0-beta.95) (2021-11-18)
+
+### Features
+
+- add className option to ReactRenderer, see [#2166](https://github.com/ueberdosis/tiptap/issues/2166) ([c9dc1e1](https://github.com/ueberdosis/tiptap/commit/c9dc1e1ec3295fe3dce7ed7d314c5a7e4140af83))
+
+# [2.0.0-beta.94](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.93...@tiptap/react@2.0.0-beta.94) (2021-11-17)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.93](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.92...@tiptap/react@2.0.0-beta.93) (2021-11-10)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.92](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.91...@tiptap/react@2.0.0-beta.92) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.91](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.90...@tiptap/react@2.0.0-beta.91) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.90](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.89...@tiptap/react@2.0.0-beta.90) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.89](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.88...@tiptap/react@2.0.0-beta.89) (2021-11-08)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.88](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.87...@tiptap/react@2.0.0-beta.88) (2021-11-05)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.87](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.86...@tiptap/react@2.0.0-beta.87) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.86](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.85...@tiptap/react@2.0.0-beta.86) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.85](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.84...@tiptap/react@2.0.0-beta.85) (2021-10-25)
+
+### Bug Fixes
+
+- Check node type above custom update function for node views ([#2081](https://github.com/ueberdosis/tiptap/issues/2081)) ([ddc9ca8](https://github.com/ueberdosis/tiptap/commit/ddc9ca8d4f347566f83513a386922afe52f26da1))
+
+# [2.0.0-beta.84](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.83...@tiptap/react@2.0.0-beta.84) (2021-10-22)
+
+### Features
+
+- Add extension storage ([#2069](https://github.com/ueberdosis/tiptap/issues/2069)) ([7ffabf2](https://github.com/ueberdosis/tiptap/commit/7ffabf251c408a652eec1931cc78a8bd43cccb67))
+
+# [2.0.0-beta.83](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.82...@tiptap/react@2.0.0-beta.83) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.82](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.81...@tiptap/react@2.0.0-beta.82) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.81](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.80...@tiptap/react@2.0.0-beta.81) (2021-10-12)
+
+### Bug Fixes
+
+- Add `editor` dependency when registering `BubbleMenuPlugin` and `FloatingMenuPlugin` ([#2018](https://github.com/ueberdosis/tiptap/issues/2018)) ([e9465ec](https://github.com/ueberdosis/tiptap/commit/e9465ec0f6921abd428ed27b50596d20edc05b77))
+
+# [2.0.0-beta.80](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.79...@tiptap/react@2.0.0-beta.80) (2021-10-11)
+
+### Bug Fixes
+
+- fix editor type for ReactRenderer ([2af1870](https://github.com/ueberdosis/tiptap/commit/2af187023ddbc85edee086cdb898c5139f7668de))
+- Improve ReactRenderer types ([#2011](https://github.com/ueberdosis/tiptap/issues/2011)) ([31d8ab3](https://github.com/ueberdosis/tiptap/commit/31d8ab3593f18f8fec49b7e5ab22a7d979165ae6))
+
+# [2.0.0-beta.79](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.78...@tiptap/react@2.0.0-beta.79) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.78](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.77...@tiptap/react@2.0.0-beta.78) (2021-10-02)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.77](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.76...@tiptap/react@2.0.0-beta.77) (2021-09-30)
+
+### Bug Fixes
+
+- use ref to move contentDOM ([#1960](https://github.com/ueberdosis/tiptap/issues/1960)), fix [#1942](https://github.com/ueberdosis/tiptap/issues/1942) ([dead826](https://github.com/ueberdosis/tiptap/commit/dead82625095031bc4d32b47b205044bf75769bd))
+
+# [2.0.0-beta.76](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.75...@tiptap/react@2.0.0-beta.76) (2021-09-30)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.75](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.74...@tiptap/react@2.0.0-beta.75) (2021-09-29)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.74](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.73...@tiptap/react@2.0.0-beta.74) (2021-09-28)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.73](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.72...@tiptap/react@2.0.0-beta.73) (2021-09-27)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.72](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.71...@tiptap/react@2.0.0-beta.72) (2021-09-23)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.71](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.70...@tiptap/react@2.0.0-beta.71) (2021-09-22)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.70](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.69...@tiptap/react@2.0.0-beta.70) (2021-09-21)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.69](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.68...@tiptap/react@2.0.0-beta.69) (2021-09-20)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.68](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.67...@tiptap/react@2.0.0-beta.68) (2021-09-18)
+
+### Bug Fixes
+
+- set correct component type for ReactRenderer, fix [#1904](https://github.com/ueberdosis/tiptap/issues/1904) ([fe47c38](https://github.com/ueberdosis/tiptap/commit/fe47c388ce5ef49c286302a7b771a680c2f0c239))
+
+# [2.0.0-beta.67](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.66...@tiptap/react@2.0.0-beta.67) (2021-09-15)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.66](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.65...@tiptap/react@2.0.0-beta.66) (2021-09-07)
+
+### Features
+
+- add support for forwardRef component in reactRenderer ([#1690](https://github.com/ueberdosis/tiptap/issues/1690), fix [#1040](https://github.com/ueberdosis/tiptap/issues/1040)) ([d1f2ad2](https://github.com/ueberdosis/tiptap/commit/d1f2ad293f9df4004ee3fea5550a3921a03162f5))
+
+# [2.0.0-beta.65](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.64...@tiptap/react@2.0.0-beta.65) (2021-09-07)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.64](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.63...@tiptap/react@2.0.0-beta.64) (2021-09-06)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.63](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.62...@tiptap/react@2.0.0-beta.63) (2021-08-24)
+
+### Bug Fixes
+
+- fix a bug when using nested node views in react, fix [#1747](https://github.com/ueberdosis/tiptap/issues/1747) ([b15a8a8](https://github.com/ueberdosis/tiptap/commit/b15a8a8683bafbc9fd57dc64d60329f9ab08ecfd))
+
+# [2.0.0-beta.62](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.61...@tiptap/react@2.0.0-beta.62) (2021-08-23)
+
+### Bug Fixes
+
+- make shouldShow and pluginKey option for menus, fix [#1779](https://github.com/ueberdosis/tiptap/issues/1779) ([70a328b](https://github.com/ueberdosis/tiptap/commit/70a328bd3dea174170ad8e92db4c4f7f9368fd1b))
+
+# [2.0.0-beta.61](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.60...@tiptap/react@2.0.0-beta.61) (2021-08-20)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.60](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.59...@tiptap/react@2.0.0-beta.60) (2021-08-13)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.59](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.58...@tiptap/react@2.0.0-beta.59) (2021-08-13)
+
+### Bug Fixes
+
+- rename key to pluginKey for menus ([89d26f7](https://github.com/ueberdosis/tiptap/commit/89d26f7cba2a115aa342f0ee621f0b65c840dfb8))
+
+# [2.0.0-beta.58](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.57...@tiptap/react@2.0.0-beta.58) (2021-08-12)
+
+### Bug Fixes
+
+- fix some react focus issues ([#1724](https://github.com/ueberdosis/tiptap/issues/1724)), fix [#1716](https://github.com/ueberdosis/tiptap/issues/1716), fix [#1608](https://github.com/ueberdosis/tiptap/issues/1608), fix [#1520](https://github.com/ueberdosis/tiptap/issues/1520) ([956566e](https://github.com/ueberdosis/tiptap/commit/956566eaad0a522d6bc27d44594aa36d6c33f8b3))
+
+# [2.0.0-beta.57](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.56...@tiptap/react@2.0.0-beta.57) (2021-08-11)
+
+### Features
+
+- add key option and shouldShow option to menus (fix [#1480](https://github.com/ueberdosis/tiptap/issues/1480), fix [#1043](https://github.com/ueberdosis/tiptap/issues/1043), fix [#1268](https://github.com/ueberdosis/tiptap/issues/1268), fix [#1503](https://github.com/ueberdosis/tiptap/issues/1503)) ([9ba61c1](https://github.com/ueberdosis/tiptap/commit/9ba61c1582cee838f2214d00285773ace2fb229e))
+
+# [2.0.0-beta.56](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.55...@tiptap/react@2.0.0-beta.56) (2021-08-09)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.55](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.54...@tiptap/react@2.0.0-beta.55) (2021-07-28)
+
+### Bug Fixes
+
+- fix updating node views, fix [#1656](https://github.com/ueberdosis/tiptap/issues/1656) ([d7f6e0c](https://github.com/ueberdosis/tiptap/commit/d7f6e0ce3f99381d3822cde5ab1c484ed13a4c20))
+
+# [2.0.0-beta.54](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.53...@tiptap/react@2.0.0-beta.54) (2021-07-27)
+
+### Features
+
+- add ignoreMutation option to NodeViewRenderer, fix [#1538](https://github.com/ueberdosis/tiptap/issues/1538) ([651e691](https://github.com/ueberdosis/tiptap/commit/651e6911e3ea5407df6a48783ee16733e0a4f474))
+
+# [2.0.0-beta.53](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.52...@tiptap/react@2.0.0-beta.53) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.52](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.51...@tiptap/react@2.0.0-beta.52) (2021-06-24)
+
+### Bug Fixes
+
+- check for destroyed editor before creating node views in react ([44e4722](https://github.com/ueberdosis/tiptap/commit/44e47222a03be60835d5058d01bc510e4cf31d60))
+
+# [2.0.0-beta.51](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.50...@tiptap/react@2.0.0-beta.51) (2021-06-23)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.50](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.49...@tiptap/react@2.0.0-beta.50) (2021-06-15)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.49](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.48...@tiptap/react@2.0.0-beta.49) (2021-06-15)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.48](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.47...@tiptap/react@2.0.0-beta.48) (2021-06-14)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.47](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.46...@tiptap/react@2.0.0-beta.47) (2021-06-14)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.46](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.45...@tiptap/react@2.0.0-beta.46) (2021-06-09)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.45](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.44...@tiptap/react@2.0.0-beta.45) (2021-05-29)
+
+### Bug Fixes
+
+- maybe move content dom on update, fix [#1370](https://github.com/ueberdosis/tiptap/issues/1370) ([78f75c3](https://github.com/ueberdosis/tiptap/commit/78f75c3e0e287abac18bf87f32a1bd586300da14))
+
+# [2.0.0-beta.44](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.43...@tiptap/react@2.0.0-beta.44) (2021-05-28)
+
+### Bug Fixes
+
+- maybe move content dom on update, see [#1370](https://github.com/ueberdosis/tiptap/issues/1370) ([60708a7](https://github.com/ueberdosis/tiptap/commit/60708a781770d745f0d9135c225f56d3d2f1b31d))
+
+# [2.0.0-beta.43](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.42...@tiptap/react@2.0.0-beta.43) (2021-05-27)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.42](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.41...@tiptap/react@2.0.0-beta.42) (2021-05-24)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.41](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.40...@tiptap/react@2.0.0-beta.41) (2021-05-18)
+
+### Bug Fixes
+
+- move all child nodes within EditorContent ([0f299d2](https://github.com/ueberdosis/tiptap/commit/0f299d228eb4075d24e1c0fb5b39febc6bc77de6))
+
+### Features
+
+- add deleteNode method to node views ([fcee5f8](https://github.com/ueberdosis/tiptap/commit/fcee5f82c6a282191afe5c2cb83b9f5820af28dd))
+
+# [2.0.0-beta.40](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.39...@tiptap/react@2.0.0-beta.40) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.39](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.38...@tiptap/react@2.0.0-beta.39) (2021-05-18)
+
+### Bug Fixes
+
+- add prop support for EditorContent, fix [#1332](https://github.com/ueberdosis/tiptap/issues/1332) ([8979143](https://github.com/ueberdosis/tiptap/commit/8979143c37679af21e71b37b72ac91bea989746c))
+
+# [2.0.0-beta.38](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.37...@tiptap/react@2.0.0-beta.38) (2021-05-17)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.35...@tiptap/react@2.0.0-beta.37) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.34...@tiptap/react@2.0.0-beta.35) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.34...@tiptap/react@2.0.0-beta.35) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.33...@tiptap/react@2.0.0-beta.34) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.32...@tiptap/react@2.0.0-beta.33) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.31...@tiptap/react@2.0.0-beta.32) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.30...@tiptap/react@2.0.0-beta.31) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.29...@tiptap/react@2.0.0-beta.30) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.28...@tiptap/react@2.0.0-beta.29) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.27...@tiptap/react@2.0.0-beta.28) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.26...@tiptap/react@2.0.0-beta.27) (2021-05-04)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.25...@tiptap/react@2.0.0-beta.26) (2021-04-27)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.24...@tiptap/react@2.0.0-beta.25) (2021-04-23)
+
+### Bug Fixes
+
+- allow passing props to NodeViewWrapper and NodeViewContent ([cfb3b80](https://github.com/ueberdosis/tiptap/commit/cfb3b80f63a5d38ea7aa4b69a895afd8b09cb5ab))
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.23...@tiptap/react@2.0.0-beta.24) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.22...@tiptap/react@2.0.0-beta.23) (2021-04-22)
+
+### Bug Fixes
+
+- prevents a bug where a line break was incorrectly added at enter in react node views, fix [#1197](https://github.com/ueberdosis/tiptap/issues/1197) ([e885ffa](https://github.com/ueberdosis/tiptap/commit/e885ffa15b590b0c1f895f5c32f4852cc483c222))
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.21...@tiptap/react@2.0.0-beta.22) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.20...@tiptap/react@2.0.0-beta.21) (2021-04-16)
+
+### Features
+
+- add tippyOptions prop ([9a56f66](https://github.com/ueberdosis/tiptap/commit/9a56f666a118ca7c59a6f1f67f40e6490e20d3b8))
+- remove keepInBounds ([d7282f1](https://github.com/ueberdosis/tiptap/commit/d7282f168bc6cfae4e1630d14bb8462bc135b254))
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.19...@tiptap/react@2.0.0-beta.20) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.18...@tiptap/react@2.0.0-beta.19) (2021-04-11)
+
+### Bug Fixes
+
+- fix using react node views with insertContent ([ea0992f](https://github.com/ueberdosis/tiptap/commit/ea0992f66e9942c590e75c0ab2f5705640764f4d))
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.17...@tiptap/react@2.0.0-beta.18) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.16...@tiptap/react@2.0.0-beta.17) (2021-04-08)
+
+### Bug Fixes
+
+- improve node view error message ([536663f](https://github.com/ueberdosis/tiptap/commit/536663f816039df6e3d8de23989f343d78e5d08e))
+- make `as` prop optional ([f8dec5f](https://github.com/ueberdosis/tiptap/commit/f8dec5f905baf5692dd257b3dddec3de2bcad1a1))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.15...@tiptap/react@2.0.0-beta.16) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.14...@tiptap/react@2.0.0-beta.15) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.13...@tiptap/react@2.0.0-beta.14) (2021-04-04)
+
+### Features
+
+- render wrapper element for inline node views as span, fix [#242](https://github.com/ueberdosis/tiptap/issues/242) ([bdb5d72](https://github.com/ueberdosis/tiptap/commit/bdb5d724956c0c757e29be38fb2c9dd85d8fd36b))
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.12...@tiptap/react@2.0.0-beta.13) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.11...@tiptap/react@2.0.0-beta.12) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.10...@tiptap/react@2.0.0-beta.11) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.9...@tiptap/react@2.0.0-beta.10) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.8...@tiptap/react@2.0.0-beta.9) (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.7...@tiptap/react@2.0.0-beta.8) (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.6...@tiptap/react@2.0.0-beta.7) (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.5...@tiptap/react@2.0.0-beta.6) (2021-03-28)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.4...@tiptap/react@2.0.0-beta.5) (2021-03-24)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.3...@tiptap/react@2.0.0-beta.4) (2021-03-18)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.2...@tiptap/react@2.0.0-beta.3) (2021-03-16)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-beta.1...@tiptap/react@2.0.0-beta.2) (2021-03-09)
+
+**Note:** Version bump only for package @tiptap/react
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/react@2.0.0-alpha.2...@tiptap/react@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/react
+
+# 2.0.0-alpha.2 (2021-02-26)
+
+**Note:** Version bump only for package @tiptap/react
diff --git a/packages/react/README.md b/packages/react/README.md
new file mode 100644
index 0000000..7094e58
--- /dev/null
+++ b/packages/react/README.md
@@ -0,0 +1,18 @@
+# @tiptap/react
+
+[![Version](https://img.shields.io/npm/v/@tiptap/react.svg?label=version)](https://www.npmjs.com/package/@tiptap/react)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/react.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/react.svg)](https://www.npmjs.com/package/@tiptap/react)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/react/package.json b/packages/react/package.json
new file mode 100644
index 0000000..8500a28
--- /dev/null
+++ b/packages/react/package.json
@@ -0,0 +1,78 @@
+{
+  "name": "@tiptap/react",
+  "version": "3.30.3",
+  "description": "React components for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap react components"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/react"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./menus": {
+      "types": {
+        "import": "./dist/menus/index.d.ts",
+        "require": "./dist/menus/index.d.cts"
+      },
+      "import": "./dist/menus/index.js",
+      "require": "./dist/menus/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "@types/use-sync-external-store": "^0.0.6",
+    "fast-equals": "^5.3.3",
+    "use-sync-external-store": "^1.4.0"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "@types/react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "optionalDependencies": {
+    "@tiptap/extension-bubble-menu": "workspace:^",
+    "@tiptap/extension-floating-menu": "workspace:^"
+  }
+}
diff --git a/packages/react/src/Context.tsx b/packages/react/src/Context.tsx
new file mode 100644
index 0000000..e0d24e6
--- /dev/null
+++ b/packages/react/src/Context.tsx
@@ -0,0 +1,62 @@
+import type { Editor } from '@tiptap/core'
+import type { HTMLAttributes, ReactNode } from 'react'
+import React, { createContext, useContext, useMemo } from 'react'
+
+import { EditorContent } from './EditorContent.js'
+import type { UseEditorOptions } from './useEditor.js'
+import { useEditor } from './useEditor.js'
+
+export type EditorContextValue = {
+  editor: Editor | null
+}
+
+export const EditorContext = createContext<EditorContextValue>({
+  editor: null,
+})
+
+export const EditorConsumer = EditorContext.Consumer
+
+/**
+ * A hook to get the current editor instance.
+ */
+export const useCurrentEditor = () => useContext(EditorContext)
+
+export type EditorProviderProps = {
+  children?: ReactNode
+  slotBefore?: ReactNode
+  slotAfter?: ReactNode
+  editorContainerProps?: HTMLAttributes<HTMLDivElement>
+} & UseEditorOptions
+
+/**
+ * This is the provider component for the editor.
+ * It allows the editor to be accessible across the entire component tree
+ * with `useCurrentEditor`.
+ */
+export function EditorProvider({
+  children,
+  slotAfter,
+  slotBefore,
+  editorContainerProps = {},
+  ...editorOptions
+}: EditorProviderProps) {
+  const editor = useEditor(editorOptions)
+  const contextValue = useMemo(() => ({ editor }), [editor])
+
+  if (!editor) {
+    return null
+  }
+
+  return (
+    <EditorContext.Provider value={contextValue}>
+      {slotBefore}
+      <EditorConsumer>
+        {({ editor: currentEditor }) => (
+          <EditorContent editor={currentEditor} {...editorContainerProps} />
+        )}
+      </EditorConsumer>
+      {children}
+      {slotAfter}
+    </EditorContext.Provider>
+  )
+}
diff --git a/packages/react/src/Editor.ts b/packages/react/src/Editor.ts
new file mode 100644
index 0000000..cd45f78
--- /dev/null
+++ b/packages/react/src/Editor.ts
@@ -0,0 +1,16 @@
+import type { Editor } from '@tiptap/core'
+import type { ReactPortal } from 'react'
+
+import type { ReactRenderer } from './ReactRenderer.js'
+
+export type EditorWithContentComponent = Editor & {
+  contentComponent?: ContentComponent | null
+  isEditorContentInitialized?: boolean
+}
+export type ContentComponent = {
+  setRenderer(id: string, renderer: ReactRenderer): void
+  removeRenderer(id: string): void
+  subscribe: (callback: () => void) => () => void
+  getSnapshot: () => Record<string, ReactPortal>
+  getServerSnapshot: () => Record<string, ReactPortal>
+}
diff --git a/packages/react/src/EditorContent.test.ts b/packages/react/src/EditorContent.test.ts
new file mode 100644
index 0000000..04fad2e
--- /dev/null
+++ b/packages/react/src/EditorContent.test.ts
@@ -0,0 +1,39 @@
+import React from 'react'
+import { describe, expect, it, vi } from 'vite-plus/test'
+
+import { createContentComponent } from './EditorContent.js'
+import type { ReactRenderer } from './ReactRenderer.js'
+
+const createRenderer = (id: string) =>
+  ({
+    reactElement: React.createElement('span', null, id),
+    element: document.createElement('div'),
+  }) as ReactRenderer
+
+describe('createContentComponent', () => {
+  it('batches synchronous renderer change notifications', async () => {
+    const contentComponent = createContentComponent()
+    const subscriber = vi.fn()
+
+    contentComponent.subscribe(subscriber)
+
+    contentComponent.setRenderer('first', createRenderer('first'))
+    contentComponent.setRenderer('second', createRenderer('second'))
+
+    expect(Object.keys(contentComponent.getSnapshot())).toEqual(['first', 'second'])
+    expect(subscriber).not.toHaveBeenCalled()
+
+    await Promise.resolve()
+
+    expect(subscriber).toHaveBeenCalledTimes(1)
+
+    contentComponent.removeRenderer('first')
+    contentComponent.removeRenderer('second')
+
+    expect(Object.keys(contentComponent.getSnapshot())).toEqual([])
+
+    await Promise.resolve()
+
+    expect(subscriber).toHaveBeenCalledTimes(2)
+  })
+})
diff --git a/packages/react/src/EditorContent.tsx b/packages/react/src/EditorContent.tsx
new file mode 100644
index 0000000..8ee8383
--- /dev/null
+++ b/packages/react/src/EditorContent.tsx
@@ -0,0 +1,214 @@
+import type { Editor } from '@tiptap/core'
+import type { ForwardedRef, HTMLProps, LegacyRef, MutableRefObject } from 'react'
+import React, { forwardRef } from 'react'
+import ReactDOM from 'react-dom'
+import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js'
+
+import type { ContentComponent, EditorWithContentComponent } from './Editor.js'
+import type { ReactRenderer } from './ReactRenderer.js'
+
+const mergeRefs = <T extends HTMLDivElement>(
+  ...refs: Array<MutableRefObject<T> | LegacyRef<T> | undefined>
+) => {
+  return (node: T) => {
+    refs.forEach(ref => {
+      if (typeof ref === 'function') {
+        ref(node)
+      } else if (ref) {
+        ;(ref as MutableRefObject<T | null>).current = node
+      }
+    })
+  }
+}
+
+/**
+ * This component renders all of the editor's node views.
+ */
+const Portals: React.FC<{ contentComponent: ContentComponent }> = ({ contentComponent }) => {
+  // For performance reasons, we render the node view portals on state changes only
+  const renderers = useSyncExternalStore(
+    contentComponent.subscribe,
+    contentComponent.getSnapshot,
+    contentComponent.getServerSnapshot,
+  )
+
+  // This allows us to directly render the portals without any additional wrapper
+  return <>{Object.values(renderers)}</>
+}
+
+export interface EditorContentProps extends HTMLProps<HTMLDivElement> {
+  editor: Editor | null
+  innerRef?: ForwardedRef<HTMLDivElement | null>
+}
+
+export function createContentComponent(): ContentComponent {
+  const subscribers = new Set<() => void>()
+  let renderers: Record<string, React.ReactPortal> = {}
+  let isNotificationQueued = false
+
+  const notifySubscribers = () => {
+    if (isNotificationQueued || !subscribers.size) {
+      return
+    }
+
+    isNotificationQueued = true
+
+    queueMicrotask(() => {
+      isNotificationQueued = false
+      subscribers.forEach(subscriber => subscriber())
+    })
+  }
+
+  return {
+    /**
+     * Subscribe to the editor instance's changes.
+     */
+    subscribe(callback: () => void) {
+      subscribers.add(callback)
+      return () => {
+        subscribers.delete(callback)
+      }
+    },
+    getSnapshot() {
+      return renderers
+    },
+    getServerSnapshot() {
+      return renderers
+    },
+    /**
+     * Adds a new NodeView Renderer to the editor.
+     */
+    setRenderer(id: string, renderer: ReactRenderer) {
+      renderers = {
+        ...renderers,
+        [id]: ReactDOM.createPortal(renderer.reactElement, renderer.element, id),
+      }
+
+      notifySubscribers()
+    },
+    /**
+     * Removes a NodeView Renderer from the editor.
+     */
+    removeRenderer(id: string) {
+      const nextRenderers = { ...renderers }
+
+      delete nextRenderers[id]
+      renderers = nextRenderers
+      notifySubscribers()
+    },
+  }
+}
+
+export class PureEditorContent extends React.Component<
+  EditorContentProps,
+  { hasContentComponentInitialized: boolean }
+> {
+  editorContentRef: React.RefObject<any>
+
+  constructor(props: EditorContentProps) {
+    super(props)
+    this.editorContentRef = React.createRef()
+  }
+
+  componentDidMount() {
+    this.init()
+  }
+
+  componentDidUpdate() {
+    this.init()
+  }
+
+  init() {
+    const editor = this.props.editor as EditorWithContentComponent | null
+
+    if (editor && !editor.isDestroyed && editor.view.dom?.parentNode) {
+      if (editor.contentComponent) {
+        return
+      }
+
+      const element = this.editorContentRef.current
+
+      element.append(...editor.view.dom.parentNode.childNodes)
+
+      editor.setOptions({
+        element,
+      })
+
+      editor.contentComponent = createContentComponent()
+
+      editor.createNodeViews()
+
+      editor.isEditorContentInitialized = true
+
+      this.forceUpdate()
+    }
+  }
+
+  componentWillUnmount() {
+    const editor = this.props.editor as EditorWithContentComponent | null
+
+    if (!editor) {
+      return
+    }
+
+    editor.isEditorContentInitialized = false
+
+    if (!editor.isDestroyed) {
+      editor.view.setProps({
+        nodeViews: {},
+      })
+    }
+
+    editor.contentComponent = null
+
+    // try to reset the editor element
+    // may fail if this editor's view.dom was never initialized/mounted yet
+    try {
+      if (!editor.view.dom?.parentNode) {
+        return
+      }
+
+      // TODO using the new editor.mount method might allow us to remove this
+      const newElement = document.createElement('div')
+
+      newElement.append(...editor.view.dom.parentNode.childNodes)
+
+      editor.setOptions({
+        element: newElement,
+      })
+    } catch {
+      // do nothing, nothing to reset
+    }
+  }
+
+  render() {
+    const { editor, innerRef, ...rest } = this.props
+
+    return (
+      <>
+        <div ref={mergeRefs(innerRef, this.editorContentRef)} {...rest} />
+        {/* @ts-ignore */}
+        {editor?.contentComponent && <Portals contentComponent={editor.contentComponent} />}
+      </>
+    )
+  }
+}
+
+// EditorContent should be re-created whenever the Editor instance changes
+const EditorContentWithKey = forwardRef<HTMLDivElement, EditorContentProps>(
+  (props: Omit<EditorContentProps, 'innerRef'>, ref) => {
+    const key = React.useMemo(() => {
+      return Math.floor(Math.random() * 0xffffffff).toString()
+      // oxlint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.editor])
+
+    // Can't use JSX here because it conflicts with the type definition of Vue's JSX, so use createElement
+    return React.createElement(PureEditorContent, {
+      key,
+      innerRef: ref,
+      ...props,
+    })
+  },
+)
+
+export const EditorContent = React.memo(EditorContentWithKey)
diff --git a/packages/react/src/NodeViewContent.tsx b/packages/react/src/NodeViewContent.tsx
new file mode 100644
index 0000000..1d36992
--- /dev/null
+++ b/packages/react/src/NodeViewContent.tsx
@@ -0,0 +1,30 @@
+import type { ComponentProps } from 'react'
+import React from 'react'
+
+import { useReactNodeView } from './useReactNodeView.js'
+
+export type NodeViewContentProps<T extends keyof React.JSX.IntrinsicElements = 'div'> = {
+  as?: NoInfer<T>
+} & ComponentProps<T>
+
+export function NodeViewContent<T extends keyof React.JSX.IntrinsicElements = 'div'>({
+  as: Tag = 'div' as T,
+  ...props
+}: NodeViewContentProps<T>) {
+  const { nodeViewContentRef, nodeViewContentChildren } = useReactNodeView()
+
+  return (
+    // @ts-ignore
+    <Tag
+      {...props}
+      ref={nodeViewContentRef}
+      data-node-view-content=""
+      style={{
+        whiteSpace: 'pre-wrap',
+        ...props.style,
+      }}
+    >
+      {nodeViewContentChildren}
+    </Tag>
+  )
+}
diff --git a/packages/react/src/NodeViewWrapper.tsx b/packages/react/src/NodeViewWrapper.tsx
new file mode 100644
index 0000000..c22c5eb
--- /dev/null
+++ b/packages/react/src/NodeViewWrapper.tsx
@@ -0,0 +1,27 @@
+import React from 'react'
+
+import { useReactNodeView } from './useReactNodeView.js'
+
+export interface NodeViewWrapperProps {
+  [key: string]: any
+  as?: React.ElementType
+}
+
+export const NodeViewWrapper: React.FC<NodeViewWrapperProps> = React.forwardRef((props, ref) => {
+  const { onDragStart } = useReactNodeView()
+  const Tag = props.as || 'div'
+
+  return (
+    // @ts-ignore
+    <Tag
+      {...props}
+      ref={ref}
+      data-node-view-wrapper=""
+      onDragStart={onDragStart}
+      style={{
+        whiteSpace: 'normal',
+        ...props.style,
+      }}
+    />
+  )
+})
diff --git a/packages/react/src/ReactMarkViewRenderer.tsx b/packages/react/src/ReactMarkViewRenderer.tsx
new file mode 100644
index 0000000..041af6a
--- /dev/null
+++ b/packages/react/src/ReactMarkViewRenderer.tsx
@@ -0,0 +1,114 @@
+/* oslint-disableno-shadow */
+import type { MarkViewProps, MarkViewRenderer, MarkViewRendererOptions } from '@tiptap/core'
+import { MarkView } from '@tiptap/core'
+import React from 'react'
+
+// import { flushSync } from 'react-dom'
+import { ReactRenderer } from './ReactRenderer.js'
+
+export interface MarkViewContextProps {
+  markViewContentRef: (element: HTMLElement | null) => void
+}
+export const ReactMarkViewContext = React.createContext<MarkViewContextProps>({
+  markViewContentRef: () => {
+    // do nothing
+  },
+})
+
+export type MarkViewContentProps<T extends keyof React.JSX.IntrinsicElements = 'span'> = {
+  as?: T
+} & Omit<React.ComponentProps<T>, 'as'>
+
+export const MarkViewContent = <T extends keyof React.JSX.IntrinsicElements = 'span'>(
+  props: MarkViewContentProps<T>,
+) => {
+  const { as: Tag = 'span', ...rest } = props
+  const { markViewContentRef } = React.useContext(ReactMarkViewContext)
+
+  return (
+    // @ts-ignore
+    <Tag {...rest} ref={markViewContentRef} data-mark-view-content="" />
+  )
+}
+
+export interface ReactMarkViewRendererOptions extends MarkViewRendererOptions {
+  /**
+   * The tag name of the element wrapping the React component.
+   */
+  as?: string
+  className?: string
+  attrs?: { [key: string]: string }
+}
+
+export class ReactMarkView extends MarkView<
+  React.ComponentType<MarkViewProps>,
+  ReactMarkViewRendererOptions
+> {
+  renderer: ReactRenderer
+  contentDOMElement: HTMLElement
+
+  constructor(
+    component: React.ComponentType<MarkViewProps>,
+    props: MarkViewProps,
+    options?: Partial<ReactMarkViewRendererOptions>,
+  ) {
+    super(component, props, options)
+
+    const { as = 'span', attrs, className = '' } = options || {}
+    const componentProps = {
+      ...props,
+      updateAttributes: this.updateAttributes.bind(this),
+    } satisfies MarkViewProps
+
+    this.contentDOMElement = document.createElement('span')
+
+    const markViewContentRef: MarkViewContextProps['markViewContentRef'] = el => {
+      if (el && !el.contains(this.contentDOMElement)) {
+        el.appendChild(this.contentDOMElement)
+      }
+    }
+    const context: MarkViewContextProps = {
+      markViewContentRef,
+    }
+
+    // For performance reasons, we memoize the provider component
+    // And all of the things it requires are declared outside of the component, so it doesn't need to re-render
+    const ReactMarkViewProvider: React.FunctionComponent<MarkViewProps> = React.memo(
+      componentProps => {
+        return (
+          <ReactMarkViewContext.Provider value={context}>
+            {React.createElement(component, componentProps)}
+          </ReactMarkViewContext.Provider>
+        )
+      },
+    )
+
+    ReactMarkViewProvider.displayName = 'ReactMarkView'
+
+    this.renderer = new ReactRenderer(ReactMarkViewProvider, {
+      editor: props.editor,
+      props: componentProps,
+      as,
+      className: `mark-${props.mark.type.name} ${className}`.trim(),
+    })
+
+    if (attrs) {
+      this.renderer.updateAttributes(attrs)
+    }
+  }
+
+  get dom() {
+    return this.renderer.element
+  }
+
+  get contentDOM() {
+    return this.contentDOMElement
+  }
+}
+
+export function ReactMarkViewRenderer(
+  component: React.ComponentType<MarkViewProps>,
+  options: Partial<ReactMarkViewRendererOptions> = {},
+): MarkViewRenderer {
+  return props => new ReactMarkView(component, props, options)
+}
diff --git a/packages/react/src/ReactNodeViewRenderer.test.ts b/packages/react/src/ReactNodeViewRenderer.test.ts
new file mode 100644
index 0000000..9b03153
--- /dev/null
+++ b/packages/react/src/ReactNodeViewRenderer.test.ts
@@ -0,0 +1,566 @@
+import { act, render } from '@testing-library/react'
+import { Editor, Node } from '@tiptap/core'
+import type { NodeViewRendererProps } from '@tiptap/core'
+import type { NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import React, { useEffect, useState } from 'react'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { EditorContent } from './EditorContent.js'
+import { NodeViewContent } from './NodeViewContent.js'
+import { NodeViewWrapper } from './NodeViewWrapper.js'
+import { ReactNodeViewRenderer } from './ReactNodeViewRenderer.js'
+import type { ReactNodeViewProps } from './types.js'
+
+const renderedPositions: Array<number | undefined> = []
+const renderErrors: unknown[] = []
+const bumpHandles = new Map<string, () => void>()
+const explodingIds = new Set<string>()
+const selectionStateRenderCounts = new Map<string, number>()
+
+// Optional hook run inside the click handler before the replace commands.
+let beforeReplace: (() => void) | undefined
+
+const ContainerComponent = (props: ReactNodeViewProps) => {
+  const [, setTick] = useState(0)
+  const id = props.node.attrs.id as string
+  const renderKey = `${props.node.type.name}:${props.node.textContent}`
+
+  selectionStateRenderCounts.set(renderKey, (selectionStateRenderCounts.get(renderKey) ?? 0) + 1)
+
+  useEffect(() => {
+    bumpHandles.set(id, () => setTick(tick => tick + 1))
+    setTick(tick => tick + 1)
+
+    return () => {
+      bumpHandles.delete(id)
+    }
+  }, [id])
+
+  if (explodingIds.has(id)) {
+    throw new Error(`render bomb in container ${id}`)
+  }
+
+  // Calling getPos in the render path is what crashes with React 19.
+  try {
+    renderedPositions.push(props.getPos())
+  } catch (error) {
+    renderErrors.push(error)
+    throw error
+  }
+
+  const replaceSelf = () => {
+    beforeReplace?.()
+
+    // setState first so React has pending sync work when the
+    // transactions below run.
+    setTick(tick => tick + 1)
+
+    const pos = props.getPos()
+
+    if (typeof pos !== 'number') {
+      return
+    }
+
+    // The first transaction destroys this node view while its component is
+    // still mounted. The second one constructs a new node view, whose
+    // ReactRenderer flushSync then re-renders pending components while
+    // ProseMirror's view tree is mid-update.
+    props.editor.commands.deleteRange({ from: pos, to: pos + props.node.nodeSize })
+    props.editor.commands.insertContentAt(0, {
+      type: 'container',
+      attrs: { id: 'fresh' },
+      content: [{ type: 'item', content: [{ type: 'paragraph' }] }],
+    })
+  }
+
+  return React.createElement(
+    NodeViewWrapper,
+    {
+      'data-node-view-selected': String(props.selected),
+      'data-selection-inside': String(props.selectionInside),
+    },
+    React.createElement('button', {
+      type: 'button',
+      'data-testid': `replace-${id}`,
+      onClick: replaceSelf,
+    }),
+    React.createElement(NodeViewContent),
+  )
+}
+
+const ItemComponent = (props: ReactNodeViewProps) => {
+  const renderKey = `${props.node.type.name}:${props.node.textContent}`
+
+  selectionStateRenderCounts.set(renderKey, (selectionStateRenderCounts.get(renderKey) ?? 0) + 1)
+
+  return React.createElement(
+    NodeViewWrapper,
+    {
+      'data-node-view-selected': String(props.selected),
+      'data-selection-inside': String(props.selectionInside),
+    },
+    React.createElement(NodeViewContent),
+  )
+}
+
+const WidgetComponent = () => {
+  return React.createElement(NodeViewWrapper, null)
+}
+
+const ReactParagraphComponent = () => {
+  return React.createElement(NodeViewWrapper, null, React.createElement(NodeViewContent))
+}
+
+const ReactParagraph = Paragraph.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(ReactParagraphComponent)
+  },
+})
+
+const Container = Node.create({
+  name: 'container',
+  group: 'block',
+  content: 'item+',
+
+  addAttributes() {
+    return {
+      id: { default: null },
+    }
+  },
+
+  parseHTML() {
+    return [{ tag: 'div[data-type="container"]' }]
+  },
+
+  renderHTML() {
+    return ['div', { 'data-type': 'container' }, 0]
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(ContainerComponent)
+  },
+})
+
+const Item = Node.create({
+  name: 'item',
+  group: 'block',
+  content: 'paragraph+',
+
+  parseHTML() {
+    return [{ tag: 'div[data-type="item"]' }]
+  },
+
+  renderHTML() {
+    return ['div', { 'data-type': 'item' }, 0]
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(ItemComponent)
+  },
+})
+
+const ContainerWithTextSelection = Container.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(ContainerComponent, { selectedOnTextSelection: true })
+  },
+})
+
+const ItemWithTextSelection = Item.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(ItemComponent, { selectedOnTextSelection: true })
+  },
+})
+
+const Widget = Node.create({
+  name: 'widget',
+  group: 'block',
+  atom: true,
+
+  parseHTML() {
+    return [{ tag: 'div[data-type="widget"]' }]
+  },
+
+  renderHTML() {
+    return ['div', { 'data-type': 'widget' }]
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(WidgetComponent)
+  },
+})
+
+const createEditorWithContainers = ({ selectedOnTextSelection = false } = {}) => {
+  return new Editor({
+    extensions: [
+      Document,
+      Paragraph,
+      Text,
+      selectedOnTextSelection ? ContainerWithTextSelection : Container,
+      selectedOnTextSelection ? ItemWithTextSelection : Item,
+    ],
+    content:
+      '<div data-type="container" id="a"><div data-type="item"><p>first</p></div></div>' +
+      '<div data-type="container" id="b"><div data-type="item"><p>second</p></div></div>',
+  })
+}
+
+const createEditorWithReactParagraph = () => {
+  return new Editor({
+    extensions: [Document, ReactParagraph, Text],
+    content: '<p>Hello</p>',
+  })
+}
+
+const createEditorWithWidget = () => {
+  return new Editor({
+    extensions: [Document, Paragraph, Text, Widget],
+    content: '<p>abc</p><div data-type="widget"></div>',
+  })
+}
+
+const flushMicrotasks = async () => {
+  await act(async () => {
+    await Promise.resolve()
+  })
+}
+
+const renderEditor = async (editor: Editor) => {
+  const result = render(React.createElement(EditorContent, { editor }))
+
+  await flushMicrotasks()
+
+  return result
+}
+
+const flushAnimationFrame = async () => {
+  await act(async () => {
+    await new Promise<void>(resolve => {
+      requestAnimationFrame(() => resolve())
+    })
+  })
+}
+
+const clickReplace = (id: string) => {
+  document
+    .querySelector(`[data-testid="replace-${id}"]`)!
+    .dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }))
+}
+
+const getSelectedStates = (container: HTMLElement) => {
+  return Array.from(container.querySelectorAll('[data-node-view-selected]'), element =>
+    element.getAttribute('data-node-view-selected'),
+  )
+}
+
+describe('ReactNodeViewRenderer', () => {
+  afterEach(() => {
+    renderedPositions.length = 0
+    renderErrors.length = 0
+    bumpHandles.clear()
+    explodingIds.clear()
+    selectionStateRenderCounts.clear()
+    beforeReplace = undefined
+    document.body.innerHTML = ''
+  })
+
+  it('returns a valid fallback node view before EditorContent initializes', () => {
+    let fallbackNodeView: ProseMirrorNodeView | undefined
+    const FallbackParagraph = Paragraph.extend({
+      addNodeView() {
+        const renderNodeView = ReactNodeViewRenderer(ReactParagraphComponent)
+
+        return (props: NodeViewRendererProps) => {
+          fallbackNodeView = renderNodeView(props)
+
+          return fallbackNodeView
+        }
+      },
+    })
+    let editor: Editor | undefined
+
+    expect(() => {
+      editor = new Editor({
+        extensions: [Document, FallbackParagraph, Text],
+        content: '<p>Hello</p>',
+      })
+    }).not.toThrow()
+
+    expect(fallbackNodeView?.dom).toBeInstanceOf(HTMLElement)
+    expect(fallbackNodeView?.contentDOM).toBeNull()
+    expect((fallbackNodeView?.update as (() => boolean) | undefined)?.()).toBe(false)
+    expect(() => editor?.destroy()).not.toThrow()
+  })
+
+  it('renders nested node views and resolves getPos during render', async () => {
+    const editor = createEditorWithContainers()
+    const { container } = await renderEditor(editor)
+
+    expect(container.querySelector('[data-node-view-wrapper]')).not.toBeNull()
+    expect(renderedPositions.length).toBeGreaterThan(0)
+    expect(renderedPositions).toContain(0)
+
+    editor.destroy()
+  })
+
+  it('only selects the node view targeted by ProseMirror', async () => {
+    const editor = createEditorWithContainers()
+    const { container } = await renderEditor(editor)
+
+    editor.commands.setNodeSelection(0)
+
+    await flushAnimationFrame()
+
+    expect(getSelectedStates(container)).toEqual(['true', 'false', 'false', 'false'])
+
+    editor.destroy()
+  })
+
+  it('marks only node views containing the text selection as selectionInside', async () => {
+    const editor = createEditorWithContainers()
+    const { container } = await renderEditor(editor)
+
+    editor.commands.setTextSelection(3)
+
+    await flushMicrotasks()
+
+    const selectionInsideStates = Array.from(
+      container.querySelectorAll('[data-selection-inside]'),
+      element => element.getAttribute('data-selection-inside'),
+    )
+
+    expect(selectionInsideStates).toEqual(['true', 'true', 'false', 'false'])
+
+    const renderCounts = new Map(selectionStateRenderCounts)
+
+    editor.commands.setTextSelection(4)
+
+    await flushMicrotasks()
+
+    expect(selectionStateRenderCounts).toEqual(renderCounts)
+
+    editor.destroy()
+  })
+
+  it('keeps selectedOnTextSelection without rerendering an unchanged node view path', async () => {
+    const editor = createEditorWithContainers({ selectedOnTextSelection: true })
+    const { container } = await renderEditor(editor)
+
+    editor.commands.selectAll()
+
+    await flushMicrotasks()
+
+    const initialRenderCounts = new Map(selectionStateRenderCounts)
+
+    editor.commands.setTextSelection(3)
+
+    await flushMicrotasks()
+
+    expect(getSelectedStates(container)).toEqual(['true', 'true', 'false', 'false'])
+    expect(selectionStateRenderCounts.get('container:first')).toBe(
+      initialRenderCounts.get('container:first')! + 1,
+    )
+    expect(selectionStateRenderCounts.get('item:first')).toBe(
+      initialRenderCounts.get('item:first')! + 1,
+    )
+    expect(selectionStateRenderCounts.get('container:second')).toBe(
+      initialRenderCounts.get('container:second'),
+    )
+    expect(selectionStateRenderCounts.get('item:second')).toBe(
+      initialRenderCounts.get('item:second'),
+    )
+
+    const renderCounts = new Map(selectionStateRenderCounts)
+
+    editor.commands.setTextSelection(4)
+
+    await flushMicrotasks()
+
+    expect(selectionStateRenderCounts).toEqual(renderCounts)
+
+    editor.destroy()
+  })
+
+  it('keeps a node selected when its NodeSelection moves to an internal text selection', async () => {
+    const editor = createEditorWithContainers({ selectedOnTextSelection: true })
+    const { container } = await renderEditor(editor)
+
+    editor.commands.setNodeSelection(0)
+    await flushMicrotasks()
+
+    const renderCount = selectionStateRenderCounts.get('container:first')!
+
+    editor.commands.setTextSelection(3)
+    await flushMicrotasks()
+
+    const selectedState = container.querySelector('[data-node-view-selected]')!
+
+    expect(selectedState.getAttribute('data-node-view-selected')).toBe('true')
+    expect(selectionStateRenderCounts.get('container:first')).toBe(renderCount + 1)
+
+    editor.destroy()
+  })
+
+  it('deselects a node when its NodeSelection moves to an external text selection', async () => {
+    const editor = createEditorWithContainers({ selectedOnTextSelection: true })
+    const { container } = await renderEditor(editor)
+
+    editor.commands.setNodeSelection(0)
+    await flushMicrotasks()
+
+    const secondContainerPosition = editor.state.doc.firstChild!.nodeSize
+
+    editor.commands.setTextSelection(secondContainerPosition + 3)
+    await flushMicrotasks()
+
+    expect(getSelectedStates(container)).toEqual(['false', 'false', 'true', 'true'])
+
+    editor.destroy()
+  })
+
+  it('keeps new React paragraph content connected while its portal is queued', async () => {
+    const editor = createEditorWithReactParagraph()
+    const { container } = await renderEditor(editor)
+
+    editor.commands.setTextSelection(6)
+    editor.commands.splitBlock()
+
+    const secondParagraphPosition = editor.state.doc.firstChild!.nodeSize
+
+    expect(editor.state.selection.from).toBe(secondParagraphPosition + 1)
+
+    const contentElements = container.querySelectorAll('[data-node-view-content-react]')
+
+    expect(contentElements).toHaveLength(2)
+    expect(contentElements[1].isConnected).toBe(true)
+
+    editor.commands.insertContent('Second')
+
+    expect(editor.state.doc.child(0).textContent).toBe('Hello')
+    expect(editor.state.doc.child(1).textContent).toBe('Second')
+
+    await flushMicrotasks()
+
+    expect(contentElements[1].parentElement?.hasAttribute('data-node-view-content')).toBe(true)
+
+    editor.destroy()
+  })
+
+  it('resolves getPos to undefined while the view desc is detached mid-update', async () => {
+    const editor = createEditorWithContainers()
+    const { container } = await renderEditor(editor)
+
+    // Recreate the state ProseMirror's view tree goes through while it
+    // updates: the desc has a parent but is not in parent.children yet.
+    // getPos then walks past the end of the children array and throws.
+    const desc = (container.querySelector('.react-renderer') as any).pmViewDesc
+    const siblings = desc.parent.children
+
+    siblings.splice(siblings.indexOf(desc), 1)
+
+    renderedPositions.length = 0
+
+    await act(async () => {
+      bumpHandles.get('a')?.()
+    })
+
+    // put the tree back so teardown works on a consistent view
+    siblings.unshift(desc)
+
+    expect(renderErrors).toEqual([])
+    expect(renderedPositions).toEqual([undefined])
+
+    editor.destroy()
+  })
+
+  it('does not select the node view when the selection covers its former position', async () => {
+    const editor = createEditorWithWidget()
+    const { container } = await renderEditor(editor)
+
+    // The widget starts at position 5 and moves to 8 when text is typed above it.
+    editor.commands.insertContentAt(4, 'def')
+    editor.commands.setTextSelection({ from: 5, to: 6 })
+
+    await flushAnimationFrame()
+
+    const widget = container.querySelector('.node-widget')!
+
+    expect(widget.classList.contains('ProseMirror-selectednode')).toBe(false)
+
+    editor.destroy()
+  })
+
+  it('selects the node view when it is selected at its new position', async () => {
+    const editor = createEditorWithWidget()
+    const { container } = await renderEditor(editor)
+
+    editor.commands.insertContentAt(4, 'def')
+    editor.commands.setNodeSelection(8)
+
+    await flushAnimationFrame()
+
+    const widget = container.querySelector('.node-widget')!
+
+    expect(widget.classList.contains('ProseMirror-selectednode')).toBe(true)
+
+    editor.destroy()
+  })
+
+  it('does not crash when node views are created while React has pending updates', async () => {
+    const editor = createEditorWithContainers()
+    const { container } = await renderEditor(editor)
+
+    expect(() => clickReplace('b')).not.toThrow()
+
+    await flushMicrotasks()
+
+    // getPos must not blow up inside the synchronous React flush.
+    expect(renderErrors).toEqual([])
+
+    // The editor and the React tree must stay intact and usable.
+    expect(editor.state.doc.firstChild?.attrs.id).toBe('fresh')
+    expect(container.querySelector('.tiptap')).not.toBeNull()
+    expect(
+      editor.commands.insertContentAt(editor.state.doc.content.size, { type: 'paragraph' }),
+    ).toBe(true)
+
+    editor.destroy()
+  })
+
+  it('keeps the editor intact when a component throws during the synchronous flush', async () => {
+    const editor = createEditorWithContainers()
+    await renderEditor(editor)
+
+    // Make container "a" throw on its next render and give it a pending
+    // update, so the new node view's flushSync renders it mid-transaction.
+    beforeReplace = () => {
+      explodingIds.add('a')
+      bumpHandles.get('a')?.()
+    }
+
+    let clickError: unknown
+
+    try {
+      clickReplace('b')
+    } catch (error) {
+      clickError = error
+    }
+
+    await flushMicrotasks()
+
+    // React 19 reports the render error via onUncaughtError instead of
+    // rethrowing, so nothing may propagate into the ProseMirror transaction.
+    expect(clickError).toBeUndefined()
+
+    // The ProseMirror transaction must complete even though a component
+    // render threw during the flush.
+    expect(editor.state.doc.firstChild?.attrs.id).toBe('fresh')
+    expect(
+      editor.commands.insertContentAt(editor.state.doc.content.size, { type: 'paragraph' }),
+    ).toBe(true)
+
+    editor.destroy()
+  })
+})
diff --git a/packages/react/src/ReactNodeViewRenderer.tsx b/packages/react/src/ReactNodeViewRenderer.tsx
new file mode 100644
index 0000000..3073878
--- /dev/null
+++ b/packages/react/src/ReactNodeViewRenderer.tsx
@@ -0,0 +1,462 @@
+import type {
+  DecorationWithType,
+  Editor,
+  NodeViewRenderer,
+  NodeViewRendererOptions,
+  NodeViewRendererProps,
+} from '@tiptap/core'
+import { getRenderedAttributes, NodeView } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Decoration, DecorationSource, NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'
+import type { ComponentType, NamedExoticComponent } from 'react'
+import { createElement, createRef, memo } from 'react'
+
+import { captureDOMSelection } from './captureDOMSelection.js'
+import type { EditorWithContentComponent } from './Editor.js'
+import { getTextSelectionAncestorPositions } from './lib/utils/getTextSelectionAncestorPositions.js'
+import { getReactNodeViewSelectionTracker } from './ReactNodeViewSelectionTracker.js'
+import { ReactRenderer } from './ReactRenderer.js'
+import type { ReactNodeViewProps } from './types.js'
+import type { ReactNodeViewContextProps } from './useReactNodeView.js'
+import { ReactNodeViewContext } from './useReactNodeView.js'
+
+export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
+  /**
+   * @deprecated Read `selectionInside` from the node view props instead.
+   */
+  selectedOnTextSelection?: boolean
+  /**
+   * This function is called when the node view is updated.
+   * It allows you to compare the old node with the new node and decide if the component should update.
+   */
+  update:
+    | ((props: {
+        oldNode: PMNode
+        oldDecorations: readonly Decoration[]
+        oldInnerDecorations: DecorationSource
+        newNode: PMNode
+        newDecorations: readonly Decoration[]
+        innerDecorations: DecorationSource
+        updateProps: () => void
+      }) => boolean)
+    | null
+  /**
+   * The tag name of the element wrapping the React component.
+   */
+  as?: string
+  /**
+   * The class name of the element wrapping the React component.
+   */
+  className?: string
+  /**
+   * Attributes that should be applied to the element wrapping the React component.
+   * If this is a function, it will be called each time the node view is updated.
+   * If this is an object, it will be applied once when the node view is mounted.
+   */
+  attrs?:
+    | Record<string, string>
+    | ((props: { node: PMNode; HTMLAttributes: Record<string, any> }) => Record<string, string>)
+}
+
+export class ReactNodeView<
+  T = HTMLElement,
+  Component extends ComponentType<ReactNodeViewProps<T>> = ComponentType<ReactNodeViewProps<T>>,
+  NodeEditor extends Editor = Editor,
+  Options extends ReactNodeViewRendererOptions = ReactNodeViewRendererOptions,
+> extends NodeView<Component, NodeEditor, Options> {
+  /**
+   * The renderer instance.
+   */
+  renderer!: ReactRenderer<unknown, ReactNodeViewProps<T>>
+
+  /**
+   * The element that holds the rich-text content of the node.
+   */
+  contentDOMElement!: HTMLElement | null
+
+  /**
+   * The last known position of this node view, used to detect position-only
+   * changes that don't produce a new node object reference.
+   */
+  private currentPos: number | undefined
+
+  private nodeSelected = false
+
+  /**
+   * Fires on editor updates when trackNodeViewPosition is enabled.
+   * Detects position shifts where update() is NOT called (e.g. typing above).
+   */
+  private handlePositionUpdate = () => {
+    const newPos = this.getPos()
+    if (typeof newPos !== 'number' || newPos === this.currentPos) {
+      return
+    }
+    this.currentPos = newPos
+    this.renderer.updateProps({ getPos: () => this.getPos() })
+
+    if (typeof this.options.attrs === 'function') {
+      this.updateElementAttributes()
+    }
+  }
+
+  constructor(component: Component, props: NodeViewRendererProps, options?: Partial<Options>) {
+    super(component, props, options)
+
+    if (!this.node.isLeaf) {
+      if (this.options.contentDOMElementTag) {
+        this.contentDOMElement = document.createElement(this.options.contentDOMElementTag)
+      } else {
+        this.contentDOMElement = document.createElement(this.node.isInline ? 'span' : 'div')
+      }
+
+      this.contentDOMElement.dataset.nodeViewContentReact = ''
+      this.contentDOMElement.dataset.nodeViewWrapper = ''
+
+      // For some reason the whiteSpace prop is not inherited properly in Chrome and Safari
+      // With this fix it seems to work fine
+      // See: https://github.com/ueberdosis/tiptap/issues/1197
+      this.contentDOMElement.style.whiteSpace = 'inherit'
+
+      const contentTarget = this.dom.querySelector('[data-node-view-content]')
+
+      if (contentTarget) {
+        contentTarget.appendChild(this.contentDOMElement)
+      } else {
+        // ProseMirror maps the selection before the queued portal render.
+        this.dom.appendChild(this.contentDOMElement)
+      }
+    }
+
+    if (this.options.trackNodeViewPosition) {
+      this.editor.on('update', this.handlePositionUpdate)
+    }
+  }
+
+  private cachedExtensionWithSyncedStorage: NodeViewRendererProps['extension'] | null = null
+
+  /**
+   * Returns a proxy of the extension that redirects storage access to the editor's mutable storage.
+   * This preserves the original prototype chain (instanceof checks, methods like configure/extend work).
+   * Cached to avoid proxy creation on every update.
+   */
+  get extensionWithSyncedStorage(): NodeViewRendererProps['extension'] {
+    if (!this.cachedExtensionWithSyncedStorage) {
+      const editor = this.editor
+      const extension = this.extension
+
+      this.cachedExtensionWithSyncedStorage = new Proxy(extension, {
+        get(target, prop, receiver) {
+          if (prop === 'storage') {
+            return editor.storage[extension.name as keyof typeof editor.storage] ?? {}
+          }
+          return Reflect.get(target, prop, receiver)
+        },
+      })
+    }
+
+    return this.cachedExtensionWithSyncedStorage
+  }
+
+  /**
+   * Setup the React component.
+   * Called on initialization.
+   */
+  mount() {
+    const props: Record<string, any> = {
+      editor: this.editor,
+      node: this.node,
+      decorations: this.decorations as DecorationWithType[],
+      innerDecorations: this.innerDecorations,
+      view: this.view,
+      selected: false,
+      selectionInside: false,
+      extension: this.extensionWithSyncedStorage,
+      HTMLAttributes: this.HTMLAttributes,
+      getPos: () => this.getPos(),
+      updateAttributes: (attributes = {}) => this.updateAttributes(attributes),
+      deleteNode: () => this.deleteNode(),
+      ref: createRef<T>(),
+    }
+
+    const mountProps = props as ReactNodeViewProps<T>
+
+    if (!(this.component as any).displayName) {
+      const capitalizeFirstChar = (string: string): string => {
+        return string.charAt(0).toUpperCase() + string.substring(1)
+      }
+
+      this.component.displayName = capitalizeFirstChar(this.extension.name)
+    }
+
+    const onDragStart = this.onDragStart.bind(this)
+    const nodeViewContentRef: ReactNodeViewContextProps['nodeViewContentRef'] = element => {
+      if (element && this.contentDOMElement && element.firstChild !== this.contentDOMElement) {
+        // remove the nodeViewWrapper attribute from the element
+        if (element.hasAttribute('data-node-view-wrapper')) {
+          element.removeAttribute('data-node-view-wrapper')
+        }
+
+        // The caret can already be inside here. Moving would lose it.
+        const restoreSelection = captureDOMSelection(this.contentDOMElement)
+
+        element.appendChild(this.contentDOMElement)
+
+        restoreSelection?.()
+      }
+    }
+    const context = { onDragStart, nodeViewContentRef }
+    const Component = this.component
+    // For performance reasons, we memoize the provider component
+    // And all of the things it requires are declared outside of the component, so it doesn't need to re-render
+    const ReactNodeViewProvider: NamedExoticComponent<ReactNodeViewProps<T>> = memo(
+      componentProps => {
+        return (
+          <ReactNodeViewContext.Provider value={context}>
+            {createElement(Component, componentProps)}
+          </ReactNodeViewContext.Provider>
+        )
+      },
+    )
+
+    ReactNodeViewProvider.displayName = 'ReactNodeView'
+
+    let as = this.node.isInline ? 'span' : 'div'
+
+    if (this.options.as) {
+      as = this.options.as
+    }
+
+    const { className = '' } = this.options
+
+    this.renderer = new ReactRenderer(ReactNodeViewProvider, {
+      editor: this.editor,
+      props: mountProps,
+      as,
+      className: `node-${this.node.type.name} ${className}`.trim(),
+    })
+
+    getReactNodeViewSelectionTracker(this.editor).register(this)
+    this.updateElementAttributes()
+    this.currentPos = this.getPos()
+  }
+
+  /**
+   * Return the DOM element.
+   * This is the element that will be used to display the node view.
+   */
+  get dom() {
+    if (
+      this.renderer.element.firstElementChild &&
+      !this.renderer.element.firstElementChild?.hasAttribute('data-node-view-wrapper')
+    ) {
+      throw Error('Please use the NodeViewWrapper component for your node view.')
+    }
+
+    return this.renderer.element
+  }
+
+  /**
+   * Return the content DOM element.
+   * This is the element that will be used to display the rich-text content of the node.
+   */
+  get contentDOM() {
+    if (this.node.isLeaf) {
+      return null
+    }
+
+    return this.contentDOMElement
+  }
+
+  /**
+   * On update, update the React component.
+   * To prevent unnecessary updates, the `update` option can be used.
+   */
+  update(
+    node: PMNode,
+    decorations: readonly Decoration[],
+    innerDecorations: DecorationSource,
+  ): boolean {
+    const rerenderComponent = (props?: Record<string, any>) => {
+      this.renderer.updateProps(props)
+      if (typeof this.options.attrs === 'function') {
+        this.updateElementAttributes()
+      }
+    }
+
+    if (node.type !== this.node.type) {
+      return false
+    }
+
+    if (typeof this.options.update === 'function') {
+      const oldNode = this.node
+      const oldDecorations = this.decorations
+      const oldInnerDecorations = this.innerDecorations
+
+      this.node = node
+      this.decorations = decorations
+      this.innerDecorations = innerDecorations
+      this.currentPos = this.getPos()
+
+      return this.options.update({
+        oldNode,
+        oldDecorations,
+        newNode: node,
+        newDecorations: decorations,
+        oldInnerDecorations,
+        innerDecorations,
+        updateProps: () =>
+          rerenderComponent({
+            node,
+            decorations,
+            innerDecorations,
+            extension: this.extensionWithSyncedStorage,
+          }),
+      })
+    }
+
+    const nodeChanged = node !== this.node
+
+    // Node reference unchanged — only decorations may have changed.
+    // ProseMirror renders decorations independently on the contentDOM,
+    // and the getPos closure (bound in mount()) calls through to
+    // ProseMirror's position function at call time, so it is always
+    // current. Update internal refs and skip the React re-render.
+    // Keep currentPos unchanged here so the editor update listener can
+    // still detect and publish a position shift for tracked node views.
+    if (!nodeChanged) {
+      this.node = node
+      this.decorations = decorations
+      this.innerDecorations = innerDecorations
+      return true
+    }
+
+    const newPos = this.getPos()
+
+    this.node = node
+    this.decorations = decorations
+    this.innerDecorations = innerDecorations
+    this.currentPos = newPos
+
+    const extraProps: Record<string, any> = {
+      node,
+      decorations,
+      innerDecorations,
+      extension: this.extensionWithSyncedStorage,
+    }
+
+    if (this.options.trackNodeViewPosition) {
+      extraProps.getPos = () => this.getPos()
+    }
+
+    rerenderComponent(extraProps)
+    return true
+  }
+
+  /**
+   * Select the node.
+   * Add the `selected` prop and the `ProseMirror-selectednode` class.
+   */
+  selectNode() {
+    this.nodeSelected = true
+    this.updateSelectedState(true)
+  }
+
+  /**
+   * Deselect the node.
+   * Remove the `selected` prop and the `ProseMirror-selectednode` class.
+   */
+  deselectNode() {
+    this.nodeSelected = false
+    this.updateSelectedState(
+      this.options.selectedOnTextSelection === true && this.isTextSelectionInside(),
+    )
+  }
+
+  setSelectionInside(selectionInside: boolean) {
+    const selected =
+      this.nodeSelected || (this.options.selectedOnTextSelection === true && selectionInside)
+
+    this.renderer.updateProps({ selectionInside, selected })
+    this.renderer.element.classList.toggle('ProseMirror-selectednode', selected)
+  }
+
+  private updateSelectedState(selected: boolean) {
+    this.renderer.updateProps({ selected })
+    this.renderer.element.classList.toggle('ProseMirror-selectednode', selected)
+  }
+
+  private isTextSelectionInside() {
+    const pos = this.getPos()
+
+    return (
+      typeof pos === 'number' &&
+      getTextSelectionAncestorPositions(this.editor.state.selection).includes(pos)
+    )
+  }
+
+  /**
+   * Destroy the React component instance.
+   */
+  destroy() {
+    this.renderer.destroy()
+    getReactNodeViewSelectionTracker(this.editor).unregister(this)
+
+    if (this.options.trackNodeViewPosition) {
+      this.editor.off('update', this.handlePositionUpdate)
+    }
+
+    this.contentDOMElement = null
+  }
+
+  /**
+   * Update the attributes of the top-level element that holds the React component.
+   * Applying the attributes defined in the `attrs` option.
+   */
+  updateElementAttributes() {
+    if (this.options.attrs) {
+      let attrsObj: Record<string, string> = {}
+
+      if (typeof this.options.attrs === 'function') {
+        const extensionAttributes = this.editor.extensionManager.attributes
+        const HTMLAttributes = getRenderedAttributes(this.node, extensionAttributes)
+
+        attrsObj = this.options.attrs({ node: this.node, HTMLAttributes })
+      } else {
+        attrsObj = this.options.attrs
+      }
+
+      this.renderer.updateAttributes(attrsObj)
+    }
+  }
+}
+
+/**
+ * Create a React node view renderer.
+ */
+export function ReactNodeViewRenderer<T = HTMLElement>(
+  component: ComponentType<ReactNodeViewProps<T>>,
+  options?: Partial<ReactNodeViewRendererOptions>,
+): NodeViewRenderer {
+  return props => {
+    // try to get the parent component
+    // this is important for vue devtools to show the component hierarchy correctly
+    // maybe it's `undefined` because <editor-content> isn't rendered yet
+    if (!(props.editor as EditorWithContentComponent).contentComponent) {
+      // Return a minimal valid NodeView with a placeholder DOM element
+      // to prevent ProseMirror from crashing when calling hasAttribute on undefined
+      const placeholder = document.createElement('span')
+      return {
+        dom: placeholder,
+        contentDOM: null,
+        update: () => false,
+        destroy: () => {},
+        selectNode: () => {},
+        deselectNode: () => {},
+        stopEvent: () => false,
+        ignoreMutation: () => true,
+      } as unknown as ProseMirrorNodeView
+    }
+
+    return new ReactNodeView<T>(component, props, options)
+  }
+}
diff --git a/packages/react/src/ReactNodeViewSelectionTracker.ts b/packages/react/src/ReactNodeViewSelectionTracker.ts
new file mode 100644
index 0000000..0dd470a
--- /dev/null
+++ b/packages/react/src/ReactNodeViewSelectionTracker.ts
@@ -0,0 +1,113 @@
+import type { Editor } from '@tiptap/core'
+
+import { getTextSelectionAncestorPositions } from './lib/utils/getTextSelectionAncestorPositions.js'
+
+/** A React node view that receives `selectionInside` updates. */
+interface TrackedNodeView {
+  dom: HTMLElement
+  setSelectionInside(selectionInside: boolean): void
+}
+
+class ReactNodeViewSelectionTracker {
+  private editor: Editor
+
+  private views = new WeakMap<Node, TrackedNodeView>()
+
+  private viewCount = 0
+
+  private insideViews = new Set<TrackedNodeView>()
+
+  private syncQueued = false
+
+  constructor(editor: Editor) {
+    this.editor = editor
+  }
+
+  register(view: TrackedNodeView) {
+    if (this.viewCount === 0) {
+      this.editor.on('transaction', this.handleTransaction)
+    }
+
+    this.views.set(view.dom, view)
+    this.viewCount += 1
+    this.scheduleSync()
+  }
+
+  unregister(view: TrackedNodeView) {
+    this.views.delete(view.dom)
+    this.viewCount -= 1
+    this.insideViews.delete(view)
+
+    if (this.viewCount === 0) {
+      this.editor.off('transaction', this.handleTransaction)
+    }
+  }
+
+  private scheduleSync = () => {
+    if (this.syncQueued) {
+      return
+    }
+
+    this.syncQueued = true
+
+    queueMicrotask(() => {
+      this.syncQueued = false
+      this.sync()
+    })
+  }
+
+  private handleTransaction = () => this.scheduleSync()
+
+  private sync() {
+    if (this.viewCount === 0 || this.editor.isDestroyed) {
+      return
+    }
+
+    const nextInsideViews = this.findInsideViews()
+
+    this.updateViews(this.insideViews, nextInsideViews, false)
+    this.updateViews(nextInsideViews, this.insideViews, true)
+
+    this.insideViews = nextInsideViews
+  }
+
+  private updateViews(
+    views: Set<TrackedNodeView>,
+    unchangedViews: Set<TrackedNodeView>,
+    selectionInside: boolean,
+  ) {
+    for (const view of views) {
+      if (!unchangedViews.has(view)) {
+        view.setSelectionInside(selectionInside)
+      }
+    }
+  }
+
+  private findInsideViews(): Set<TrackedNodeView> {
+    const insideViews = new Set<TrackedNodeView>()
+
+    for (const position of getTextSelectionAncestorPositions(this.editor.state.selection)) {
+      const dom = this.editor.view.nodeDOM(position)
+      const view = dom ? this.views.get(dom) : undefined
+
+      if (view) {
+        insideViews.add(view)
+      }
+    }
+
+    return insideViews
+  }
+}
+
+const trackers = new WeakMap<Editor, ReactNodeViewSelectionTracker>()
+
+export function getReactNodeViewSelectionTracker(editor: Editor): ReactNodeViewSelectionTracker {
+  let tracker = trackers.get(editor)
+
+  if (!tracker) {
+    tracker = new ReactNodeViewSelectionTracker(editor)
+    trackers.set(editor, tracker)
+  }
+
+  return tracker
+}
diff --git a/packages/react/src/ReactRenderer.tsx b/packages/react/src/ReactRenderer.tsx
new file mode 100644
index 0000000..d5edbbe
--- /dev/null
+++ b/packages/react/src/ReactRenderer.tsx
@@ -0,0 +1,304 @@
+import type { Editor } from '@tiptap/core'
+import type {
+  ComponentClass,
+  ForwardRefExoticComponent,
+  FunctionComponent,
+  PropsWithoutRef,
+  ReactNode,
+  RefAttributes,
+} from 'react'
+import { version as reactVersion } from 'react'
+import { flushSync } from 'react-dom'
+
+import type { EditorWithContentComponent } from './Editor.js'
+
+/**
+ * Check if a component is a class component.
+ * @param Component
+ * @returns {boolean}
+ */
+function isClassComponent(Component: any) {
+  return !!(
+    typeof Component === 'function' &&
+    Component.prototype &&
+    Component.prototype.isReactComponent
+  )
+}
+
+/**
+ * Check if a component is a forward ref component.
+ * @param Component
+ * @returns {boolean}
+ */
+function isForwardRefComponent(Component: any) {
+  return !!(
+    typeof Component === 'object' &&
+    Component.$$typeof &&
+    (Component.$$typeof.toString() === 'Symbol(react.forward_ref)' ||
+      Component.$$typeof.description === 'react.forward_ref')
+  )
+}
+
+/**
+ * Check if a component is a memoized component.
+ * @param Component
+ * @returns {boolean}
+ */
+function isMemoComponent(Component: any) {
+  return !!(
+    typeof Component === 'object' &&
+    Component.$$typeof &&
+    (Component.$$typeof.toString() === 'Symbol(react.memo)' ||
+      Component.$$typeof.description === 'react.memo')
+  )
+}
+
+/**
+ * Check if a component can safely receive a ref prop.
+ * This includes class components, forwardRef components, and memoized components
+ * that wrap forwardRef or class components.
+ * @param Component
+ * @returns {boolean}
+ */
+function canReceiveRef(Component: any) {
+  // Check if it's a class component
+  if (isClassComponent(Component)) {
+    return true
+  }
+
+  // Check if it's a forwardRef component
+  if (isForwardRefComponent(Component)) {
+    return true
+  }
+
+  // Check if it's a memoized component
+  if (isMemoComponent(Component)) {
+    // For memoized components, check the wrapped component
+    const wrappedComponent = Component.type
+    if (wrappedComponent) {
+      return isClassComponent(wrappedComponent) || isForwardRefComponent(wrappedComponent)
+    }
+  }
+
+  return false
+}
+
+/**
+ * Check if we're running React 19+ by detecting if function components support ref props
+ * @returns {boolean}
+ */
+function isReact19Plus(): boolean {
+  // React 19 is detected by checking React version if available
+  // In practice, we'll use a more conservative approach and assume React 18 behavior
+  // unless we can definitively detect React 19
+  try {
+    // @ts-ignore
+    if (reactVersion) {
+      const majorVersion = parseInt(reactVersion.split('.')[0], 10)
+      return majorVersion >= 19
+    }
+  } catch {
+    // Fallback to React 18 behavior if we can't determine version
+  }
+  return false
+}
+
+export interface ReactRendererOptions {
+  /**
+   * The editor instance.
+   * @type {Editor}
+   */
+  editor: Editor
+
+  /**
+   * The props for the component.
+   * @type {Record<string, any>}
+   * @default {}
+   */
+  props?: Record<string, any>
+
+  /**
+   * The tag name of the element.
+   * @type {string}
+   * @default 'div'
+   */
+  as?: string
+
+  /**
+   * The class name of the element.
+   * @type {string}
+   * @default ''
+   * @example 'foo bar'
+   */
+  className?: string
+}
+
+type ComponentType<R, P> =
+  | ComponentClass<P>
+  | FunctionComponent<P>
+  | ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<R>>
+
+/**
+ * The ReactRenderer class. It's responsible for rendering React components inside the editor.
+ * @example
+ * new ReactRenderer(MyComponent, {
+ *   editor,
+ *   props: {
+ *     foo: 'bar',
+ *   },
+ *   as: 'span',
+ * })
+ */
+export class ReactRenderer<R = unknown, P extends Record<string, any> = object> {
+  id: string
+
+  editor: EditorWithContentComponent
+
+  component: any
+
+  element: HTMLElement
+
+  props: P
+
+  reactElement: ReactNode
+
+  ref: R | null = null
+
+  /**
+   * Flag to track if the renderer has been destroyed, preventing queued or asynchronous renders from executing after teardown.
+   */
+  destroyed = false
+
+  /**
+   * Immediately creates element and renders the provided React component.
+   */
+  constructor(
+    component: ComponentType<R, P>,
+    { editor, props = {}, as = 'div', className = '' }: ReactRendererOptions,
+  ) {
+    this.id = Math.floor(Math.random() * 0xffffffff).toString()
+    this.component = component
+    this.editor = editor
+    this.props = props as P
+    this.element = document.createElement(as)
+    this.element.classList.add('react-renderer')
+
+    if (className) {
+      this.element.classList.add(...className.split(' '))
+    }
+
+    if (this.editor.isEditorContentInitialized) {
+      // If EditorContent is mounted, flush synchronously to maintain cursor positioning consistency.
+      // Subsequent renders can be async without affecting cursor behavior.
+      flushSync(() => {
+        this.render()
+      })
+    } else {
+      queueMicrotask(() => {
+        if (this.destroyed) {
+          return
+        }
+        this.render()
+      })
+    }
+  }
+
+  /**
+   * Render the React component.
+   */
+  render(): void {
+    if (this.destroyed) {
+      return
+    }
+
+    const Component = this.component
+    const props = this.props
+    const editor = this.editor as EditorWithContentComponent
+
+    // Handle ref forwarding with React 18/19 compatibility
+    const isReact19 = isReact19Plus()
+    const componentCanReceiveRef = canReceiveRef(Component)
+
+    const elementProps = { ...props }
+
+    // Always remove ref if the component cannot receive it (unless React 19+)
+    if (elementProps.ref && !(isReact19 || componentCanReceiveRef)) {
+      delete elementProps.ref
+    }
+
+    // Only assign our own ref if allowed
+    if (!elementProps.ref && (isReact19 || componentCanReceiveRef)) {
+      // @ts-ignore - Setting ref prop for compatible components
+      elementProps.ref = (ref: R) => {
+        this.ref = ref
+      }
+    }
+
+    this.reactElement = <Component {...elementProps} />
+
+    editor?.contentComponent?.setRenderer(this.id, this)
+  }
+
+  /**
+   * Re-renders the React component with new props.
+   * Skips the render if none of the supplied props actually changed,
+   * to avoid unnecessary portal re-creation.
+   */
+  updateProps(props: Record<string, any> = {}): void {
+    if (this.destroyed) {
+      return
+    }
+
+    // Shallow comparison — skip if every supplied key already holds the same value.
+    let changed = false
+    const keys = Object.keys(props)
+
+    for (let i = 0; i < keys.length; i += 1) {
+      const key = keys[i]
+      if (props[key] !== this.props[key]) {
+        changed = true
+        break
+      }
+    }
+
+    if (!changed) {
+      return
+    }
+
+    this.props = {
+      ...this.props,
+      ...props,
+    }
+
+    this.render()
+  }
+
+  /**
+   * Destroy the React component.
+   */
+  destroy(): void {
+    this.destroyed = true
+    const editor = this.editor as EditorWithContentComponent
+
+    editor?.contentComponent?.removeRenderer(this.id)
+    // If the consumer appended the element to the document (for example
+    // many demos append the renderer element to document.body), make sure
+    // we remove it here to avoid leaking DOM nodes / React roots.
+    try {
+      if (this.element && this.element.parentNode) {
+        this.element.parentNode.removeChild(this.element)
+      }
+    } catch {
+      // ignore DOM removal errors
+    }
+  }
+
+  /**
+   * Update the attributes of the element that holds the React component.
+   */
+  updateAttributes(attributes: Record<string, string>): void {
+    Object.keys(attributes).forEach(key => {
+      this.element.setAttribute(key, attributes[key])
+    })
+  }
+}
diff --git a/packages/react/src/ReactWidgetRenderer.test.ts b/packages/react/src/ReactWidgetRenderer.test.ts
new file mode 100644
index 0000000..1ebc37b
--- /dev/null
+++ b/packages/react/src/ReactWidgetRenderer.test.ts
@@ -0,0 +1,448 @@
+import { Editor, Extension } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import { render, waitFor } from '@testing-library/react'
+import React from 'react'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { EditorContent } from './EditorContent.js'
+import { ReactWidgetRenderer } from './ReactWidgetRenderer.js'
+
+import { UndoRedo } from '@tiptap/extensions'
+
+vi.mock('@tiptap/core/jsx-runtime', async () => import('react/jsx-runtime'))
+vi.mock('@tiptap/core/jsx-dev-runtime', async () => import('react/jsx-dev-runtime'))
+
+// The lifecycle tests below use this lightweight component with a mock content
+// component. Separate tests mount widgets through a real React root.
+const Widget = () => null
+
+let widgetRenderCount = 0
+const propLog: Array<{ editor: Editor; getPos: unknown }> = []
+
+const RenderCounter = () => {
+  widgetRenderCount += 1
+
+  return React.createElement('span', { className: 'render-counter' })
+}
+
+const PropSpy = ({ editor, getPos }: { editor: Editor; getPos: unknown }) => {
+  propLog.push({ editor, getPos })
+
+  return React.createElement('span', { className: 'prop-spy' })
+}
+
+const AttributeWidget = ({ index }: { index: number }) =>
+  React.createElement('span', { className: 'attribute-widget' }, index)
+
+function makeContentComponent() {
+  const live = new Set<string>()
+
+  return {
+    live,
+    setRenderer(id: string) {
+      live.add(id)
+    },
+    removeRenderer(id: string) {
+      live.delete(id)
+    },
+    subscribe: () => () => {},
+    getSnapshot: () => ({}),
+    getServerSnapshot: () => ({}),
+  }
+}
+
+/**
+ * A widget per paragraph, keyed by paragraph index.
+ *
+ * NOTE: Index-based keys churn when paragraphs are inserted/removed. This is
+ * intentional for testing re-keying behavior. In production, use stable domain
+ * keys (e.g. `paragraph-${node.attrs.id}`) so the widget DOM and component
+ * state are preserved across edits.
+ */
+function paragraphWidgets() {
+  return Extension.create({
+    name: 'paragraphWidgets',
+    addDecorations() {
+      return {
+        create: ({ editor, state }) => {
+          const decorations: any[] = []
+          let index = 0
+
+          state.doc.forEach((node, offset) => {
+            if (node.type.name !== 'paragraph') {
+              return
+            }
+            decorations.push(
+              ReactWidgetRenderer(Widget, {
+                editor,
+                pos: offset + node.nodeSize - 1,
+                key: `p-${index}`,
+                side: 1,
+              }),
+            )
+            index += 1
+          })
+
+          return decorations
+        },
+      }
+    },
+  })
+}
+
+function unchangedPropsWidget() {
+  return Extension.create({
+    name: 'unchangedPropsWidget',
+    addDecorations() {
+      return {
+        create: ({ editor, state }) => {
+          const first = state.doc.firstChild
+
+          if (!first) {
+            return []
+          }
+
+          return [
+            ReactWidgetRenderer(RenderCounter, {
+              editor,
+              pos: first.nodeSize - 1,
+              key: 'render-counter',
+              props: { label: 'constant' },
+            }),
+          ]
+        },
+      }
+    },
+  })
+}
+
+function propSpyWidget() {
+  return Extension.create({
+    name: 'propSpyWidget',
+    addDecorations() {
+      return {
+        create: ({ editor, state }) => {
+          const first = state.doc.firstChild
+
+          if (!first) {
+            return []
+          }
+
+          return [
+            ReactWidgetRenderer(PropSpy, {
+              editor,
+              pos: first.nodeSize - 1,
+              key: 'prop-spy',
+              props: { size: state.doc.content.size },
+            }),
+          ]
+        },
+      }
+    },
+  })
+}
+
+function copiedKeyWidgets() {
+  return Extension.create({
+    name: 'copiedKeyWidgets',
+    addGlobalAttributes: () => [{ types: ['paragraph'], attributes: { id: { default: null } } }],
+    addDecorations: () => ({
+      create: ({ editor, state }) => {
+        const decorations: any[] = []
+        let index = 0
+
+        state.doc.forEach((node, pos) => {
+          if (node.type.name === 'paragraph') {
+            decorations.push(
+              ReactWidgetRenderer(AttributeWidget, {
+                editor,
+                pos: pos + node.nodeSize - 1,
+                key: `paragraph-${node.attrs.id}`,
+                props: { index },
+              }),
+            )
+            index += 1
+          }
+        })
+
+        return decorations
+      },
+    }),
+    addProseMirrorPlugins: () => [
+      new Plugin({
+        key: new PluginKey('repairCopiedIds'),
+        appendTransaction: (transactions, _oldState, newState) => {
+          if (!transactions.some(transaction => transaction.docChanged)) {
+            return
+          }
+
+          const ids = new Set<string>()
+          const tr = newState.tr
+
+          newState.doc.forEach((node, pos) => {
+            const id = node.attrs.id
+
+            if (node.type.name === 'paragraph' && id && ids.has(id)) {
+              tr.setNodeAttribute(pos, 'id', `${id}-copy`)
+            }
+
+            ids.add(id)
+          })
+
+          return tr.steps.length ? tr : undefined
+        },
+      }),
+    ],
+  })
+}
+
+function createEditor(content: string) {
+  const contentComponent = makeContentComponent()
+  const editor = new Editor({
+    extensions: [Document, Paragraph, Text, paragraphWidgets()],
+    content,
+  })
+
+  ;(editor as any).contentComponent = contentComponent
+  ;(editor as any).isEditorContentInitialized = true
+
+  return { editor, contentComponent }
+}
+
+function createEditorWithUndo(content: string) {
+  const contentComponent = makeContentComponent()
+  const editor = new Editor({
+    extensions: [Document, Paragraph, Text, paragraphWidgets(), UndoRedo],
+    content,
+  })
+
+  ;(editor as any).contentComponent = contentComponent
+  ;(editor as any).isEditorContentInitialized = true
+
+  return { editor, contentComponent }
+}
+
+function createMountedEditor(content: string, extension: Extension) {
+  const editor = new Editor({
+    extensions: [Document, Paragraph, Text, extension],
+    content,
+  })
+  const mounted = render(React.createElement(EditorContent, { editor }))
+
+  return { editor, ...mounted }
+}
+
+async function flush() {
+  await Promise.resolve()
+  await new Promise(resolve => setTimeout(resolve, 0))
+}
+
+describe('ReactWidgetRenderer', () => {
+  let active: Editor | null = null
+  let unmount: (() => void) | null = null
+
+  afterEach(() => {
+    unmount?.()
+    unmount = null
+    active?.destroy()
+    active = null
+    widgetRenderCount = 0
+    propLog.length = 0
+  })
+
+  it('registers a portal for every widget', async () => {
+    const { editor, contentComponent } = createEditor('<p>a</p><p>b</p>')
+
+    active = editor
+    await flush()
+
+    expect(contentComponent.live.size).toBe(2)
+  })
+
+  it('passes ProseMirror widget options through', () => {
+    const stopEvent = vi.fn(() => true)
+    const destroy = vi.fn()
+    const extension = Extension.create({
+      name: 'widgetOptions',
+      addDecorations: () => ({
+        create: ({ editor }) => [
+          ReactWidgetRenderer(Widget, {
+            editor,
+            pos: 1,
+            key: 'options',
+            side: -1,
+            relaxedSide: true,
+            ignoreSelection: true,
+            stopEvent,
+            destroy,
+          }),
+        ],
+      }),
+    })
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, extension],
+      content: '<p>a</p>',
+    })
+    const decorationState = editor.state.plugins
+      .find(plugin => plugin.props.decorations)
+      ?.getState(editor.state) as
+      | { mergedDecorationSet?: { find: () => Array<{ spec: Record<string, unknown> }> } }
+      | undefined
+    const widget = decorationState?.mergedDecorationSet?.find()[0]
+
+    expect(widget?.spec).toMatchObject({
+      side: -1,
+      relaxedSide: true,
+      ignoreSelection: true,
+      stopEvent,
+      destroy: expect.any(Function),
+    })
+
+    editor.destroy()
+    expect(destroy).not.toHaveBeenCalled()
+  })
+
+  it('does not render a mounted widget again when props are unchanged', async () => {
+    const mounted = createMountedEditor('<p>a</p>', unchangedPropsWidget())
+
+    active = mounted.editor
+    unmount = mounted.unmount
+    await waitFor(() => expect(widgetRenderCount).toBeGreaterThan(0))
+    const rendersAfterMount = widgetRenderCount
+
+    mounted.editor.commands.insertContentAt(2, 'X')
+    await flush()
+
+    expect(widgetRenderCount).toBe(rendersAfterMount)
+  })
+
+  it('keeps editor and getPos when mounted widget props change', async () => {
+    const mounted = createMountedEditor('<p>a</p>', propSpyWidget())
+
+    active = mounted.editor
+    unmount = mounted.unmount
+    await waitFor(() => expect(propLog.length).toBeGreaterThan(0))
+
+    mounted.editor.commands.insertContentAt(2, 'X')
+    await flush()
+    mounted.editor.commands.insertContentAt(2, 'Y')
+    await flush()
+
+    expect(propLog.length).toBeGreaterThan(1)
+    expect(propLog.every(entry => entry.editor === mounted.editor)).toBe(true)
+    expect(propLog.every(entry => typeof entry.getPos === 'function')).toBe(true)
+  })
+
+  it('keeps every widget registered when keys are reassigned by a split', async () => {
+    const { editor, contentComponent } = createEditor('<p>a</p><p>b</p>')
+
+    active = editor
+    await flush()
+    expect(contentComponent.live.size).toBe(2)
+
+    // Splitting inserts a paragraph; index-based keys churn (the old second
+    // paragraph's key shifts), which previously clobbered a reused renderer.
+    editor.chain().setTextSelection(2).splitBlock().run()
+    await flush()
+
+    expect(editor.state.doc.childCount).toBe(3)
+    expect(contentComponent.live.size).toBe(3)
+  })
+
+  it('keeps props from the final state when an appended transaction repairs a copied key', async () => {
+    const editor = new Editor({
+      extensions: [Document, Paragraph, Text, copiedKeyWidgets()],
+      content: {
+        type: 'doc',
+        content: [
+          { type: 'paragraph', attrs: { id: 'first' }, content: [{ type: 'text', text: 'a' }] },
+          { type: 'paragraph', attrs: { id: 'second' }, content: [{ type: 'text', text: 'b' }] },
+        ],
+      },
+    })
+    const mounted = render(React.createElement(EditorContent, { editor }))
+
+    active = editor
+    unmount = mounted.unmount
+    editor.chain().setTextSelection(2).splitBlock().run()
+    await flush()
+
+    expect(Array.from(mounted.container.querySelectorAll('.attribute-widget'))).toHaveLength(3)
+    expect(
+      Array.from(mounted.container.querySelectorAll('.attribute-widget')).map(widget =>
+        widget.textContent?.trim(),
+      ),
+    ).toEqual(['0', '1', '2'])
+  })
+
+  it('tears down the renderer when a widget is genuinely removed', async () => {
+    const { editor, contentComponent } = createEditor('<p>aaa</p><p>bbb</p>')
+
+    active = editor
+    await flush()
+    expect(contentComponent.live.size).toBe(2)
+
+    // Join the two paragraphs into one — the second widget should be removed.
+    editor.chain().setTextSelection(6).joinBackward().run()
+    await flush()
+
+    expect(editor.state.doc.childCount).toBe(1)
+    expect(contentComponent.live.size).toBe(1)
+  })
+
+  it('tears down stale widgets when setContent replaces the whole document', async () => {
+    const { editor, contentComponent } = createEditor('<p>a</p><p>b</p><p>c</p>')
+
+    active = editor
+    await flush()
+    expect(contentComponent.live.size).toBe(3)
+
+    editor.commands.setContent('<p>only</p>')
+    await flush()
+
+    expect(editor.state.doc.childCount).toBe(1)
+    expect(contentComponent.live.size).toBe(1)
+  })
+
+  it('destroys all active widget renderers when the editor is destroyed', async () => {
+    const { editor, contentComponent } = createEditor('<p>a</p><p>b</p>')
+
+    // Don't assign to `active` — we destroy manually before afterEach.
+    const activeRef = editor
+    await flush()
+    expect(contentComponent.live.size).toBe(2)
+
+    activeRef.destroy()
+    await flush()
+
+    expect(contentComponent.live.size).toBe(0)
+  })
+
+  it('does not leak renderers after undo of a paragraph split', async () => {
+    const { editor, contentComponent } = createEditorWithUndo('<p>a</p><p>b</p>')
+
+    active = editor
+    await flush()
+    expect(contentComponent.live.size).toBe(2)
+
+    // Split first paragraph — 3 widgets.
+    editor.chain().setTextSelection(2).splitBlock().run()
+    await flush()
+    expect(editor.state.doc.childCount).toBe(3)
+    expect(contentComponent.live.size).toBe(3)
+
+    // Undo removes the split-created paragraph, which destroys its widget.
+    // The 1 removal is correct cleanup — not a leak.
+    editor.commands.undo()
+    await flush()
+    expect(editor.state.doc.childCount).toBe(2)
+    expect(contentComponent.live.size).toBe(2)
+  })
+
+  // Duplicate widget keys intentionally not tested here — ProseMirror's view
+  // crashes when it encounters same-key widgets, and the type-level contract
+  // ("keys must be unique") is documented on WidgetDecoration.key.
+})
diff --git a/packages/react/src/ReactWidgetRenderer.tsx b/packages/react/src/ReactWidgetRenderer.tsx
new file mode 100644
index 0000000..c84feaf
--- /dev/null
+++ b/packages/react/src/ReactWidgetRenderer.tsx
@@ -0,0 +1,97 @@
+import { createWidgetDecoration } from '@tiptap/core'
+import type { Editor, WidgetDecoration, WidgetDecorationOptions } from '@tiptap/core'
+import type { ComponentType } from 'react'
+
+import { ReactRenderer } from './ReactRenderer.js'
+
+/**
+ * Props every widget-decoration component receives in addition to the props you
+ * pass through `ReactWidgetRenderer`.
+ */
+export interface ReactWidgetDecorationProps {
+  editor: Editor
+  getPos: () => number | undefined
+}
+
+export interface ReactWidgetRendererOptions<
+  P extends Record<string, any> = object,
+> extends WidgetDecorationOptions {
+  /**
+   * The editor instance.
+   */
+  editor: Editor
+  /**
+   * The document position the widget is rendered at.
+   */
+  pos: number
+  /**
+   * A stable, position-independent identifier for the widget.
+   * Reusing the same key keeps the component mounted across re-renders.
+   * Good: `comment-${id}`. Bad: paragraph index or document position.
+   */
+  key: string
+  /**
+   * Props passed to the component (merged with {@link ReactWidgetDecorationProps}).
+   */
+  props?: P
+  /**
+   * The tag name of the wrapper element. Defaults to `'span'` (widgets are
+   * usually inline). Applied only when the renderer is first created; later
+   * renders with the same `key` keep the original tag.
+   */
+  as?: string
+  /**
+   * Applied only when the renderer is first created; later renders with the
+   * same `key` keep the original class.
+   */
+  className?: string
+}
+
+const WIDGET_CACHE = Symbol('tiptapReactWidgetCache')
+
+/**
+ * Renders a React component into a ProseMirror widget decoration.
+ * Reuses Tiptap's `ReactRenderer` so the component lives in the editor's
+ * React tree (context and hooks work as usual). Use a stable `key` for
+ * stateful widgets.
+ * @example
+ * addDecorations() {
+ *   return {
+ *     create: ({ editor, state }) =>
+ *       findMatches(state.doc).map(match =>
+ *         ReactWidgetRenderer(MyWidget, {
+ *           editor, pos: match.pos, key: `match-${match.id}`,
+ *           props: { label: match.label },
+ *         }),
+ *       ),
+ *   }
+ * }
+ */
+export function ReactWidgetRenderer<P extends Record<string, any> = object>(
+  component: ComponentType<P & ReactWidgetDecorationProps>,
+  options: ReactWidgetRendererOptions<P>,
+): WidgetDecoration {
+  const { editor, props = {} as P, as = 'span', className } = options
+
+  return createWidgetDecoration<ReactRenderer>({
+    // Forwards editor, pos, key and the ProseMirror widget options unchanged.
+    ...options,
+    props,
+    cacheKey: WIDGET_CACHE,
+    context: getPos => ({ editor, getPos }),
+    create: renderProps =>
+      new ReactRenderer(component, {
+        editor,
+        as,
+        className,
+        props: renderProps,
+      }),
+    materialize: renderer => {
+      // Re-register the portal on every materialization so the editor's
+      // content component is available even on late first renders.
+      renderer.render()
+
+      return renderer.element
+    },
+  })
+}
diff --git a/packages/react/src/Tiptap.tsx b/packages/react/src/Tiptap.tsx
new file mode 100644
index 0000000..362a122
--- /dev/null
+++ b/packages/react/src/Tiptap.tsx
@@ -0,0 +1,232 @@
+import type { Editor } from '@tiptap/core'
+import type { ReactNode } from 'react'
+import { createContext, useContext, useMemo } from 'react'
+
+import { EditorContext } from './Context.js'
+import type { EditorContentProps, EditorStateSnapshot } from './index.js'
+import { EditorContent, useEditorState } from './index.js'
+
+/**
+ * The shape of the React context used by the `<Tiptap />` components.
+ *
+ * The editor instance is always available when using the default `useEditor`
+ * configuration. For SSR scenarios where `immediatelyRender: false` is used,
+ * consider using the legacy `EditorProvider` pattern instead.
+ */
+export type TiptapContextType = {
+  /** The Tiptap editor instance. */
+  editor: Editor
+}
+
+/**
+ * React context that stores the current editor instance.
+ *
+ * Use `useTiptap()` to read from this context in child components.
+ */
+export const TiptapContext = createContext<TiptapContextType>({
+  get editor(): Editor {
+    throw new Error('useTiptap must be used within a <Tiptap> provider')
+  },
+})
+
+TiptapContext.displayName = 'TiptapContext'
+
+/**
+ * Hook to read the Tiptap context and access the editor instance.
+ *
+ * This is a small convenience wrapper around `useContext(TiptapContext)`.
+ * The editor is always available when used within a `<Tiptap>` provider.
+ *
+ * @returns The current `TiptapContextType` value from the provider.
+ *
+ * @example
+ * ```tsx
+ * import { useTiptap } from '@tiptap/react'
+ *
+ * function Toolbar() {
+ *   const { editor } = useTiptap()
+ *
+ *   return (
+ *     <button onClick={() => editor.chain().focus().toggleBold().run()}>
+ *       Bold
+ *     </button>
+ *   )
+ * }
+ * ```
+ */
+export const useTiptap = () => useContext(TiptapContext)
+
+/**
+ * Select a slice of the editor state using the context-provided editor.
+ *
+ * This is a thin wrapper around `useEditorState` that reads the `editor`
+ * instance from `useTiptap()` so callers don't have to pass it manually.
+ *
+ * @typeParam TSelectorResult - The type returned by the selector.
+ * @param selector - Function that receives the editor state snapshot and
+ *                   returns the piece of state you want to subscribe to.
+ * @param equalityFn - Optional function to compare previous/next selected
+ *                     values and avoid unnecessary updates.
+ * @returns The selected slice of the editor state.
+ *
+ * @example
+ * ```tsx
+ * function WordCount() {
+ *   const wordCount = useTiptapState(state => {
+ *     const text = state.editor.state.doc.textContent
+ *     return text.split(/\s+/).filter(Boolean).length
+ *   })
+ *
+ *   return <span>{wordCount} words</span>
+ * }
+ * ```
+ */
+export function useTiptapState<TSelectorResult>(
+  selector: (context: EditorStateSnapshot<Editor>) => TSelectorResult,
+  equalityFn?: (a: TSelectorResult, b: TSelectorResult | null) => boolean,
+) {
+  const { editor } = useTiptap()
+
+  return useEditorState({
+    editor,
+    selector,
+    equalityFn,
+  })
+}
+
+export type TiptapWrapperEditorInstanceProps =
+  | {
+      /**
+       * The editor instance to provide to child components.
+       * Use `useEditor()` to create this instance.
+       */
+      editor: Editor
+    }
+  | {
+      /**
+       * @deprecated Use `editor` instead. Will be removed in the next major version.
+       */
+      instance: Editor
+    }
+
+/**
+ * Props for the `Tiptap` root/provider component.
+ */
+export type TiptapWrapperProps = TiptapWrapperEditorInstanceProps & {
+  children: ReactNode
+}
+
+/**
+ * Top-level provider component that makes the editor instance available via
+ * React context to all child components.
+ *
+ * This component also provides backwards compatibility with the legacy
+ * `EditorContext`, so components using `useCurrentEditor()` will work
+ * inside a `<Tiptap>` provider.
+ *
+ * @param props - Component props.
+ * @returns A context provider element wrapping `children`.
+ *
+ * @example
+ * ```tsx
+ * import { Tiptap, useEditor } from '@tiptap/react'
+ *
+ * function App() {
+ *   const editor = useEditor({ extensions: [...] })
+ *
+ *   return (
+ *     <Tiptap editor={editor}>
+ *       <Toolbar />
+ *       <Tiptap.Content />
+ *     </Tiptap>
+ *   )
+ * }
+ * ```
+ */
+export function TiptapWrapper({ children, ...props }: TiptapWrapperProps) {
+  const resolvedEditor = 'editor' in props ? props.editor : props.instance
+
+  if (!resolvedEditor) {
+    throw new Error('Tiptap: An editor instance is required. Pass a non-null `editor` prop.')
+  }
+
+  const tiptapContextValue = useMemo<TiptapContextType>(
+    () => ({ editor: resolvedEditor }),
+    [resolvedEditor],
+  )
+
+  // Provide backwards compatibility with the legacy EditorContext
+  // so components using useCurrentEditor() work inside <Tiptap>
+  const legacyContextValue = useMemo(() => ({ editor: resolvedEditor }), [resolvedEditor])
+
+  return (
+    <EditorContext.Provider value={legacyContextValue}>
+      <TiptapContext.Provider value={tiptapContextValue}>{children}</TiptapContext.Provider>
+    </EditorContext.Provider>
+  )
+}
+
+TiptapWrapper.displayName = 'Tiptap'
+
+/**
+ * Convenience component that renders `EditorContent` using the context-provided
+ * editor instance. Use this instead of manually passing the `editor` prop.
+ *
+ * @param props - All `EditorContent` props except `editor` and `ref`.
+ * @returns An `EditorContent` element bound to the context editor.
+ *
+ * @example
+ * ```tsx
+ * // inside a Tiptap provider
+ * <Tiptap.Content className="editor" />
+ * ```
+ */
+export function TiptapContent({ ...rest }: Omit<EditorContentProps, 'editor' | 'ref'>) {
+  const { editor } = useTiptap()
+
+  return <EditorContent editor={editor} {...rest} />
+}
+
+TiptapContent.displayName = 'Tiptap.Content'
+
+/**
+ * Root `Tiptap` component. Use it as the provider for all child components.
+ *
+ * The exported object includes the `Content` subcomponent for rendering the
+ * editor content area.
+ *
+ * This component provides both the new `TiptapContext` (accessed via `useTiptap()`)
+ * and the legacy `EditorContext` (accessed via `useCurrentEditor()`) for
+ * backwards compatibility.
+ *
+ * For bubble menus and floating menus, import them separately from
+ * `@tiptap/react/menus` to keep floating-ui as an optional dependency.
+ *
+ * @example
+ * ```tsx
+ * import { Tiptap, useEditor } from '@tiptap/react'
+ * import { BubbleMenu } from '@tiptap/react/menus'
+ *
+ * function App() {
+ *   const editor = useEditor({ extensions: [...] })
+ *
+ *   return (
+ *     <Tiptap editor={editor}>
+ *       <Tiptap.Content />
+ *       <BubbleMenu>
+ *         <button onClick={() => editor.chain().focus().toggleBold().run()}>Bold</button>
+ *       </BubbleMenu>
+ *     </Tiptap>
+ *   )
+ * }
+ * ```
+ */
+export const Tiptap = Object.assign(TiptapWrapper, {
+  /**
+   * The Tiptap Content component that renders the EditorContent with the editor instance from the context.
+   * @see TiptapContent
+   */
+  Content: TiptapContent,
+})
+
+export default Tiptap
diff --git a/packages/react/src/captureDOMSelection.test.ts b/packages/react/src/captureDOMSelection.test.ts
new file mode 100644
index 0000000..27c8c2b
--- /dev/null
+++ b/packages/react/src/captureDOMSelection.test.ts
@@ -0,0 +1,76 @@
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { captureDOMSelection } from './captureDOMSelection.js'
+
+const createContent = () => {
+  const oldParent = document.createElement('div')
+  const newParent = document.createElement('div')
+  const content = document.createElement('div')
+  const text = document.createTextNode('Alpha')
+
+  content.appendChild(text)
+  oldParent.appendChild(content)
+  document.body.append(oldParent, newParent)
+
+  return { content, newParent, text }
+}
+
+const selectInside = (node: Node, offset: number) => {
+  const selection = document.getSelection()!
+
+  selection.removeAllRanges()
+
+  const range = document.createRange()
+
+  range.setStart(node, offset)
+  range.collapse(true)
+  selection.addRange(range)
+}
+
+afterEach(() => {
+  document.getSelection()?.removeAllRanges()
+  document.body.innerHTML = ''
+})
+
+describe('captureDOMSelection', () => {
+  it('restores a selection that lives inside the element', () => {
+    const { content, newParent, text } = createContent()
+
+    selectInside(text, 3)
+
+    const restore = captureDOMSelection(content)
+
+    newParent.appendChild(content)
+
+    // jsdom keeps the selection on a move, browsers drop it. Fake that here.
+    document.getSelection()?.removeAllRanges()
+
+    restore?.()
+
+    const selection = document.getSelection()!
+
+    expect(restore).toBeTypeOf('function')
+    expect(selection.anchorNode).toBe(text)
+    expect(selection.anchorOffset).toBe(3)
+  })
+
+  it('returns null when there is no selection', () => {
+    const { content } = createContent()
+
+    document.getSelection()?.removeAllRanges()
+
+    expect(captureDOMSelection(content)).toBeNull()
+  })
+
+  it('returns null when the selection is outside of the element', () => {
+    const { content } = createContent()
+    const outside = document.createElement('div')
+
+    outside.appendChild(document.createTextNode('Beta'))
+    document.body.appendChild(outside)
+
+    selectInside(outside.firstChild!, 2)
+
+    expect(captureDOMSelection(content)).toBeNull()
+  })
+})
diff --git a/packages/react/src/captureDOMSelection.ts b/packages/react/src/captureDOMSelection.ts
new file mode 100644
index 0000000..c74ec5c
--- /dev/null
+++ b/packages/react/src/captureDOMSelection.ts
@@ -0,0 +1,35 @@
+type SelectionRoot = Node & { getSelection?: () => Selection | null }
+
+/**
+ * Saves the DOM selection inside `element`, returns a function to put it back.
+ * Browsers drop the selection when an element moves, so restore it after the move.
+ */
+export function captureDOMSelection(element: HTMLElement): (() => void) | null {
+  const root = element.getRootNode() as SelectionRoot
+  const selection =
+    typeof root.getSelection === 'function'
+      ? root.getSelection()
+      : element.ownerDocument?.defaultView?.getSelection()
+
+  if (!selection || selection.rangeCount === 0) {
+    return null
+  }
+
+  const { anchorNode, anchorOffset, focusNode, focusOffset } = selection
+
+  if (!anchorNode || !focusNode) {
+    return null
+  }
+
+  if (!element.contains(anchorNode) || !element.contains(focusNode)) {
+    return null
+  }
+
+  return () => {
+    try {
+      selection.setBaseAndExtent(anchorNode, anchorOffset, focusNode, focusOffset)
+    } catch {
+      // The saved nodes can be gone by now.
+    }
+  }
+}
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
new file mode 100644
index 0000000..71a0261
--- /dev/null
+++ b/packages/react/src/index.ts
@@ -0,0 +1,16 @@
+'use client'
+
+export * from './Context.js'
+export * from './EditorContent.js'
+export * from './NodeViewContent.js'
+export * from './NodeViewWrapper.js'
+export * from './ReactMarkViewRenderer.js'
+export * from './ReactNodeViewRenderer.js'
+export * from './ReactRenderer.js'
+export * from './ReactWidgetRenderer.js'
+export * from './Tiptap.js'
+export * from './types.js'
+export * from './useEditor.js'
+export * from './useEditorState.js'
+export * from './useReactNodeView.js'
+export * from '@tiptap/core'
diff --git a/packages/react/src/lib/utils/getTextSelectionAncestorPositions.ts b/packages/react/src/lib/utils/getTextSelectionAncestorPositions.ts
new file mode 100644
index 0000000..2ab917c
--- /dev/null
+++ b/packages/react/src/lib/utils/getTextSelectionAncestorPositions.ts
@@ -0,0 +1,27 @@
+import { isTextSelection } from '@tiptap/core'
+import type { ResolvedPos } from '@tiptap/pm/model'
+import type { Selection } from '@tiptap/pm/state'
+
+function isSameAncestor($from: ResolvedPos, $to: ResolvedPos, depth: number): boolean {
+  return $from.node(depth) === $to.node(depth) && $from.before(depth) === $to.before(depth)
+}
+
+export function getTextSelectionAncestorPositions(selection: Selection): number[] {
+  if (!isTextSelection(selection)) {
+    return []
+  }
+
+  const { $from, $to } = selection
+  const positions: number[] = []
+  const maxDepth = Math.min($from.depth, $to.depth)
+
+  for (let depth = 1; depth <= maxDepth; depth += 1) {
+    if (!isSameAncestor($from, $to, depth)) {
+      break
+    }
+
+    positions.push($from.before(depth))
+  }
+
+  return positions
+}
diff --git a/packages/react/src/menus/BubbleMenu.test.ts b/packages/react/src/menus/BubbleMenu.test.ts
new file mode 100644
index 0000000..49f1300
--- /dev/null
+++ b/packages/react/src/menus/BubbleMenu.test.ts
@@ -0,0 +1,178 @@
+import { render } from '@testing-library/react'
+import React, { createRef } from 'react'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { BubbleMenu } from './BubbleMenu.js'
+
+const { bubbleMenuPluginMock } = vi.hoisted(() => ({
+  bubbleMenuPluginMock: vi.fn(() => ({ key: 'bubble-menu-plugin' })),
+}))
+
+vi.mock('@tiptap/extension-bubble-menu', () => ({
+  BubbleMenuPlugin: bubbleMenuPluginMock,
+}))
+
+function createEditor() {
+  const tr = {
+    setMeta: vi.fn(() => tr),
+  }
+
+  return {
+    isDestroyed: false,
+    registerPlugin: vi.fn(),
+    unregisterPlugin: vi.fn(),
+    view: {
+      dispatch: vi.fn(),
+    },
+    state: {
+      tr,
+    },
+  }
+}
+
+describe('BubbleMenu', () => {
+  beforeEach(() => {
+    bubbleMenuPluginMock.mockClear()
+  })
+
+  afterEach(() => {
+    document.body.innerHTML = ''
+  })
+
+  it('applies html props to the actual menu element', () => {
+    const editor = createEditor()
+    const ref = createRef<HTMLDivElement>()
+    const handleClick = vi.fn()
+    let lastEvent: any
+    const handleClickCapture = vi.fn()
+    const handleDoubleClick = vi.fn()
+    const initialProps = {
+      editor: editor as never,
+      className: 'bubble-menu',
+      'data-testid': 'menu-element',
+      'aria-label': 'Bubble menu',
+      style: { zIndex: 9999, marginTop: 8, position: 'relative' },
+      onClick: (event: unknown) => {
+        lastEvent = event
+        handleClick()
+      },
+      onClickCapture: handleClickCapture,
+      onDoubleClick: handleDoubleClick,
+      dangerouslySetInnerHTML: { __html: 'ignored' },
+      pluginKey: 'bubbleMenu',
+      tabIndex: 3,
+      ref,
+      children: React.createElement('button', { type: 'button' }, 'Menu action'),
+    } as any
+    const updatedProps = {
+      editor: editor as never,
+      className: 'bubble-menu-updated',
+      style: { zIndex: 1000, marginTop: 16, position: 'static' },
+      onClick: undefined,
+      onClickCapture: undefined,
+      onDoubleClick: undefined,
+      pluginKey: 'bubbleMenu',
+      tabIndex: undefined,
+      ref,
+      children: React.createElement('button', { type: 'button' }, 'Updated action'),
+    } as any
+
+    const { rerender, unmount } = render(React.createElement(BubbleMenu, initialProps))
+
+    expect(editor.registerPlugin).toHaveBeenCalledTimes(1)
+    expect(bubbleMenuPluginMock).toHaveBeenCalledTimes(1)
+
+    const [{ element }] = bubbleMenuPluginMock.mock.calls[0] as unknown as [
+      { element: HTMLDivElement },
+    ]
+
+    expect(element).toBeInstanceOf(HTMLDivElement)
+    expect(element).toBe(ref.current)
+    expect(element.className).toBe('bubble-menu')
+    expect(element.getAttribute('data-testid')).toBe('menu-element')
+    expect(element.getAttribute('aria-label')).toBe('Bubble menu')
+    expect(element.tabIndex).toBe(3)
+    expect(element.style.zIndex).toBe('9999')
+    expect(element.style.marginTop).toBe('8px')
+    expect(element.style.position).toBe('absolute')
+    expect(element.getAttribute('dangerouslySetInnerHTML')).toBeNull()
+
+    element.dispatchEvent(new MouseEvent('click', { bubbles: true }))
+    element.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }))
+    element.querySelector('button')?.dispatchEvent(new MouseEvent('click', { bubbles: true }))
+
+    expect(handleClick).toHaveBeenCalledTimes(2)
+    expect(handleDoubleClick).toHaveBeenCalledTimes(1)
+    expect(handleClickCapture).toHaveBeenCalledTimes(2)
+    expect(lastEvent.nativeEvent).toBeInstanceOf(MouseEvent)
+    expect(lastEvent.currentTarget).toBe(element)
+    expect(lastEvent.target).toBeInstanceOf(Element)
+    expect(typeof lastEvent.persist).toBe('function')
+    expect(element.textContent).toContain('Menu action')
+
+    rerender(React.createElement(BubbleMenu, updatedProps))
+
+    expect(element.className).toBe('bubble-menu-updated')
+    expect(element.getAttribute('data-testid')).toBeNull()
+    expect(element.getAttribute('aria-label')).toBeNull()
+    expect(element.tabIndex).toBe(-1)
+    expect(element.style.zIndex).toBe('1000')
+    expect(element.style.marginTop).toBe('16px')
+    expect(element.style.position).toBe('absolute')
+
+    element.dispatchEvent(new MouseEvent('click', { bubbles: true }))
+    element.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }))
+    element.querySelector('button')?.dispatchEvent(new MouseEvent('click', { bubbles: true }))
+
+    expect(handleClick).toHaveBeenCalledTimes(2)
+    expect(handleDoubleClick).toHaveBeenCalledTimes(1)
+    expect(handleClickCapture).toHaveBeenCalledTimes(2)
+    expect(element.textContent).toContain('Updated action')
+
+    unmount()
+
+    expect(editor.unregisterPlugin).toHaveBeenCalledWith('bubbleMenu')
+  })
+
+  it('creates unique plugin keys when none are provided', () => {
+    const editor = createEditor()
+    const shouldShowA = vi.fn(() => true)
+    const shouldShowB = vi.fn(() => false)
+
+    const { unmount } = render(
+      React.createElement(
+        React.Fragment,
+        null,
+        React.createElement(BubbleMenu, {
+          editor: editor as never,
+          shouldShow: shouldShowA,
+          children: React.createElement('button', { type: 'button' }, 'First'),
+        } as any),
+        React.createElement(BubbleMenu, {
+          editor: editor as never,
+          shouldShow: shouldShowB,
+          children: React.createElement('button', { type: 'button' }, 'Second'),
+        } as any),
+      ),
+    )
+
+    expect(bubbleMenuPluginMock).toHaveBeenCalledTimes(2)
+
+    const pluginCalls = bubbleMenuPluginMock.mock.calls as unknown as Array<
+      [{ pluginKey: unknown }]
+    >
+    const firstPluginKey = pluginCalls[0][0].pluginKey
+    const secondPluginKey = pluginCalls[1][0].pluginKey
+
+    expect(firstPluginKey).toBeDefined()
+    expect(secondPluginKey).toBeDefined()
+    expect(firstPluginKey).not.toBe(secondPluginKey)
+
+    unmount()
+
+    const unregisterCalls = editor.unregisterPlugin.mock.calls as unknown as Array<[unknown]>
+
+    expect(unregisterCalls.some(([key]) => key === firstPluginKey)).toBe(true)
+    expect(unregisterCalls.some(([key]) => key === secondPluginKey)).toBe(true)
+  })
+})
diff --git a/packages/react/src/menus/BubbleMenu.tsx b/packages/react/src/menus/BubbleMenu.tsx
new file mode 100644
index 0000000..4b61930
--- /dev/null
+++ b/packages/react/src/menus/BubbleMenu.tsx
@@ -0,0 +1,160 @@
+import { type BubbleMenuPluginProps, BubbleMenuPlugin } from '@tiptap/extension-bubble-menu'
+import type { PluginKey } from '@tiptap/pm/state'
+import { useCurrentEditor } from '@tiptap/react'
+import React, { useEffect, useRef, useState } from 'react'
+import { createPortal } from 'react-dom'
+
+import { getAutoPluginKey } from './getAutoPluginKey.js'
+import { useMenuElementProps } from './useMenuElementProps.js'
+
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>
+
+export type BubbleMenuProps = Optional<
+  Omit<Optional<BubbleMenuPluginProps, 'pluginKey'>, 'element'>,
+  'editor'
+> &
+  React.HTMLAttributes<HTMLDivElement>
+
+export const BubbleMenu = React.forwardRef<HTMLDivElement, BubbleMenuProps>(
+  (
+    {
+      pluginKey,
+      editor,
+      updateDelay,
+      resizeDelay,
+      appendTo,
+      shouldShow = null,
+      getReferencedVirtualElement,
+      options,
+      children,
+      ...restProps
+    },
+    ref,
+  ) => {
+    const menuEl = useRef(document.createElement('div'))
+    const resolvedPluginKey = useRef<PluginKey | string>(
+      getAutoPluginKey(pluginKey, 'bubbleMenu'),
+    ).current
+
+    useMenuElementProps(menuEl.current, restProps)
+
+    if (typeof ref === 'function') {
+      ref(menuEl.current)
+    } else if (ref) {
+      ref.current = menuEl.current
+    }
+
+    const { editor: currentEditor } = useCurrentEditor()
+
+    /**
+     * The editor instance where the bubble menu plugin will be registered.
+     */
+    const pluginEditor = editor || currentEditor
+
+    // Creating a useMemo would be more computationally expensive than just
+    // re-creating this object on every render.
+    const bubbleMenuPluginProps: Omit<BubbleMenuPluginProps, 'editor' | 'element'> = {
+      updateDelay,
+      resizeDelay,
+      appendTo,
+      pluginKey: resolvedPluginKey,
+      shouldShow,
+      getReferencedVirtualElement,
+      options,
+    }
+    /**
+     * The props for the bubble menu plugin. They are accessed inside a ref to
+     * avoid running the useEffect hook and re-registering the plugin when the
+     * props change.
+     */
+    const bubbleMenuPluginPropsRef = useRef(bubbleMenuPluginProps)
+    bubbleMenuPluginPropsRef.current = bubbleMenuPluginProps
+
+    /**
+     * Track whether the plugin has been initialized, so we only send updates
+     * after the initial registration.
+     */
+    const [pluginInitialized, setPluginInitialized] = useState(false)
+
+    /**
+     * Track whether we need to skip the first options update dispatch.
+     * This prevents unnecessary updates right after plugin initialization.
+     */
+    const skipFirstUpdateRef = useRef(true)
+
+    useEffect(() => {
+      if (pluginEditor?.isDestroyed) {
+        return
+      }
+
+      if (!pluginEditor) {
+        console.warn(
+          'BubbleMenu component is not rendered inside of an editor component or does not have editor prop.',
+        )
+        return
+      }
+
+      const bubbleMenuElement = menuEl.current
+      bubbleMenuElement.style.visibility = 'hidden'
+      bubbleMenuElement.style.position = 'absolute'
+
+      const plugin = BubbleMenuPlugin({
+        ...bubbleMenuPluginPropsRef.current,
+        editor: pluginEditor,
+        element: bubbleMenuElement,
+      })
+
+      pluginEditor.registerPlugin(plugin)
+
+      const createdPluginKey = bubbleMenuPluginPropsRef.current.pluginKey
+
+      skipFirstUpdateRef.current = true
+      setPluginInitialized(true)
+
+      return () => {
+        setPluginInitialized(false)
+        pluginEditor.unregisterPlugin(createdPluginKey)
+        window.requestAnimationFrame(() => {
+          if (bubbleMenuElement.parentNode) {
+            bubbleMenuElement.parentNode.removeChild(bubbleMenuElement)
+          }
+        })
+      }
+    }, [pluginEditor])
+
+    /**
+     * Update the plugin options when props change after the plugin has been initialized.
+     * This allows dynamic updates to options like scrollTarget without re-registering the entire plugin.
+     */
+    useEffect(() => {
+      if (!pluginInitialized || !pluginEditor || pluginEditor.isDestroyed) {
+        return
+      }
+
+      // Skip the first update right after initialization since the plugin was just created with these options
+      if (skipFirstUpdateRef.current) {
+        skipFirstUpdateRef.current = false
+        return
+      }
+
+      pluginEditor.view.dispatch(
+        pluginEditor.state.tr.setMeta(resolvedPluginKey, {
+          type: 'updateOptions',
+          options: bubbleMenuPluginPropsRef.current,
+        }),
+      )
+    }, [
+      pluginInitialized,
+      pluginEditor,
+      updateDelay,
+      resizeDelay,
+      shouldShow,
+      options,
+      appendTo,
+      getReferencedVirtualElement,
+      resolvedPluginKey,
+    ])
+
+    return createPortal(children, menuEl.current)
+  },
+)
diff --git a/packages/react/src/menus/FloatingMenu.test.ts b/packages/react/src/menus/FloatingMenu.test.ts
new file mode 100644
index 0000000..26e6c57
--- /dev/null
+++ b/packages/react/src/menus/FloatingMenu.test.ts
@@ -0,0 +1,168 @@
+import { render } from '@testing-library/react'
+import React, { createRef } from 'react'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vite-plus/test'
+
+import { FloatingMenu } from './FloatingMenu.js'
+
+const { floatingMenuPluginMock } = vi.hoisted(() => ({
+  floatingMenuPluginMock: vi.fn(() => ({ key: 'floating-menu-plugin' })),
+}))
+
+vi.mock('@tiptap/extension-floating-menu', () => ({
+  FloatingMenuPlugin: floatingMenuPluginMock,
+}))
+
+function createEditor() {
+  const tr = {
+    setMeta: vi.fn(() => tr),
+  }
+
+  return {
+    isDestroyed: false,
+    registerPlugin: vi.fn(),
+    unregisterPlugin: vi.fn(),
+    view: {
+      dispatch: vi.fn(),
+    },
+    state: {
+      tr,
+    },
+  }
+}
+
+describe('FloatingMenu', () => {
+  beforeEach(() => {
+    floatingMenuPluginMock.mockClear()
+  })
+
+  afterEach(() => {
+    document.body.innerHTML = ''
+  })
+
+  it('applies html props to the actual menu element', () => {
+    const editor = createEditor()
+    const ref = createRef<HTMLDivElement>()
+    const handleClick = vi.fn()
+    const handleClickCapture = vi.fn()
+    const handleDoubleClick = vi.fn()
+    const initialProps = {
+      editor: editor as never,
+      className: 'floating-menu',
+      'data-testid': 'floating-element',
+      'aria-label': 'Floating menu',
+      style: { zIndex: 8888, marginTop: 12, position: 'relative' },
+      onClick: handleClick,
+      onClickCapture: handleClickCapture,
+      onDoubleClick: handleDoubleClick,
+      pluginKey: 'floatingMenu',
+      tabIndex: 5,
+      ref,
+      children: React.createElement('button', { type: 'button' }, 'Floating action'),
+    } as any
+    const updatedProps = {
+      editor: editor as never,
+      className: 'floating-menu-updated',
+      style: { zIndex: 7777, marginTop: 20, position: 'static' },
+      onClick: undefined,
+      onClickCapture: undefined,
+      onDoubleClick: undefined,
+      pluginKey: 'floatingMenu',
+      tabIndex: undefined,
+      ref,
+      children: React.createElement('button', { type: 'button' }, 'Updated floating action'),
+    } as any
+
+    const { rerender, unmount } = render(React.createElement(FloatingMenu, initialProps))
+
+    expect(editor.registerPlugin).toHaveBeenCalledTimes(1)
+    expect(floatingMenuPluginMock).toHaveBeenCalledTimes(1)
+
+    const [{ element }] = floatingMenuPluginMock.mock.calls[0] as unknown as [
+      { element: HTMLDivElement },
+    ]
+
+    expect(element).toBeInstanceOf(HTMLDivElement)
+    expect(element).toBe(ref.current)
+    expect(element.className).toBe('floating-menu')
+    expect(element.getAttribute('data-testid')).toBe('floating-element')
+    expect(element.getAttribute('aria-label')).toBe('Floating menu')
+    expect(element.tabIndex).toBe(5)
+    expect(element.style.zIndex).toBe('8888')
+    expect(element.style.marginTop).toBe('12px')
+    expect(element.style.position).toBe('absolute')
+
+    element.dispatchEvent(new MouseEvent('click', { bubbles: true }))
+    element.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }))
+    element.querySelector('button')?.dispatchEvent(new MouseEvent('click', { bubbles: true }))
+
+    expect(handleClick).toHaveBeenCalledTimes(2)
+    expect(handleDoubleClick).toHaveBeenCalledTimes(1)
+    expect(handleClickCapture).toHaveBeenCalledTimes(2)
+    expect(element.textContent).toContain('Floating action')
+
+    rerender(React.createElement(FloatingMenu, updatedProps))
+
+    expect(element.className).toBe('floating-menu-updated')
+    expect(element.getAttribute('data-testid')).toBeNull()
+    expect(element.getAttribute('aria-label')).toBeNull()
+    expect(element.tabIndex).toBe(-1)
+    expect(element.style.zIndex).toBe('7777')
+    expect(element.style.marginTop).toBe('20px')
+    expect(element.style.position).toBe('absolute')
+
+    element.dispatchEvent(new MouseEvent('click', { bubbles: true }))
+    element.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }))
+    element.querySelector('button')?.dispatchEvent(new MouseEvent('click', { bubbles: true }))
+
+    expect(handleClick).toHaveBeenCalledTimes(2)
+    expect(handleDoubleClick).toHaveBeenCalledTimes(1)
+    expect(handleClickCapture).toHaveBeenCalledTimes(2)
+    expect(element.textContent).toContain('Updated floating action')
+
+    unmount()
+
+    expect(editor.unregisterPlugin).toHaveBeenCalledWith('floatingMenu')
+  })
+
+  it('creates unique plugin keys when none are provided', () => {
+    const editor = createEditor()
+    const shouldShowA = vi.fn(() => true)
+    const shouldShowB = vi.fn(() => false)
+
+    const { unmount } = render(
+      React.createElement(
+        React.Fragment,
+        null,
+        React.createElement(FloatingMenu, {
+          editor: editor as never,
+          shouldShow: shouldShowA,
+          children: React.createElement('button', { type: 'button' }, 'First'),
+        } as any),
+        React.createElement(FloatingMenu, {
+          editor: editor as never,
+          shouldShow: shouldShowB,
+          children: React.createElement('button', { type: 'button' }, 'Second'),
+        } as any),
+      ),
+    )
+
+    expect(floatingMenuPluginMock).toHaveBeenCalledTimes(2)
+
+    const pluginCalls = floatingMenuPluginMock.mock.calls as unknown as Array<
+      [{ pluginKey: unknown }]
+    >
+    const firstPluginKey = pluginCalls[0][0].pluginKey
+    const secondPluginKey = pluginCalls[1][0].pluginKey
+
+    expect(firstPluginKey).toBeDefined()
+    expect(secondPluginKey).toBeDefined()
+    expect(firstPluginKey).not.toBe(secondPluginKey)
+
+    unmount()
+
+    const unregisterCalls = editor.unregisterPlugin.mock.calls as unknown as Array<[unknown]>
+
+    expect(unregisterCalls.some(([key]) => key === firstPluginKey)).toBe(true)
+    expect(unregisterCalls.some(([key]) => key === secondPluginKey)).toBe(true)
+  })
+})
diff --git a/packages/react/src/menus/FloatingMenu.tsx b/packages/react/src/menus/FloatingMenu.tsx
new file mode 100644
index 0000000..1b208e6
--- /dev/null
+++ b/packages/react/src/menus/FloatingMenu.tsx
@@ -0,0 +1,161 @@
+import type { FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
+import { FloatingMenuPlugin } from '@tiptap/extension-floating-menu'
+import type { PluginKey } from '@tiptap/pm/state'
+import { useCurrentEditor } from '@tiptap/react'
+import React, { useEffect, useRef, useState } from 'react'
+import { createPortal } from 'react-dom'
+
+import { getAutoPluginKey } from './getAutoPluginKey.js'
+import { useMenuElementProps } from './useMenuElementProps.js'
+
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>
+
+export type FloatingMenuProps = Omit<
+  Optional<FloatingMenuPluginProps, 'pluginKey'>,
+  'element' | 'editor'
+> & {
+  editor: FloatingMenuPluginProps['editor'] | null
+  options?: FloatingMenuPluginProps['options']
+} & React.HTMLAttributes<HTMLDivElement>
+
+export const FloatingMenu = React.forwardRef<HTMLDivElement, FloatingMenuProps>(
+  (
+    {
+      pluginKey,
+      editor,
+      updateDelay,
+      resizeDelay,
+      appendTo,
+      shouldShow = null,
+      options,
+      children,
+      ...restProps
+    },
+    ref,
+  ) => {
+    const menuEl = useRef(document.createElement('div'))
+    const resolvedPluginKey = useRef<PluginKey | string>(
+      getAutoPluginKey(pluginKey, 'floatingMenu'),
+    ).current
+
+    useMenuElementProps(menuEl.current, restProps)
+
+    if (typeof ref === 'function') {
+      ref(menuEl.current)
+    } else if (ref) {
+      ref.current = menuEl.current
+    }
+
+    const { editor: currentEditor } = useCurrentEditor()
+
+    /**
+     * The editor instance where the floating menu plugin will be registered.
+     */
+    const pluginEditor = editor || currentEditor
+
+    // Creating a useMemo would be more computationally expensive than just
+    // re-creating this object on every render.
+    const floatingMenuPluginProps: Omit<FloatingMenuPluginProps, 'editor' | 'element'> = {
+      updateDelay,
+      resizeDelay,
+      appendTo,
+      pluginKey: resolvedPluginKey,
+      shouldShow,
+      options,
+    }
+
+    /**
+     * The props for the floating menu plugin. They are accessed inside a ref to
+     * avoid running the useEffect hook and re-registering the plugin when the
+     * props change.
+     */
+    const floatingMenuPluginPropsRef = useRef(floatingMenuPluginProps)
+    floatingMenuPluginPropsRef.current = floatingMenuPluginProps
+
+    /**
+     * Track whether the plugin has been initialized, so we only send updates
+     * after the initial registration.
+     */
+    const [pluginInitialized, setPluginInitialized] = useState(false)
+
+    /**
+     * Track whether we need to skip the first options update dispatch.
+     * This prevents unnecessary updates right after plugin initialization.
+     */
+    const skipFirstUpdateRef = useRef(true)
+
+    useEffect(() => {
+      if (pluginEditor?.isDestroyed) {
+        return
+      }
+
+      if (!pluginEditor) {
+        console.warn(
+          'FloatingMenu component is not rendered inside of an editor component or does not have editor prop.',
+        )
+        return
+      }
+
+      const floatingMenuElement = menuEl.current
+      floatingMenuElement.style.visibility = 'hidden'
+      floatingMenuElement.style.position = 'absolute'
+
+      const plugin = FloatingMenuPlugin({
+        ...floatingMenuPluginPropsRef.current,
+        editor: pluginEditor,
+        element: floatingMenuElement,
+      })
+
+      pluginEditor.registerPlugin(plugin)
+
+      const createdPluginKey = floatingMenuPluginPropsRef.current.pluginKey
+
+      skipFirstUpdateRef.current = true
+      setPluginInitialized(true)
+
+      return () => {
+        setPluginInitialized(false)
+        pluginEditor.unregisterPlugin(createdPluginKey)
+        window.requestAnimationFrame(() => {
+          if (floatingMenuElement.parentNode) {
+            floatingMenuElement.parentNode.removeChild(floatingMenuElement)
+          }
+        })
+      }
+    }, [pluginEditor])
+
+    /**
+     * Update the plugin options when props change after the plugin has been initialized.
+     * This allows dynamic updates to options like scrollTarget without re-registering the entire plugin.
+     */
+    useEffect(() => {
+      if (!pluginInitialized || !pluginEditor || pluginEditor.isDestroyed) {
+        return
+      }
+
+      // Skip the first update right after initialization since the plugin was just created with these options
+      if (skipFirstUpdateRef.current) {
+        skipFirstUpdateRef.current = false
+        return
+      }
+
+      pluginEditor.view.dispatch(
+        pluginEditor.state.tr.setMeta(resolvedPluginKey, {
+          type: 'updateOptions',
+          options: floatingMenuPluginPropsRef.current,
+        }),
+      )
+    }, [
+      pluginInitialized,
+      pluginEditor,
+      updateDelay,
+      resizeDelay,
+      shouldShow,
+      options,
+      appendTo,
+      resolvedPluginKey,
+    ])
+
+    return createPortal(children, menuEl.current)
+  },
+)
diff --git a/packages/react/src/menus/getAutoPluginKey.ts b/packages/react/src/menus/getAutoPluginKey.ts
new file mode 100644
index 0000000..96601d4
--- /dev/null
+++ b/packages/react/src/menus/getAutoPluginKey.ts
@@ -0,0 +1,5 @@
+import { PluginKey } from '@tiptap/pm/state'
+
+export function getAutoPluginKey(pluginKey: PluginKey | string | undefined, defaultName: string) {
+  return pluginKey ?? new PluginKey(defaultName)
+}
diff --git a/packages/react/src/menus/index.ts b/packages/react/src/menus/index.ts
new file mode 100644
index 0000000..557625b
--- /dev/null
+++ b/packages/react/src/menus/index.ts
@@ -0,0 +1,4 @@
+'use client'
+
+export * from './BubbleMenu.js'
+export * from './FloatingMenu.js'
diff --git a/packages/react/src/menus/useMenuElementProps.ts b/packages/react/src/menus/useMenuElementProps.ts
new file mode 100644
index 0000000..e846444
--- /dev/null
+++ b/packages/react/src/menus/useMenuElementProps.ts
@@ -0,0 +1,369 @@
+import type { CSSProperties, HTMLAttributes } from 'react'
+import { useEffect, useLayoutEffect, useRef } from 'react'
+
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect
+
+type MenuElementProps = HTMLAttributes<HTMLDivElement>
+type MenuSyntheticEvent = Event & {
+  nativeEvent: Event
+  currentTarget: HTMLDivElement
+  target: EventTarget | null
+  persist: () => void
+  isDefaultPrevented: () => boolean
+  isPropagationStopped: () => boolean
+}
+type MenuEventListener = (event: MenuSyntheticEvent) => void
+type MenuNativeListener = (event: Event) => void
+type MenuEventListenerOptions = {
+  capture?: boolean
+}
+
+type EventListenerEntry = {
+  eventName: string
+  listener: MenuNativeListener
+  options?: MenuEventListenerOptions
+}
+
+const PLUGIN_MANAGED_STYLE_PROPERTIES = new Set([
+  'left',
+  'opacity',
+  'position',
+  'top',
+  'visibility',
+  'width',
+])
+const UNITLESS_STYLE_PROPERTIES = new Set([
+  'animationIterationCount',
+  'aspectRatio',
+  'borderImageOutset',
+  'borderImageSlice',
+  'borderImageWidth',
+  'columnCount',
+  'columns',
+  'fillOpacity',
+  'flex',
+  'flexGrow',
+  'flexShrink',
+  'fontWeight',
+  'gridArea',
+  'gridColumn',
+  'gridColumnEnd',
+  'gridColumnStart',
+  'gridRow',
+  'gridRowEnd',
+  'gridRowStart',
+  'lineClamp',
+  'lineHeight',
+  'opacity',
+  'order',
+  'orphans',
+  'scale',
+  'stopOpacity',
+  'strokeDasharray',
+  'strokeDashoffset',
+  'strokeMiterlimit',
+  'strokeOpacity',
+  'strokeWidth',
+  'tabSize',
+  'widows',
+  'zIndex',
+  'zoom',
+])
+const ATTRIBUTE_EXCLUSIONS = new Set(['children', 'className', 'style'])
+const DIRECT_PROPERTY_KEYS = new Set(['tabIndex'])
+const FORWARDED_ATTRIBUTE_KEYS = new Set([
+  'accessKey',
+  'autoCapitalize',
+  'contentEditable',
+  'contextMenu',
+  'dir',
+  'draggable',
+  'enterKeyHint',
+  'hidden',
+  'id',
+  'lang',
+  'nonce',
+  'role',
+  'slot',
+  'spellCheck',
+  'tabIndex',
+  'title',
+  'translate',
+])
+const SPECIAL_EVENT_NAMES: Record<string, string> = {
+  Blur: 'focusout',
+  DoubleClick: 'dblclick',
+  Focus: 'focusin',
+  MouseEnter: 'mouseenter',
+  MouseLeave: 'mouseleave',
+}
+
+function isEventProp(key: string, value: unknown): value is MenuEventListener {
+  return /^on[A-Z]/.test(key) && typeof value === 'function'
+}
+
+function toAttributeName(key: string) {
+  if (key.startsWith('aria-') || key.startsWith('data-')) {
+    return key
+  }
+
+  return key
+}
+
+function isForwardedAttributeKey(key: string) {
+  return key.startsWith('aria-') || key.startsWith('data-') || FORWARDED_ATTRIBUTE_KEYS.has(key)
+}
+
+function toStylePropertyName(key: string) {
+  if (key.startsWith('--')) {
+    return key
+  }
+
+  return key.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)
+}
+
+function toEventConfig(key: string) {
+  const useCapture = key.endsWith('Capture')
+  const baseKey = useCapture ? key.slice(0, -7) : key
+  const reactEventName = baseKey.slice(2)
+  const eventName = SPECIAL_EVENT_NAMES[reactEventName] ?? reactEventName.toLowerCase()
+
+  return {
+    eventName,
+    options: useCapture ? { capture: true } : undefined,
+  }
+}
+
+function createSyntheticEvent(element: HTMLDivElement, nativeEvent: Event): MenuSyntheticEvent {
+  let defaultPrevented = nativeEvent.defaultPrevented
+  let propagationStopped = false
+  const syntheticEvent = Object.create(nativeEvent)
+
+  Object.defineProperties(syntheticEvent, {
+    nativeEvent: { value: nativeEvent },
+    currentTarget: { value: element },
+    target: { value: nativeEvent.target },
+    persist: { value: () => undefined },
+    isDefaultPrevented: { value: () => defaultPrevented },
+    isPropagationStopped: { value: () => propagationStopped },
+    preventDefault: {
+      value: () => {
+        defaultPrevented = true
+        nativeEvent.preventDefault()
+      },
+    },
+    stopPropagation: {
+      value: () => {
+        propagationStopped = true
+        nativeEvent.stopPropagation()
+      },
+    },
+  })
+
+  return syntheticEvent as MenuSyntheticEvent
+}
+
+function isDirectPropertyKey(key: string) {
+  return DIRECT_PROPERTY_KEYS.has(key)
+}
+
+function setDirectProperty(element: HTMLDivElement, key: string, value: unknown) {
+  if (key === 'tabIndex') {
+    element.tabIndex = Number(value)
+    return
+  }
+
+  ;(element as unknown as Record<string, unknown>)[key] = value
+}
+
+function clearDirectProperty(element: HTMLDivElement, key: string) {
+  if (key === 'tabIndex') {
+    element.removeAttribute('tabindex')
+    return
+  }
+
+  const propertyValue = (element as unknown as Record<string, unknown>)[key]
+
+  if (typeof propertyValue === 'boolean') {
+    ;(element as unknown as Record<string, unknown>)[key] = false
+    return
+  }
+
+  if (typeof propertyValue === 'number') {
+    ;(element as unknown as Record<string, unknown>)[key] = 0
+    return
+  }
+
+  ;(element as unknown as Record<string, unknown>)[key] = ''
+}
+
+function toStyleValue(styleName: string, value: string | number) {
+  if (
+    typeof value !== 'number' ||
+    value === 0 ||
+    styleName.startsWith('--') ||
+    UNITLESS_STYLE_PROPERTIES.has(styleName)
+  ) {
+    return String(value)
+  }
+
+  return `${value}px`
+}
+
+function removeStyleProperty(element: HTMLDivElement, styleName: string) {
+  if (PLUGIN_MANAGED_STYLE_PROPERTIES.has(styleName)) {
+    return
+  }
+
+  element.style.removeProperty(toStylePropertyName(styleName))
+}
+
+function applyStyleProperty(element: HTMLDivElement, styleName: string, value: string | number) {
+  if (PLUGIN_MANAGED_STYLE_PROPERTIES.has(styleName)) {
+    return
+  }
+
+  element.style.setProperty(toStylePropertyName(styleName), toStyleValue(styleName, value))
+}
+
+function syncAttributes(
+  element: HTMLDivElement,
+  prevProps: MenuElementProps,
+  nextProps: MenuElementProps,
+) {
+  const allKeys = new Set([...Object.keys(prevProps), ...Object.keys(nextProps)])
+
+  allKeys.forEach(key => {
+    if (
+      ATTRIBUTE_EXCLUSIONS.has(key) ||
+      !isForwardedAttributeKey(key) ||
+      isEventProp(key, prevProps[key as keyof MenuElementProps]) ||
+      isEventProp(key, nextProps[key as keyof MenuElementProps])
+    ) {
+      return
+    }
+
+    const prevValue = prevProps[key as keyof MenuElementProps]
+    const nextValue = nextProps[key as keyof MenuElementProps]
+
+    if (prevValue === nextValue) {
+      return
+    }
+
+    const attributeName = toAttributeName(key)
+
+    if (nextValue == null || nextValue === false) {
+      if (isDirectPropertyKey(key)) {
+        clearDirectProperty(element, key)
+      }
+
+      element.removeAttribute(attributeName)
+      return
+    }
+
+    if (nextValue === true) {
+      if (isDirectPropertyKey(key)) {
+        setDirectProperty(element, key, true)
+      }
+
+      element.setAttribute(attributeName, '')
+      return
+    }
+
+    if (isDirectPropertyKey(key)) {
+      setDirectProperty(element, key, nextValue)
+      return
+    }
+
+    element.setAttribute(attributeName, String(nextValue))
+  })
+}
+
+function syncClassName(element: HTMLDivElement, prevClassName?: string, nextClassName?: string) {
+  if (prevClassName === nextClassName) {
+    return
+  }
+
+  if (nextClassName) {
+    element.className = nextClassName
+    return
+  }
+
+  element.removeAttribute('class')
+}
+
+function syncStyles(
+  element: HTMLDivElement,
+  prevStyle: CSSProperties | undefined,
+  nextStyle: CSSProperties | undefined,
+) {
+  const previousStyle = prevStyle ?? {}
+  const currentStyle = nextStyle ?? {}
+  const allStyleNames = new Set([...Object.keys(previousStyle), ...Object.keys(currentStyle)])
+
+  allStyleNames.forEach(styleName => {
+    const prevValue = previousStyle[styleName as keyof CSSProperties]
+    const nextValue = currentStyle[styleName as keyof CSSProperties]
+
+    if (prevValue === nextValue) {
+      return
+    }
+
+    if (nextValue == null) {
+      removeStyleProperty(element, styleName)
+      return
+    }
+
+    applyStyleProperty(element, styleName, nextValue as string | number)
+  })
+}
+
+function syncEventListeners(
+  element: HTMLDivElement,
+  prevListeners: EventListenerEntry[],
+  nextProps: MenuElementProps,
+) {
+  prevListeners.forEach(({ eventName, listener, options }) => {
+    element.removeEventListener(eventName, listener, options)
+  })
+
+  const nextListeners: EventListenerEntry[] = []
+
+  Object.entries(nextProps).forEach(([key, value]) => {
+    if (!isEventProp(key, value)) {
+      return
+    }
+
+    const { eventName, options } = toEventConfig(key)
+    const listener: MenuNativeListener = event => {
+      value(createSyntheticEvent(element, event))
+    }
+
+    element.addEventListener(eventName, listener, options)
+    nextListeners.push({ eventName, listener, options })
+  })
+
+  return nextListeners
+}
+
+export function useMenuElementProps(element: HTMLDivElement, props: MenuElementProps) {
+  const previousPropsRef = useRef<MenuElementProps>({})
+  const listenersRef = useRef<EventListenerEntry[]>([])
+
+  useIsomorphicLayoutEffect(() => {
+    const previousProps = previousPropsRef.current
+
+    syncClassName(element, previousProps.className, props.className)
+    syncStyles(element, previousProps.style, props.style)
+    syncAttributes(element, previousProps, props)
+    listenersRef.current = syncEventListeners(element, listenersRef.current, props)
+    previousPropsRef.current = props
+
+    return () => {
+      listenersRef.current.forEach(({ eventName, listener, options }) => {
+        element.removeEventListener(eventName, listener, options)
+      })
+      listenersRef.current = []
+    }
+  }, [element, props])
+}
diff --git a/packages/react/src/types.ts b/packages/react/src/types.ts
new file mode 100644
index 0000000..ccdb2c4
--- /dev/null
+++ b/packages/react/src/types.ts
@@ -0,0 +1,8 @@
+import type { NodeViewProps as CoreNodeViewProps } from '@tiptap/core'
+import type React from 'react'
+
+export type ReactNodeViewProps<T = HTMLElement> = CoreNodeViewProps & {
+  ref: React.RefObject<T | null>
+  /** Whether a text selection is fully inside the node view. Always provided by ReactNodeViewRenderer. */
+  selectionInside?: boolean
+}
diff --git a/packages/react/src/useEditor.ts b/packages/react/src/useEditor.ts
new file mode 100644
index 0000000..2a13a54
--- /dev/null
+++ b/packages/react/src/useEditor.ts
@@ -0,0 +1,379 @@
+import { type EditorOptions, Editor } from '@tiptap/core'
+import type { DependencyList, MutableRefObject } from 'react'
+import { useDebugValue, useEffect, useRef, useState } from 'react'
+import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js'
+
+import { useEditorState } from './useEditorState.js'
+
+// @ts-ignore
+const isDev = process.env.NODE_ENV !== 'production'
+const isSSR = typeof window === 'undefined'
+const isNext = isSSR || Boolean(typeof window !== 'undefined' && (window as any).next)
+
+/**
+ * The options for the `useEditor` hook.
+ */
+export type UseEditorOptions = Partial<EditorOptions> & {
+  /**
+   * Whether to render the editor on the first render.
+   * If client-side rendering, set this to `true`.
+   * If server-side rendering, set this to `false`.
+   * @default true
+   */
+  immediatelyRender?: boolean
+  /**
+   * Whether to re-render the editor on each transaction.
+   * This is legacy behavior that will be removed in future versions.
+   * @default false
+   */
+  shouldRerenderOnTransaction?: boolean
+}
+
+/**
+ * This class handles the creation, destruction, and re-creation of the editor instance.
+ */
+class EditorInstanceManager {
+  /**
+   * The current editor instance.
+   */
+  private editor: Editor | null = null
+
+  /**
+   * The most recent options to apply to the editor.
+   */
+  private options: MutableRefObject<UseEditorOptions>
+
+  /**
+   * The subscriptions to notify when the editor instance
+   * has been created or destroyed.
+   */
+  private subscriptions = new Set<() => void>()
+
+  /**
+   * A timeout to destroy the editor if it was not mounted within a time frame.
+   */
+  private scheduledDestructionTimeout: ReturnType<typeof setTimeout> | undefined
+
+  /**
+   * Whether the editor has been mounted.
+   */
+  private isComponentMounted = false
+
+  /**
+   * The most recent dependencies array.
+   */
+  private previousDeps: DependencyList | null = null
+
+  /**
+   * The unique instance ID. This is used to identify the editor instance. And will be re-generated for each new instance.
+   */
+  public instanceId = ''
+
+  constructor(options: MutableRefObject<UseEditorOptions>) {
+    this.options = options
+    this.subscriptions = new Set<() => void>()
+    this.setEditor(this.getInitialEditor())
+    this.scheduleDestroy()
+
+    this.getEditor = this.getEditor.bind(this)
+    this.getServerSnapshot = this.getServerSnapshot.bind(this)
+    this.subscribe = this.subscribe.bind(this)
+    this.refreshEditorInstance = this.refreshEditorInstance.bind(this)
+    this.scheduleDestroy = this.scheduleDestroy.bind(this)
+    this.onRender = this.onRender.bind(this)
+    this.createEditor = this.createEditor.bind(this)
+  }
+
+  private setEditor(editor: Editor | null) {
+    this.editor = editor
+    this.instanceId = Math.random().toString(36).slice(2, 9)
+
+    // Notify all subscribers that the editor instance has been created
+    this.subscriptions.forEach(cb => cb())
+  }
+
+  private getInitialEditor() {
+    const explicit = this.options.current.immediatelyRender
+    let immediatelyRender = explicit ?? true
+
+    if (isSSR) {
+      if (immediatelyRender && isDev) {
+        console.warn(
+          'SSR detected. `immediatelyRender` has been set to false to avoid hydration mismatches',
+        )
+      }
+      immediatelyRender = false
+    } else if (isNext && explicit === undefined) {
+      immediatelyRender = false
+      if (isDev) {
+        console.warn(
+          'Next.js detected. `immediatelyRender` defaults to false to avoid hydration mismatches. Pass `immediatelyRender: true` explicitly if you are rendering the editor only on the client.',
+        )
+      }
+    }
+
+    return immediatelyRender ? this.createEditor() : null
+  }
+
+  /**
+   * Create a new editor instance. And attach event listeners.
+   */
+  private createEditor(): Editor {
+    const optionsToApply: Partial<EditorOptions> = {
+      ...this.options.current,
+      // Always call the most recent version of the callback function by default
+      onBeforeCreate: (...args) => this.options.current.onBeforeCreate?.(...args),
+      onBlur: (...args) => this.options.current.onBlur?.(...args),
+      onCreate: (...args) => this.options.current.onCreate?.(...args),
+      onDestroy: (...args) => this.options.current.onDestroy?.(...args),
+      onFocus: (...args) => this.options.current.onFocus?.(...args),
+      onSelectionUpdate: (...args) => this.options.current.onSelectionUpdate?.(...args),
+      onTransaction: (...args) => this.options.current.onTransaction?.(...args),
+      onUpdate: (...args) => this.options.current.onUpdate?.(...args),
+      onContentError: (...args) => this.options.current.onContentError?.(...args),
+      onDrop: (...args) => this.options.current.onDrop?.(...args),
+      onPaste: (...args) => this.options.current.onPaste?.(...args),
+      onDelete: (...args) => this.options.current.onDelete?.(...args),
+      onMount: (...args) => this.options.current.onMount?.(...args),
+      onUnmount: (...args) => this.options.current.onUnmount?.(...args),
+    }
+    const editor = new Editor(optionsToApply)
+
+    // no need to keep track of the event listeners, they will be removed when the editor is destroyed
+
+    return editor
+  }
+
+  /**
+   * Get the current editor instance.
+   */
+  getEditor(): Editor | null {
+    return this.editor
+  }
+
+  /**
+   * Always disable the editor on the server-side.
+   */
+  getServerSnapshot(): null {
+    return null
+  }
+
+  /**
+   * Subscribe to the editor instance's changes.
+   */
+  subscribe(onStoreChange: () => void) {
+    this.subscriptions.add(onStoreChange)
+
+    return () => {
+      this.subscriptions.delete(onStoreChange)
+    }
+  }
+
+  static compareOptions(a: UseEditorOptions, b: UseEditorOptions) {
+    return (Object.keys(a) as (keyof UseEditorOptions)[]).every(key => {
+      if (
+        [
+          'onCreate',
+          'onBeforeCreate',
+          'onDestroy',
+          'onUpdate',
+          'onTransaction',
+          'onFocus',
+          'onBlur',
+          'onSelectionUpdate',
+          'onContentError',
+          'onDrop',
+          'onPaste',
+        ].includes(key)
+      ) {
+        // we don't want to compare callbacks, they are always different and only registered once
+        return true
+      }
+
+      // We often encourage putting extensions inlined in the options object, so we will do a slightly deeper comparison here
+      if (key === 'extensions' && a.extensions && b.extensions) {
+        if (a.extensions.length !== b.extensions.length) {
+          return false
+        }
+        return a.extensions.every((extension, index) => {
+          if (extension !== b.extensions?.[index]) {
+            return false
+          }
+          return true
+        })
+      }
+      if (a[key] !== b[key]) {
+        // if any of the options have changed, we should update the editor options
+        return false
+      }
+      return true
+    })
+  }
+
+  /**
+   * On each render, we will create, update, or destroy the editor instance.
+   * @param deps The dependencies to watch for changes
+   * @returns A cleanup function
+   */
+  onRender(deps: DependencyList) {
+    // The returned callback will run on each render
+    return () => {
+      this.isComponentMounted = true
+      // Cleanup any scheduled destructions, since we are currently rendering
+      clearTimeout(this.scheduledDestructionTimeout)
+
+      if (this.editor && !this.editor.isDestroyed && deps.length === 0) {
+        // if the editor does exist & deps are empty, we don't need to re-initialize the editor generally
+        if (!EditorInstanceManager.compareOptions(this.options.current, this.editor.options)) {
+          // But, the options are different, so we need to update the editor options
+          // Still, this is faster than re-creating the editor
+          this.editor.setOptions({
+            ...this.options.current,
+            editable: this.editor.isEditable,
+          })
+        }
+      } else {
+        // When the editor:
+        // - does not yet exist
+        // - is destroyed
+        // - the deps array changes
+        // We need to destroy the editor instance and re-initialize it
+        this.refreshEditorInstance(deps)
+      }
+
+      return () => {
+        this.isComponentMounted = false
+        this.scheduleDestroy()
+      }
+    }
+  }
+
+  /**
+   * Recreate the editor instance if the dependencies have changed.
+   */
+  private refreshEditorInstance(deps: DependencyList) {
+    if (this.editor && !this.editor.isDestroyed) {
+      // Editor instance already exists
+      if (this.previousDeps === null) {
+        // If lastDeps has not yet been initialized, reuse the current editor instance
+        this.previousDeps = deps
+        return
+      }
+      const depsAreEqual =
+        this.previousDeps.length === deps.length &&
+        this.previousDeps.every((dep, index) => dep === deps[index])
+
+      if (depsAreEqual) {
+        // deps exist and are equal, no need to recreate
+        return
+      }
+    }
+
+    if (this.editor && !this.editor.isDestroyed) {
+      // Destroy the editor instance if it exists
+      this.editor.destroy()
+    }
+
+    this.setEditor(this.createEditor())
+
+    // Update the lastDeps to the current deps
+    this.previousDeps = deps
+  }
+
+  /**
+   * Schedule the destruction of the editor instance.
+   * This will only destroy the editor if it was not mounted on the next tick.
+   * This is to avoid destroying the editor instance when it's actually still mounted.
+   */
+  private scheduleDestroy() {
+    const currentInstanceId = this.instanceId
+    const currentEditor = this.editor
+
+    // Wait two ticks to see if the component is still mounted
+    this.scheduledDestructionTimeout = setTimeout(() => {
+      if (this.isComponentMounted && this.instanceId === currentInstanceId) {
+        // If still mounted on the following tick, with the same instanceId, do not destroy the editor
+        if (currentEditor) {
+          // just re-apply options as they might have changed
+          currentEditor.setOptions(this.options.current)
+        }
+        return
+      }
+      if (currentEditor && !currentEditor.isDestroyed) {
+        currentEditor.destroy()
+        if (this.instanceId === currentInstanceId) {
+          this.setEditor(null)
+        }
+      }
+      // This allows the effect to run again between ticks
+      // which may save us from having to re-create the editor
+    }, 1)
+  }
+}
+
+/**
+ * This hook allows you to create an editor instance.
+ * @param options The editor options
+ * @param deps The dependencies to watch for changes
+ * @returns The editor instance
+ * @example const editor = useEditor({ extensions: [...] })
+ */
+export function useEditor(
+  options: UseEditorOptions & { immediatelyRender: false },
+  deps?: DependencyList,
+): Editor | null
+
+/**
+ * This hook allows you to create an editor instance.
+ * @param options The editor options
+ * @param deps The dependencies to watch for changes
+ * @returns The editor instance
+ * @example const editor = useEditor({ extensions: [...] })
+ */
+export function useEditor(options: UseEditorOptions, deps?: DependencyList): Editor
+
+export function useEditor(
+  options: UseEditorOptions = {},
+  deps: DependencyList = [],
+): Editor | null {
+  const mostRecentOptions = useRef(options)
+
+  mostRecentOptions.current = options
+
+  const [instanceManager] = useState(() => new EditorInstanceManager(mostRecentOptions))
+
+  const editor = useSyncExternalStore(
+    instanceManager.subscribe,
+    instanceManager.getEditor,
+    instanceManager.getServerSnapshot,
+  )
+
+  useDebugValue(editor)
+
+  // This effect will handle creating/updating the editor instance
+  // oxlint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(instanceManager.onRender(deps))
+
+  // The default behavior is to re-render on each transaction
+  // This is legacy behavior that will be removed in future versions
+  useEditorState({
+    editor,
+    selector: ({ transactionNumber }) => {
+      if (
+        options.shouldRerenderOnTransaction === false ||
+        options.shouldRerenderOnTransaction === undefined
+      ) {
+        // This will prevent the editor from re-rendering on each transaction
+        return null
+      }
+
+      // This will avoid re-rendering on the first transaction when `immediatelyRender` is set to `true`
+      if (options.immediatelyRender && transactionNumber === 0) {
+        return 0
+      }
+      return transactionNumber + 1
+    },
+  })
+
+  return editor
+}
diff --git a/packages/react/src/useEditorState.test.ts b/packages/react/src/useEditorState.test.ts
new file mode 100644
index 0000000..6e6094d
--- /dev/null
+++ b/packages/react/src/useEditorState.test.ts
@@ -0,0 +1,121 @@
+import { act, render } from '@testing-library/react'
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { TextSelection } from '@tiptap/pm/state'
+import React from 'react'
+import { afterEach, describe, expect, it } from 'vite-plus/test'
+
+import { useEditorState } from './useEditorState.js'
+
+const createTestEditor = () => {
+  return new Editor({
+    extensions: [Document, Paragraph, Text],
+    content: '<p>Hello</p>',
+  })
+}
+
+const EditableIndicator = ({ editor }: { editor: Editor }) => {
+  const isEditable = useEditorState({
+    editor,
+    selector: ctx => ctx.editor.isEditable,
+  })
+
+  return React.createElement('div', { 'data-testid': 'editable-state' }, String(isEditable))
+}
+
+const ContentIndicator = ({ editor }: { editor: Editor }) => {
+  const text = useEditorState({
+    editor,
+    selector: ctx => ctx.editor.getText(),
+  })
+
+  return React.createElement('div', { 'data-testid': 'content-state' }, text)
+}
+
+const TransactionCountIndicator = ({ editor }: { editor: Editor }) => {
+  const transactionNumber = useEditorState({
+    editor,
+    selector: ctx => ctx.transactionNumber,
+  })
+
+  return React.createElement('div', { 'data-testid': 'tx-number' }, String(transactionNumber))
+}
+
+describe('useEditorState', () => {
+  afterEach(() => {
+    document.body.innerHTML = ''
+  })
+
+  it('re-renders when editor.setEditable() toggles the editable state', () => {
+    const editor = createTestEditor()
+    const { getByTestId } = render(React.createElement(EditableIndicator, { editor }))
+
+    expect(getByTestId('editable-state').textContent).toBe('true')
+
+    act(() => {
+      editor.setEditable(false)
+    })
+
+    expect(getByTestId('editable-state').textContent).toBe('false')
+
+    act(() => {
+      editor.setEditable(true)
+    })
+
+    expect(getByTestId('editable-state').textContent).toBe('true')
+
+    editor.destroy()
+  })
+
+  it('still re-renders on a normal content-changing transaction (regression)', () => {
+    const editor = createTestEditor()
+    const { getByTestId } = render(React.createElement(ContentIndicator, { editor }))
+
+    expect(getByTestId('content-state').textContent).toBe('Hello')
+
+    act(() => {
+      editor.commands.setContent('<p>World</p>')
+    })
+
+    expect(getByTestId('content-state').textContent).toBe('World')
+
+    editor.destroy()
+  })
+
+  it('notifies once per document change (transaction + update are deduped)', () => {
+    const editor = createTestEditor()
+    const { getByTestId } = render(React.createElement(TransactionCountIndicator, { editor }))
+
+    const before = Number(getByTestId('tx-number').textContent)
+
+    act(() => {
+      // A single doc-changing transaction emits both `transaction` and `update`.
+      editor.view.dispatch(editor.state.tr.insertText('!'))
+    })
+
+    const after = Number(getByTestId('tx-number').textContent)
+
+    expect(after - before).toBe(1)
+
+    editor.destroy()
+  })
+
+  it('still notifies on selection-only transactions (which emit no update event)', () => {
+    const editor = createTestEditor()
+    const { getByTestId } = render(React.createElement(TransactionCountIndicator, { editor }))
+
+    const before = Number(getByTestId('tx-number').textContent)
+
+    act(() => {
+      editor.view.dispatch(editor.state.tr.setSelection(TextSelection.atStart(editor.state.doc)))
+    })
+
+    const after = Number(getByTestId('tx-number').textContent)
+
+    expect(after - before).toBe(1)
+
+    editor.destroy()
+  })
+})
diff --git a/packages/react/src/useEditorState.ts b/packages/react/src/useEditorState.ts
new file mode 100644
index 0000000..87aa221
--- /dev/null
+++ b/packages/react/src/useEditorState.ts
@@ -0,0 +1,187 @@
+import type { Editor } from '@tiptap/core'
+import { deepEqual } from 'fast-equals'
+import { useDebugValue, useEffect, useLayoutEffect, useState } from 'react'
+import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector.js'
+
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect
+
+export type EditorStateSnapshot<TEditor extends Editor | null = Editor | null> = {
+  editor: TEditor
+  transactionNumber: number
+}
+
+export type UseEditorStateOptions<
+  TSelectorResult,
+  TEditor extends Editor | null = Editor | null,
+> = {
+  /**
+   * The editor instance.
+   */
+  editor: TEditor
+  /**
+   * A selector function to determine the value to compare for re-rendering.
+   */
+  selector: (context: EditorStateSnapshot<TEditor>) => TSelectorResult
+  /**
+   * A custom equality function to determine if the editor should re-render.
+   * @default `deepEqual` from `fast-deep-equal`
+   */
+  equalityFn?: (a: TSelectorResult, b: TSelectorResult | null) => boolean
+}
+
+/**
+ * To synchronize the editor instance with the component state,
+ * we need to create a separate instance that is not affected by the component re-renders.
+ */
+class EditorStateManager<TEditor extends Editor | null = Editor | null> {
+  private transactionNumber = 0
+
+  private lastTransactionNumber = 0
+
+  private lastSnapshot: EditorStateSnapshot<TEditor>
+
+  private editor: TEditor
+
+  private subscribers = new Set<() => void>()
+
+  constructor(initialEditor: TEditor) {
+    this.editor = initialEditor
+    this.lastSnapshot = { editor: initialEditor, transactionNumber: 0 }
+
+    this.getSnapshot = this.getSnapshot.bind(this)
+    this.getServerSnapshot = this.getServerSnapshot.bind(this)
+    this.watch = this.watch.bind(this)
+    this.subscribe = this.subscribe.bind(this)
+  }
+
+  /**
+   * Get the current editor instance.
+   */
+  getSnapshot(): EditorStateSnapshot<TEditor> {
+    if (this.transactionNumber === this.lastTransactionNumber) {
+      return this.lastSnapshot
+    }
+    this.lastTransactionNumber = this.transactionNumber
+    this.lastSnapshot = { editor: this.editor, transactionNumber: this.transactionNumber }
+    return this.lastSnapshot
+  }
+
+  /**
+   * Always disable the editor on the server-side.
+   */
+  getServerSnapshot(): EditorStateSnapshot<null> {
+    return { editor: null, transactionNumber: 0 }
+  }
+
+  /**
+   * Subscribe to the editor instance's changes.
+   */
+  subscribe(callback: () => void): () => void {
+    this.subscribers.add(callback)
+    return () => {
+      this.subscribers.delete(callback)
+    }
+  }
+
+  /**
+   * Watch the editor instance for changes.
+   */
+  watch(nextEditor: Editor | null): undefined | (() => void) {
+    this.editor = nextEditor as TEditor
+
+    if (this.editor) {
+      /**
+       * This will force a re-render when the editor state changes.
+       * This is to support things like `editor.can().toggleBold()` in components that `useEditor`.
+       * This could be more efficient, but it's a good trade-off for now.
+       */
+      // Changes can emit both events, so notify only once
+      let lastTransaction: unknown
+      const fn = (props?: { transaction?: unknown }) => {
+        if (props?.transaction !== undefined && props.transaction === lastTransaction) {
+          return
+        }
+        lastTransaction = props?.transaction
+
+        this.transactionNumber += 1
+        this.subscribers.forEach(callback => callback())
+      }
+
+      const currentEditor = this.editor
+
+      currentEditor.on('transaction', fn)
+      currentEditor.on('update', fn)
+      return () => {
+        currentEditor.off('transaction', fn)
+        currentEditor.off('update', fn)
+      }
+    }
+
+    return undefined
+  }
+}
+
+/**
+ * This hook allows you to watch for changes on the editor instance.
+ * It will allow you to select a part of the editor state and re-render the component when it changes.
+ * @example
+ * ```tsx
+ * const editor = useEditor({...options})
+ * const { currentSelection } = useEditorState({
+ *  editor,
+ *  selector: snapshot => ({ currentSelection: snapshot.editor.state.selection }),
+ * })
+ */
+export function useEditorState<TSelectorResult>(
+  options: UseEditorStateOptions<TSelectorResult, Editor>,
+): TSelectorResult
+/**
+ * This hook allows you to watch for changes on the editor instance.
+ * It will allow you to select a part of the editor state and re-render the component when it changes.
+ * @example
+ * ```tsx
+ * const editor = useEditor({...options})
+ * const { currentSelection } = useEditorState({
+ *  editor,
+ *  selector: snapshot => ({ currentSelection: snapshot.editor.state.selection }),
+ * })
+ */
+export function useEditorState<TSelectorResult>(
+  options: UseEditorStateOptions<TSelectorResult, Editor | null>,
+): TSelectorResult | null
+
+/**
+ * This hook allows you to watch for changes on the editor instance.
+ * It will allow you to select a part of the editor state and re-render the component when it changes.
+ * @example
+ * ```tsx
+ * const editor = useEditor({...options})
+ * const { currentSelection } = useEditorState({
+ *  editor,
+ *  selector: snapshot => ({ currentSelection: snapshot.editor.state.selection }),
+ * })
+ */
+export function useEditorState<TSelectorResult>(
+  options:
+    | UseEditorStateOptions<TSelectorResult, Editor>
+    | UseEditorStateOptions<TSelectorResult, Editor | null>,
+): TSelectorResult | null {
+  const [editorStateManager] = useState(() => new EditorStateManager(options.editor))
+
+  // Using the `useSyncExternalStore` hook to sync the editor instance with the component state
+  const selectedState = useSyncExternalStoreWithSelector(
+    editorStateManager.subscribe,
+    editorStateManager.getSnapshot,
+    editorStateManager.getServerSnapshot,
+    options.selector as UseEditorStateOptions<TSelectorResult, Editor | null>['selector'],
+    options.equalityFn ?? deepEqual,
+  )
+
+  useIsomorphicLayoutEffect(() => {
+    return editorStateManager.watch(options.editor)
+  }, [options.editor, editorStateManager])
+
+  useDebugValue(selectedState)
+
+  return selectedState
+}
diff --git a/packages/react/src/useReactNodeView.ts b/packages/react/src/useReactNodeView.ts
new file mode 100644
index 0000000..e9b7e46
--- /dev/null
+++ b/packages/react/src/useReactNodeView.ts
@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react'
+import { createContext, createElement, useContext } from 'react'
+
+export interface ReactNodeViewContextProps {
+  onDragStart?: (event: DragEvent) => void
+  nodeViewContentRef?: (element: HTMLElement | null) => void
+  /**
+   * This allows you to add children into the NodeViewContent component.
+   * This is useful when statically rendering the content of a node view.
+   */
+  nodeViewContentChildren?: ReactNode
+}
+
+export const ReactNodeViewContext = createContext<ReactNodeViewContextProps>({
+  onDragStart: () => {
+    // no-op
+  },
+  nodeViewContentChildren: undefined,
+  nodeViewContentRef: () => {
+    // no-op
+  },
+})
+
+export const ReactNodeViewContentProvider = ({
+  children,
+  content,
+}: {
+  children: ReactNode
+  content: ReactNode
+}) => {
+  return createElement(
+    ReactNodeViewContext.Provider,
+    { value: { nodeViewContentChildren: content } },
+    children,
+  )
+}
+
+export const useReactNodeView = () => useContext(ReactNodeViewContext)
diff --git a/packages/react/tests/integration/useClientBoundary.test.ts b/packages/react/tests/integration/useClientBoundary.test.ts
new file mode 100644
index 0000000..c543961
--- /dev/null
+++ b/packages/react/tests/integration/useClientBoundary.test.ts
@@ -0,0 +1,26 @@
+/**
+ * @vitest-environment node
+ */
+import { readFileSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+
+import { describe, expect, it } from 'vite-plus/test'
+
+// The package boundary must stay a client module so it can be imported from
+// React Server Components without evaluating the class components inside.
+const entries = ['../../src/index.ts', '../../src/menus/index.ts']
+
+describe('use client boundary', () => {
+  it.each(entries)('%s starts with the "use client" directive', entry => {
+    const path = fileURLToPath(new URL(entry, import.meta.url))
+
+    // The directive must be the very first statement (only a BOM may precede
+    // it), otherwise some RSC tooling ignores it. Do not trim leading blanks.
+    const firstLine = readFileSync(path, 'utf8')
+      .replace(/^\uFEFF/, '')
+      .split('\n')[0]
+      .trimEnd()
+
+    expect(firstLine).toMatch(/^(['"])use client\1;?$/)
+  })
+})
diff --git a/packages/react/vite.config.ts b/packages/react/vite.config.ts
new file mode 100644
index 0000000..d0ba2f8
--- /dev/null
+++ b/packages/react/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite-plus'
+import { tsupCompatibleExtensions } from '../../pack.config.mjs'
+
+const entries = ['src/index.ts', 'src/menus/index.ts']
+
+export default defineConfig({
+  pack: entries.map(entry => ({
+    entry: [entry],
+    tsconfig: '../../tsconfig.build.json',
+    outDir: `dist${entry.replace('src', '').split('/').slice(0, -1).join('/')}`,
+    dts: { sourcemap: true },
+    sourcemap: true,
+    target: 'es2019',
+    format: ['esm', 'cjs'],
+    deps: { neverBundle: [/^[^./]/] },
+    outExtensions: tsupCompatibleExtensions,
+  })),
+})
diff --git a/packages/starter-kit/README.md b/packages/starter-kit/README.md
new file mode 100644
index 0000000..c1ab810
--- /dev/null
+++ b/packages/starter-kit/README.md
@@ -0,0 +1,18 @@
+# @tiptap/starter-kit
+
+[![Version](https://img.shields.io/npm/v/@tiptap/starter-kit.svg?label=version)](https://www.npmjs.com/package/@tiptap/starter-kit)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/starter-kit.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/starter-kit.svg)](https://www.npmjs.com/package/@tiptap/starter-kit)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/starter-kit/package.json b/packages/starter-kit/package.json
new file mode 100644
index 0000000..fdd6a31
--- /dev/null
+++ b/packages/starter-kit/package.json
@@ -0,0 +1,66 @@
+{
+  "name": "@tiptap/starter-kit",
+  "version": "3.30.3",
+  "description": "starter kit for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap starter kit"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/starter-kit"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/extension-blockquote": "workspace:*",
+    "@tiptap/extension-bold": "workspace:*",
+    "@tiptap/extension-bullet-list": "workspace:*",
+    "@tiptap/extension-code": "workspace:*",
+    "@tiptap/extension-code-block": "workspace:*",
+    "@tiptap/extension-document": "workspace:*",
+    "@tiptap/extension-hard-break": "workspace:*",
+    "@tiptap/extension-heading": "workspace:*",
+    "@tiptap/extension-horizontal-rule": "workspace:*",
+    "@tiptap/extension-italic": "workspace:*",
+    "@tiptap/extension-link": "workspace:*",
+    "@tiptap/extension-list": "workspace:*",
+    "@tiptap/extension-ordered-list": "workspace:*",
+    "@tiptap/extension-paragraph": "workspace:*",
+    "@tiptap/extension-strike": "workspace:*",
+    "@tiptap/extension-text": "workspace:*",
+    "@tiptap/extension-underline": "workspace:*",
+    "@tiptap/extensions": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/starter-kit/src/index.ts b/packages/starter-kit/src/index.ts
new file mode 100644
index 0000000..13c6684
--- /dev/null
+++ b/packages/starter-kit/src/index.ts
@@ -0,0 +1,6 @@
+import { StarterKit } from './starter-kit.js'
+
+export type { StarterKitOptions } from './starter-kit.js'
+export * from './starter-kit.js'
+
+export default StarterKit
diff --git a/packages/starter-kit/src/starter-kit.ts b/packages/starter-kit/src/starter-kit.ts
new file mode 100644
index 0000000..528a16a
--- /dev/null
+++ b/packages/starter-kit/src/starter-kit.ts
@@ -0,0 +1,273 @@
+import { Extension } from '@tiptap/core'
+import type { BlockquoteOptions } from '@tiptap/extension-blockquote'
+import { Blockquote } from '@tiptap/extension-blockquote'
+import type { BoldOptions } from '@tiptap/extension-bold'
+import { Bold } from '@tiptap/extension-bold'
+import type { CodeOptions } from '@tiptap/extension-code'
+import { Code } from '@tiptap/extension-code'
+import type { CodeBlockOptions } from '@tiptap/extension-code-block'
+import { CodeBlock } from '@tiptap/extension-code-block'
+import { Document } from '@tiptap/extension-document'
+import type { HardBreakOptions } from '@tiptap/extension-hard-break'
+import { HardBreak } from '@tiptap/extension-hard-break'
+import type { HeadingOptions } from '@tiptap/extension-heading'
+import { Heading } from '@tiptap/extension-heading'
+import type { HorizontalRuleOptions } from '@tiptap/extension-horizontal-rule'
+import { HorizontalRule } from '@tiptap/extension-horizontal-rule'
+import type { ItalicOptions } from '@tiptap/extension-italic'
+import { Italic } from '@tiptap/extension-italic'
+import type { LinkOptions } from '@tiptap/extension-link'
+import { Link } from '@tiptap/extension-link'
+import type {
+  BulletListOptions,
+  ListItemOptions,
+  ListKeymapOptions,
+  OrderedListOptions,
+} from '@tiptap/extension-list'
+import { BulletList, ListItem, ListKeymap, OrderedList } from '@tiptap/extension-list'
+import type { ParagraphOptions } from '@tiptap/extension-paragraph'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import type { StrikeOptions } from '@tiptap/extension-strike'
+import { Strike } from '@tiptap/extension-strike'
+import { Text } from '@tiptap/extension-text'
+import type { UnderlineOptions } from '@tiptap/extension-underline'
+import { Underline } from '@tiptap/extension-underline'
+import type { DropcursorOptions, TrailingNodeOptions, UndoRedoOptions } from '@tiptap/extensions'
+import { Dropcursor, Gapcursor, TrailingNode, UndoRedo } from '@tiptap/extensions'
+
+export interface StarterKitOptions {
+  /**
+   * If set to false, the blockquote extension will not be registered
+   * @example blockquote: false
+   */
+  blockquote: Partial<BlockquoteOptions> | false
+
+  /**
+   * If set to false, the bold extension will not be registered
+   * @example bold: false
+   */
+  bold: Partial<BoldOptions> | false
+
+  /**
+   * If set to false, the bulletList extension will not be registered
+   * @example bulletList: false
+   */
+  bulletList: Partial<BulletListOptions> | false
+
+  /**
+   * If set to false, the code extension will not be registered
+   * @example code: false
+   */
+  code: Partial<CodeOptions> | false
+
+  /**
+   * If set to false, the codeBlock extension will not be registered
+   * @example codeBlock: false
+   */
+  codeBlock: Partial<CodeBlockOptions> | false
+
+  /**
+   * If set to false, the document extension will not be registered
+   * @example document: false
+   */
+  document: false
+
+  /**
+   * If set to false, the dropcursor extension will not be registered
+   * @example dropcursor: false
+   */
+  dropcursor: Partial<DropcursorOptions> | false
+
+  /**
+   * If set to false, the gapcursor extension will not be registered
+   * @example gapcursor: false
+   */
+  gapcursor: false
+
+  /**
+   * If set to false, the hardBreak extension will not be registered
+   * @example hardBreak: false
+   */
+  hardBreak: Partial<HardBreakOptions> | false
+
+  /**
+   * If set to false, the heading extension will not be registered
+   * @example heading: false
+   */
+  heading: Partial<HeadingOptions> | false
+
+  /**
+   * If set to false, the undo-redo extension will not be registered
+   * @example undoRedo: false
+   */
+  undoRedo: Partial<UndoRedoOptions> | false
+
+  /**
+   * If set to false, the horizontalRule extension will not be registered
+   * @example horizontalRule: false
+   */
+  horizontalRule: Partial<HorizontalRuleOptions> | false
+
+  /**
+   * If set to false, the italic extension will not be registered
+   * @example italic: false
+   */
+  italic: Partial<ItalicOptions> | false
+
+  /**
+   * If set to false, the listItem extension will not be registered
+   * @example listItem: false
+   */
+  listItem: Partial<ListItemOptions> | false
+
+  /**
+   * If set to false, the listItemKeymap extension will not be registered
+   * @example listKeymap: false
+   */
+  listKeymap: Partial<ListKeymapOptions> | false
+
+  /**
+   * If set to false, the link extension will not be registered
+   * @example link: false
+   */
+  link: Partial<LinkOptions> | false
+
+  /**
+   * If set to false, the orderedList extension will not be registered
+   * @example orderedList: false
+   */
+  orderedList: Partial<OrderedListOptions> | false
+
+  /**
+   * If set to false, the paragraph extension will not be registered
+   * @example paragraph: false
+   */
+  paragraph: Partial<ParagraphOptions> | false
+
+  /**
+   * If set to false, the strike extension will not be registered
+   * @example strike: false
+   */
+  strike: Partial<StrikeOptions> | false
+
+  /**
+   * If set to false, the text extension will not be registered
+   * @example text: false
+   */
+  text: false
+
+  /**
+   * If set to false, the underline extension will not be registered
+   * @example underline: false
+   */
+  underline: Partial<UnderlineOptions> | false
+
+  /**
+   * If set to false, the trailingNode extension will not be registered
+   * @example trailingNode: false
+   */
+  trailingNode: Partial<TrailingNodeOptions> | false
+}
+
+/**
+ * The starter kit is a collection of essential editor extensions.
+ *
+ * It’s a good starting point for building your own editor.
+ */
+export const StarterKit = Extension.create<StarterKitOptions>({
+  name: 'starterKit',
+
+  addExtensions() {
+    const extensions = []
+
+    if (this.options.bold !== false) {
+      extensions.push(Bold.configure(this.options.bold))
+    }
+
+    if (this.options.blockquote !== false) {
+      extensions.push(Blockquote.configure(this.options.blockquote))
+    }
+
+    if (this.options.bulletList !== false) {
+      extensions.push(BulletList.configure(this.options.bulletList))
+    }
+
+    if (this.options.code !== false) {
+      extensions.push(Code.configure(this.options.code))
+    }
+
+    if (this.options.codeBlock !== false) {
+      extensions.push(CodeBlock.configure(this.options.codeBlock))
+    }
+
+    if (this.options.document !== false) {
+      extensions.push(Document.configure(this.options.document))
+    }
+
+    if (this.options.dropcursor !== false) {
+      extensions.push(Dropcursor.configure(this.options.dropcursor))
+    }
+
+    if (this.options.gapcursor !== false) {
+      extensions.push(Gapcursor.configure(this.options.gapcursor))
+    }
+
+    if (this.options.hardBreak !== false) {
+      extensions.push(HardBreak.configure(this.options.hardBreak))
+    }
+
+    if (this.options.heading !== false) {
+      extensions.push(Heading.configure(this.options.heading))
+    }
+
+    if (this.options.undoRedo !== false) {
+      extensions.push(UndoRedo.configure(this.options.undoRedo))
+    }
+
+    if (this.options.horizontalRule !== false) {
+      extensions.push(HorizontalRule.configure(this.options.horizontalRule))
+    }
+
+    if (this.options.italic !== false) {
+      extensions.push(Italic.configure(this.options.italic))
+    }
+
+    if (this.options.listItem !== false) {
+      extensions.push(ListItem.configure(this.options.listItem))
+    }
+
+    if (this.options.listKeymap !== false) {
+      extensions.push(ListKeymap.configure(this.options?.listKeymap))
+    }
+
+    if (this.options.link !== false) {
+      extensions.push(Link.configure(this.options?.link))
+    }
+
+    if (this.options.orderedList !== false) {
+      extensions.push(OrderedList.configure(this.options.orderedList))
+    }
+
+    if (this.options.paragraph !== false) {
+      extensions.push(Paragraph.configure(this.options.paragraph))
+    }
+
+    if (this.options.strike !== false) {
+      extensions.push(Strike.configure(this.options.strike))
+    }
+
+    if (this.options.text !== false) {
+      extensions.push(Text.configure(this.options.text))
+    }
+
+    if (this.options.underline !== false) {
+      extensions.push(Underline.configure(this.options?.underline))
+    }
+
+    if (this.options.trailingNode !== false) {
+      extensions.push(TrailingNode.configure(this.options?.trailingNode))
+    }
+
+    return extensions
+  },
+})
diff --git a/packages/starter-kit/vite.config.ts b/packages/starter-kit/vite.config.ts
new file mode 100644
index 0000000..3fa94c6
--- /dev/null
+++ b/packages/starter-kit/vite.config.ts
@@ -0,0 +1,10 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+    deps: { neverBundle: [/^[^./]/] },
+  },
+})
diff --git a/packages/static-renderer/CHANGELOG.md b/packages/static-renderer/CHANGELOG.md
new file mode 100644
index 0000000..401d452
--- /dev/null
+++ b/packages/static-renderer/CHANGELOG.md
@@ -0,0 +1,1917 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- 9191700: Fixed table cell and header spans in the React static renderer.
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- 8afd05c: Fix Markdown table serialization for merged cells by preserving the correct column layout for rowspan and colspan.
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- e5316b9: Fix the static renderer ignoring `unhandledNode` and `unhandledMark` for node or mark types missing from the schema; such content now falls back to those renderers instead of throwing in `Node.fromJSON`
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- 6490a1d: Fix blockquote markdown rendering to add a trailing newline so subsequent content is not incorrectly included in the blockquote
+- 2dc3df6: Fix the types of the JSON static renderers (`renderJSONContentToReactElement` and `renderJSONContentToString`): you can now pass `JSONContent` directly and read node fields like `node.text` in your mappings without type errors or casts.
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- 6c35d17: Honor the `textDirection` editor option in `renderToHTMLString`, `renderToMarkdown`, and `renderToReactElement`, and omit `null`/`undefined` attribute values instead of serializing them as the literal string `"null"`.
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- 13b5894: Escape HTML string renderer text content and attribute values to prevent injected markup from untrusted content.
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- 32eb2e8: Fix static HTML renderer incorrectly generating self-closing tags for HTML elements that require proper closing tags (iframe, script, style, etc.).
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- c0d33fd: Fixed a bug causing invalid number of columns being created while converting tables to Markdown
+- 0943a52: Fixed an issue preventing overriding the default options of the static renderer's `renderToMarkdown` function.
+  - @tiptap/core@3.1.0
+  - @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- 22d6050: fix renderToMarkdown rendering a link href's as undefined
+  - @tiptap/core@3.0.9
+  - @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- 6a53bb2: # @tiptap/static-renderer
+
+  The `@tiptap/static-renderer` package provides a way to render a Tiptap/ProseMirror document to any target format, like an HTML string, a React component, or even markdown. It does so, by taking the original JSON of a document (or document partial) and attempts to map this to the output format, by matching against a list of nodes & marks.
+
+  ## Why Static Render?
+
+  The main use case for static rendering is to render a Tiptap/ProseMirror document on the server-side, for example in a Next.js or Nuxt.js application. This way, you can render the content of your editor to HTML before sending it to the client, which can improve the performance of your application.
+
+  Another use case is to render the content of your editor to another format like markdown, which can be useful if you want to send it to a markdown-based API.
+
+  But what makes it static? The static renderer doesn't require a browser or a DOM to render the content. It's a pure JavaScript function that takes a document (as JSON or Prosemirror Node instance) and returns the target format back.
+
+  ## Example
+
+  Render a Tiptap document to an HTML string:
+
+  ```js
+  import StarterKit from "@tiptap/starter-kit";
+  import { renderToHTMLString } from "@tiptap/static-renderer";
+
+  renderToHTMLString({
+    extensions: [StarterKit], // using your extensions
+    // we can map nodes and marks to HTML elements
+    options: {
+      nodeMapping: {
+        // custom node mappings
+      },
+      markMapping: {
+        // custom mark mappings
+      },
+      unhandledNode: ({ node }) => {
+        // handle unhandled nodes
+        return `[unknown node ${node.type.name}]`;
+      },
+      unhandledMark: ({ mark }) => {
+        // handle unhandled marks
+        return `[unknown node ${mark.type.name}]`;
+      },
+    },
+    // the source content to render
+    content: {
+      type: "doc",
+      content: [
+        {
+          type: "paragraph",
+          content: [
+            {
+              type: "text",
+              text: "Hello World!",
+            },
+          ],
+        },
+      ],
+    },
+  });
+  // returns: '<p>Hello World!</p>'
+  ```
+
+  Render to a React component:
+
+  ```js
+  import StarterKit from "@tiptap/starter-kit";
+  import { renderToReactElement } from "@tiptap/static-renderer";
+
+  renderToReactElement({
+    extensions: [StarterKit], // using your extensions
+    // we can map nodes and marks to HTML elements
+    options: {
+      nodeMapping: {
+        // custom node mappings
+      },
+      markMapping: {
+        // custom mark mappings
+      },
+      unhandledNode: ({ node }) => {
+        // handle unhandled nodes
+        return `[unknown node ${node.type.name}]`;
+      },
+      unhandledMark: ({ mark }) => {
+        // handle unhandled marks
+        return `[unknown node ${mark.type.name}]`;
+      },
+    },
+    // the source content to render
+    content: {
+      type: "doc",
+      content: [
+        {
+          type: "paragraph",
+          content: [
+            {
+              type: "text",
+              text: "Hello World!",
+            },
+          ],
+        },
+      ],
+    },
+  });
+  // returns a react node that, when evaluated, would be equivalent to: '<p>Hello World!</p>'
+  ```
+
+  There are a number of options available to customize the output, like custom node and mark mappings, or handling unhandled nodes and marks.
+
+  ## API
+
+  ### `renderToHTMLString`
+
+  ```ts
+  function renderToHTMLString(options: {
+    extensions: Extension[];
+    content: ProsemirrorNode | JSONContent;
+    options?: TiptapHTMLStaticRendererOptions;
+  }): string;
+  ```
+
+  #### `renderToHTMLString` Options
+
+  - `extensions`: An array of Tiptap extensions that are used to render the content.
+  - `content`: The content to render. Can be a Prosemirror Node instance or a JSON representation of a Prosemirror document.
+  - `options`: An object with additional options.
+  - `options.nodeMapping`: An object that maps Prosemirror nodes to HTML strings.
+  - `options.markMapping`: An object that maps Prosemirror marks to HTML strings.
+  - `options.unhandledNode`: A function that is called when an unhandled node is encountered.
+  - `options.unhandledMark`: A function that is called when an unhandled mark is encountered.
+
+  ### `renderToReactElement`
+
+  ```ts
+  function renderToReactElement(options: {
+    extensions: Extension[];
+    content: ProsemirrorNode | JSONContent;
+    options?: TiptapReactStaticRendererOptions;
+  }): ReactElement;
+  ```
+
+  #### `renderToReactElement` Options
+
+  - `extensions`: An array of Tiptap extensions that are used to render the content.
+  - `content`: The content to render. Can be a Prosemirror Node instance or a JSON representation of a Prosemirror document.
+  - `options`: An object with additional options.
+  - `options.nodeMapping`: An object that maps Prosemirror nodes to React components.
+  - `options.markMapping`: An object that maps Prosemirror marks to React components.
+  - `options.unhandledNode`: A function that is called when an unhandled node is encountered.
+  - `options.unhandledMark`: A function that is called when an unhandled mark is encountered.
+
+  ## How does it work?
+
+  Each Tiptap node/mark extension can define a `renderHTML` method which is used to generate default mappings of Prosemirror nodes/marks to the target format. These can be overridden by providing custom mappings in the options. One thing to note is that the static renderer doesn't support node views automatically, so you need to provide a mapping for each node type that you want rendered as a node view. Here is an example of how you can render a node view as a React component:
+
+  ```js
+  import { Node } from '@tiptap/core'
+  import { ReactNodeViewRenderer } from '@tiptap/react'
+  import StarterKit from '@tiptap/starter-kit'
+  import { renderToReactElement } from '@tiptap/static-renderer'
+
+  // This component does not have a NodeViewContent, so it does not render it's children's rich text content
+  function MyCustomComponentWithoutContent() {
+    const [count, setCount] = React.useState(200)
+
+    return (
+      <div className='custom-component-without-content' onClick={() => setCount(a => a + 1)}>
+        {count} This is a react component!
+      </div>
+    )
+  }
+
+  const CustomNodeExtensionWithoutContent = Node.create({
+    name: 'customNodeExtensionWithoutContent',
+    atom: true,
+    renderHTML() {
+      return ['div', { class: 'my-custom-component-without-content' }] as const
+    },
+    addNodeView() {
+      return ReactNodeViewRenderer(MyCustomComponentWithoutContent)
+    },
+  })
+
+  renderToReactElement({
+    extensions: [StarterKit, CustomNodeExtensionWithoutContent],
+    options: {
+      nodeMapping: {
+        // render the custom node with the intended node view React component
+        customNodeExtensionWithoutContent: MyCustomComponentWithoutContent,
+      },
+    },
+    content: {
+      type: 'doc',
+      content: [
+        {
+          type: 'customNodeExtensionWithoutContent',
+        },
+      ],
+    },
+  })
+  // returns: <div class="my-custom-component-without-content">200 This is a react component!</div>
+  ```
+
+  But what if you want to render the rich text content of the node view? You can do that by providing a `NodeViewContent` component as a child of the node view component:
+
+  ```js
+  import { Node } from '@tiptap/core'
+  import {
+    NodeViewContent,
+    ReactNodeViewContentProvider,
+    ReactNodeViewRenderer
+  } from '@tiptap/react'
+  import StarterKit from '@tiptap/starter-kit'
+  import { renderToReactElement } from '@tiptap/static-renderer'
+
+
+  // This component does have a NodeViewContent, so it will render it's children's rich text content
+  function MyCustomComponentWithContent() {
+    return (
+      <div className="custom-component-with-content">
+        Custom component with content in React!
+        <NodeViewContent />
+      </div>
+    )
+  }
+
+
+  const CustomNodeExtensionWithContent = Node.create({
+    name: 'customNodeExtensionWithContent',
+    content: 'text*',
+    group: 'block',
+    renderHTML() {
+      return ['div', { class: 'my-custom-component-with-content' }, 0] as const
+    },
+    addNodeView() {
+      return ReactNodeViewRenderer(MyCustomComponentWithContent)
+    },
+  })
+
+
+  renderToReactElement({
+    extensions: [StarterKit, CustomNodeExtensionWithContent],
+    options: {
+      nodeMapping: {
+        customNodeExtensionWithContent: ({ children }) => {
+          // To pass the content down into the NodeViewContent component, we need to wrap the custom component with the ReactNodeViewContentProvider
+          return (
+            <ReactNodeViewContentProvider content={children}>
+              <MyCustomComponentWithContent />
+            </ReactNodeViewContentProvider>
+          )
+        },
+      },
+    },
+    content: {
+      type: 'doc',
+      content: [
+        {
+          type: 'customNodeExtensionWithContent',
+          // rich text content
+          content: [
+            {
+              type: 'text',
+              text: 'Hello, world!',
+            },
+          ],
+        },
+      ],
+    },
+  })
+
+  // returns: <div class="custom-component-with-content">Custom component with content in React!<div data-node-view-content="" style="white-space:pre-wrap">Hello, world!</div></div>
+  // Note: The NodeViewContent component is rendered as a div with the attribute data-node-view-content, and the rich text content is rendered inside of it
+  ```
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 81bb134: Fixed a bug causing inline-styles to be parsed as strings for React
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- 81bb134: Fixed a bug causing inline-styles to be parsed as strings for React
+  - @tiptap/core@3.0.0-beta.11
+  - @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- 6a53bb2: # @tiptap/static-renderer
+
+  The `@tiptap/static-renderer` package provides a way to render a Tiptap/ProseMirror document to any target format, like an HTML string, a React component, or even markdown. It does so, by taking the original JSON of a document (or document partial) and attempts to map this to the output format, by matching against a list of nodes & marks.
+
+  ## Why Static Render?
+
+  The main use case for static rendering is to render a Tiptap/ProseMirror document on the server-side, for example in a Next.js or Nuxt.js application. This way, you can render the content of your editor to HTML before sending it to the client, which can improve the performance of your application.
+
+  Another use case is to render the content of your editor to another format like markdown, which can be useful if you want to send it to a markdown-based API.
+
+  But what makes it static? The static renderer doesn't require a browser or a DOM to render the content. It's a pure JavaScript function that takes a document (as JSON or Prosemirror Node instance) and returns the target format back.
+
+  ## Example
+
+  Render a Tiptap document to an HTML string:
+
+  ```js
+  import StarterKit from "@tiptap/starter-kit";
+  import { renderToHTMLString } from "@tiptap/static-renderer";
+
+  renderToHTMLString({
+    extensions: [StarterKit], // using your extensions
+    // we can map nodes and marks to HTML elements
+    options: {
+      nodeMapping: {
+        // custom node mappings
+      },
+      markMapping: {
+        // custom mark mappings
+      },
+      unhandledNode: ({ node }) => {
+        // handle unhandled nodes
+        return `[unknown node ${node.type.name}]`;
+      },
+      unhandledMark: ({ mark }) => {
+        // handle unhandled marks
+        return `[unknown node ${mark.type.name}]`;
+      },
+    },
+    // the source content to render
+    content: {
+      type: "doc",
+      content: [
+        {
+          type: "paragraph",
+          content: [
+            {
+              type: "text",
+              text: "Hello World!",
+            },
+          ],
+        },
+      ],
+    },
+  });
+  // returns: '<p>Hello World!</p>'
+  ```
+
+  Render to a React component:
+
+  ```js
+  import StarterKit from "@tiptap/starter-kit";
+  import { renderToReactElement } from "@tiptap/static-renderer";
+
+  renderToReactElement({
+    extensions: [StarterKit], // using your extensions
+    // we can map nodes and marks to HTML elements
+    options: {
+      nodeMapping: {
+        // custom node mappings
+      },
+      markMapping: {
+        // custom mark mappings
+      },
+      unhandledNode: ({ node }) => {
+        // handle unhandled nodes
+        return `[unknown node ${node.type.name}]`;
+      },
+      unhandledMark: ({ mark }) => {
+        // handle unhandled marks
+        return `[unknown node ${mark.type.name}]`;
+      },
+    },
+    // the source content to render
+    content: {
+      type: "doc",
+      content: [
+        {
+          type: "paragraph",
+          content: [
+            {
+              type: "text",
+              text: "Hello World!",
+            },
+          ],
+        },
+      ],
+    },
+  });
+  // returns a react node that, when evaluated, would be equivalent to: '<p>Hello World!</p>'
+  ```
+
+  There are a number of options available to customize the output, like custom node and mark mappings, or handling unhandled nodes and marks.
+
+  ## API
+
+  ### `renderToHTMLString`
+
+  ```ts
+  function renderToHTMLString(options: {
+    extensions: Extension[];
+    content: ProsemirrorNode | JSONContent;
+    options?: TiptapHTMLStaticRendererOptions;
+  }): string;
+  ```
+
+  #### `renderToHTMLString` Options
+
+  - `extensions`: An array of Tiptap extensions that are used to render the content.
+  - `content`: The content to render. Can be a Prosemirror Node instance or a JSON representation of a Prosemirror document.
+  - `options`: An object with additional options.
+  - `options.nodeMapping`: An object that maps Prosemirror nodes to HTML strings.
+  - `options.markMapping`: An object that maps Prosemirror marks to HTML strings.
+  - `options.unhandledNode`: A function that is called when an unhandled node is encountered.
+  - `options.unhandledMark`: A function that is called when an unhandled mark is encountered.
+
+  ### `renderToReactElement`
+
+  ```ts
+  function renderToReactElement(options: {
+    extensions: Extension[];
+    content: ProsemirrorNode | JSONContent;
+    options?: TiptapReactStaticRendererOptions;
+  }): ReactElement;
+  ```
+
+  #### `renderToReactElement` Options
+
+  - `extensions`: An array of Tiptap extensions that are used to render the content.
+  - `content`: The content to render. Can be a Prosemirror Node instance or a JSON representation of a Prosemirror document.
+  - `options`: An object with additional options.
+  - `options.nodeMapping`: An object that maps Prosemirror nodes to React components.
+  - `options.markMapping`: An object that maps Prosemirror marks to React components.
+  - `options.unhandledNode`: A function that is called when an unhandled node is encountered.
+  - `options.unhandledMark`: A function that is called when an unhandled mark is encountered.
+
+  ## How does it work?
+
+  Each Tiptap node/mark extension can define a `renderHTML` method which is used to generate default mappings of Prosemirror nodes/marks to the target format. These can be overridden by providing custom mappings in the options. One thing to note is that the static renderer doesn't support node views automatically, so you need to provide a mapping for each node type that you want rendered as a node view. Here is an example of how you can render a node view as a React component:
+
+  ```js
+  import { Node } from '@tiptap/core'
+  import { ReactNodeViewRenderer } from '@tiptap/react'
+  import StarterKit from '@tiptap/starter-kit'
+  import { renderToReactElement } from '@tiptap/static-renderer'
+
+  // This component does not have a NodeViewContent, so it does not render it's children's rich text content
+  function MyCustomComponentWithoutContent() {
+    const [count, setCount] = React.useState(200)
+
+    return (
+      <div className='custom-component-without-content' onClick={() => setCount(a => a + 1)}>
+        {count} This is a react component!
+      </div>
+    )
+  }
+
+  const CustomNodeExtensionWithoutContent = Node.create({
+    name: 'customNodeExtensionWithoutContent',
+    atom: true,
+    renderHTML() {
+      return ['div', { class: 'my-custom-component-without-content' }] as const
+    },
+    addNodeView() {
+      return ReactNodeViewRenderer(MyCustomComponentWithoutContent)
+    },
+  })
+
+  renderToReactElement({
+    extensions: [StarterKit, CustomNodeExtensionWithoutContent],
+    options: {
+      nodeMapping: {
+        // render the custom node with the intended node view React component
+        customNodeExtensionWithoutContent: MyCustomComponentWithoutContent,
+      },
+    },
+    content: {
+      type: 'doc',
+      content: [
+        {
+          type: 'customNodeExtensionWithoutContent',
+        },
+      ],
+    },
+  })
+  // returns: <div class="my-custom-component-without-content">200 This is a react component!</div>
+  ```
+
+  But what if you want to render the rich text content of the node view? You can do that by providing a `NodeViewContent` component as a child of the node view component:
+
+  ```js
+  import { Node } from '@tiptap/core'
+  import {
+    NodeViewContent,
+    ReactNodeViewContentProvider,
+    ReactNodeViewRenderer
+  } from '@tiptap/react'
+  import StarterKit from '@tiptap/starter-kit'
+  import { renderToReactElement } from '@tiptap/static-renderer'
+
+
+  // This component does have a NodeViewContent, so it will render it's children's rich text content
+  function MyCustomComponentWithContent() {
+    return (
+      <div className="custom-component-with-content">
+        Custom component with content in React!
+        <NodeViewContent />
+      </div>
+    )
+  }
+
+
+  const CustomNodeExtensionWithContent = Node.create({
+    name: 'customNodeExtensionWithContent',
+    content: 'text*',
+    group: 'block',
+    renderHTML() {
+      return ['div', { class: 'my-custom-component-with-content' }, 0] as const
+    },
+    addNodeView() {
+      return ReactNodeViewRenderer(MyCustomComponentWithContent)
+    },
+  })
+
+
+  renderToReactElement({
+    extensions: [StarterKit, CustomNodeExtensionWithContent],
+    options: {
+      nodeMapping: {
+        customNodeExtensionWithContent: ({ children }) => {
+          // To pass the content down into the NodeViewContent component, we need to wrap the custom component with the ReactNodeViewContentProvider
+          return (
+            <ReactNodeViewContentProvider content={children}>
+              <MyCustomComponentWithContent />
+            </ReactNodeViewContentProvider>
+          )
+        },
+      },
+    },
+    content: {
+      type: 'doc',
+      content: [
+        {
+          type: 'customNodeExtensionWithContent',
+          // rich text content
+          content: [
+            {
+              type: 'text',
+              text: 'Hello, world!',
+            },
+          ],
+        },
+      ],
+    },
+  })
+
+  // returns: <div class="custom-component-with-content">Custom component with content in React!<div data-node-view-content="" style="white-space:pre-wrap">Hello, world!</div></div>
+  // Note: The NodeViewContent component is rendered as a div with the attribute data-node-view-content, and the rich text content is rendered inside of it
+  ```
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+### Major Changes
+
+- 6a53bb2: # @tiptap/static-renderer
+
+  The `@tiptap/static-renderer` package provides a way to render a Tiptap/ProseMirror document to any target format, like an HTML string, a React component, or even markdown. It does so, by taking the original JSON of a document (or document partial) and attempts to map this to the output format, by matching against a list of nodes & marks.
+
+  ## Why Static Render?
+
+  The main use case for static rendering is to render a Tiptap/ProseMirror document on the server-side, for example in a Next.js or Nuxt.js application. This way, you can render the content of your editor to HTML before sending it to the client, which can improve the performance of your application.
+
+  Another use case is to render the content of your editor to another format like markdown, which can be useful if you want to send it to a markdown-based API.
+
+  But what makes it static? The static renderer doesn't require a browser or a DOM to render the content. It's a pure JavaScript function that takes a document (as JSON or Prosemirror Node instance) and returns the target format back.
+
+  ## Example
+
+  Render a Tiptap document to an HTML string:
+
+  ```js
+  import StarterKit from "@tiptap/starter-kit";
+  import { renderToHTMLString } from "@tiptap/static-renderer";
+
+  renderToHTMLString({
+    extensions: [StarterKit], // using your extensions
+    // we can map nodes and marks to HTML elements
+    options: {
+      nodeMapping: {
+        // custom node mappings
+      },
+      markMapping: {
+        // custom mark mappings
+      },
+      unhandledNode: ({ node }) => {
+        // handle unhandled nodes
+        return `[unknown node ${node.type.name}]`;
+      },
+      unhandledMark: ({ mark }) => {
+        // handle unhandled marks
+        return `[unknown node ${mark.type.name}]`;
+      },
+    },
+    // the source content to render
+    content: {
+      type: "doc",
+      content: [
+        {
+          type: "paragraph",
+          content: [
+            {
+              type: "text",
+              text: "Hello World!",
+            },
+          ],
+        },
+      ],
+    },
+  });
+  // returns: '<p>Hello World!</p>'
+  ```
+
+  Render to a React component:
+
+  ```js
+  import StarterKit from "@tiptap/starter-kit";
+  import { renderToReactElement } from "@tiptap/static-renderer";
+
+  renderToReactElement({
+    extensions: [StarterKit], // using your extensions
+    // we can map nodes and marks to HTML elements
+    options: {
+      nodeMapping: {
+        // custom node mappings
+      },
+      markMapping: {
+        // custom mark mappings
+      },
+      unhandledNode: ({ node }) => {
+        // handle unhandled nodes
+        return `[unknown node ${node.type.name}]`;
+      },
+      unhandledMark: ({ mark }) => {
+        // handle unhandled marks
+        return `[unknown node ${mark.type.name}]`;
+      },
+    },
+    // the source content to render
+    content: {
+      type: "doc",
+      content: [
+        {
+          type: "paragraph",
+          content: [
+            {
+              type: "text",
+              text: "Hello World!",
+            },
+          ],
+        },
+      ],
+    },
+  });
+  // returns a react node that, when evaluated, would be equivalent to: '<p>Hello World!</p>'
+  ```
+
+  There are a number of options available to customize the output, like custom node and mark mappings, or handling unhandled nodes and marks.
+
+  ## API
+
+  ### `renderToHTMLString`
+
+  ```ts
+  function renderToHTMLString(options: {
+    extensions: Extension[];
+    content: ProsemirrorNode | JSONContent;
+    options?: TiptapHTMLStaticRendererOptions;
+  }): string;
+  ```
+
+  #### `renderToHTMLString` Options
+
+  - `extensions`: An array of Tiptap extensions that are used to render the content.
+  - `content`: The content to render. Can be a Prosemirror Node instance or a JSON representation of a Prosemirror document.
+  - `options`: An object with additional options.
+  - `options.nodeMapping`: An object that maps Prosemirror nodes to HTML strings.
+  - `options.markMapping`: An object that maps Prosemirror marks to HTML strings.
+  - `options.unhandledNode`: A function that is called when an unhandled node is encountered.
+  - `options.unhandledMark`: A function that is called when an unhandled mark is encountered.
+
+  ### `renderToReactElement`
+
+  ```ts
+  function renderToReactElement(options: {
+    extensions: Extension[];
+    content: ProsemirrorNode | JSONContent;
+    options?: TiptapReactStaticRendererOptions;
+  }): ReactElement;
+  ```
+
+  #### `renderToReactElement` Options
+
+  - `extensions`: An array of Tiptap extensions that are used to render the content.
+  - `content`: The content to render. Can be a Prosemirror Node instance or a JSON representation of a Prosemirror document.
+  - `options`: An object with additional options.
+  - `options.nodeMapping`: An object that maps Prosemirror nodes to React components.
+  - `options.markMapping`: An object that maps Prosemirror marks to React components.
+  - `options.unhandledNode`: A function that is called when an unhandled node is encountered.
+  - `options.unhandledMark`: A function that is called when an unhandled mark is encountered.
+
+  ## How does it work?
+
+  Each Tiptap node/mark extension can define a `renderHTML` method which is used to generate default mappings of Prosemirror nodes/marks to the target format. These can be overridden by providing custom mappings in the options. One thing to note is that the static renderer doesn't support node views automatically, so you need to provide a mapping for each node type that you want rendered as a node view. Here is an example of how you can render a node view as a React component:
+
+  ```js
+  import { Node } from '@tiptap/core'
+  import { ReactNodeViewRenderer } from '@tiptap/react'
+  import StarterKit from '@tiptap/starter-kit'
+  import { renderToReactElement } from '@tiptap/static-renderer'
+
+  // This component does not have a NodeViewContent, so it does not render it's children's rich text content
+  function MyCustomComponentWithoutContent() {
+    const [count, setCount] = React.useState(200)
+
+    return (
+      <div className='custom-component-without-content' onClick={() => setCount(a => a + 1)}>
+        {count} This is a react component!
+      </div>
+    )
+  }
+
+  const CustomNodeExtensionWithoutContent = Node.create({
+    name: 'customNodeExtensionWithoutContent',
+    atom: true,
+    renderHTML() {
+      return ['div', { class: 'my-custom-component-without-content' }] as const
+    },
+    addNodeView() {
+      return ReactNodeViewRenderer(MyCustomComponentWithoutContent)
+    },
+  })
+
+  renderToReactElement({
+    extensions: [StarterKit, CustomNodeExtensionWithoutContent],
+    options: {
+      nodeMapping: {
+        // render the custom node with the intended node view React component
+        customNodeExtensionWithoutContent: MyCustomComponentWithoutContent,
+      },
+    },
+    content: {
+      type: 'doc',
+      content: [
+        {
+          type: 'customNodeExtensionWithoutContent',
+        },
+      ],
+    },
+  })
+  // returns: <div class="my-custom-component-without-content">200 This is a react component!</div>
+  ```
+
+  But what if you want to render the rich text content of the node view? You can do that by providing a `NodeViewContent` component as a child of the node view component:
+
+  ```js
+  import { Node } from '@tiptap/core'
+  import {
+    NodeViewContent,
+    ReactNodeViewContentProvider,
+    ReactNodeViewRenderer
+  } from '@tiptap/react'
+  import StarterKit from '@tiptap/starter-kit'
+  import { renderToReactElement } from '@tiptap/static-renderer'
+
+
+  // This component does have a NodeViewContent, so it will render it's children's rich text content
+  function MyCustomComponentWithContent() {
+    return (
+      <div className="custom-component-with-content">
+        Custom component with content in React!
+        <NodeViewContent />
+      </div>
+    )
+  }
+
+
+  const CustomNodeExtensionWithContent = Node.create({
+    name: 'customNodeExtensionWithContent',
+    content: 'text*',
+    group: 'block',
+    renderHTML() {
+      return ['div', { class: 'my-custom-component-with-content' }, 0] as const
+    },
+    addNodeView() {
+      return ReactNodeViewRenderer(MyCustomComponentWithContent)
+    },
+  })
+
+
+  renderToReactElement({
+    extensions: [StarterKit, CustomNodeExtensionWithContent],
+    options: {
+      nodeMapping: {
+        customNodeExtensionWithContent: ({ children }) => {
+          // To pass the content down into the NodeViewContent component, we need to wrap the custom component with the ReactNodeViewContentProvider
+          return (
+            <ReactNodeViewContentProvider content={children}>
+              <MyCustomComponentWithContent />
+            </ReactNodeViewContentProvider>
+          )
+        },
+      },
+    },
+    content: {
+      type: 'doc',
+      content: [
+        {
+          type: 'customNodeExtensionWithContent',
+          // rich text content
+          content: [
+            {
+              type: 'text',
+              text: 'Hello, world!',
+            },
+          ],
+        },
+      ],
+    },
+  })
+
+  // returns: <div class="custom-component-with-content">Custom component with content in React!<div data-node-view-content="" style="white-space:pre-wrap">Hello, world!</div></div>
+  // Note: The NodeViewContent component is rendered as a div with the attribute data-node-view-content, and the rich text content is rendered inside of it
+  ```
diff --git a/packages/static-renderer/README.md b/packages/static-renderer/README.md
new file mode 100644
index 0000000..3097c21
--- /dev/null
+++ b/packages/static-renderer/README.md
@@ -0,0 +1,51 @@
+# @tiptap/static-renderer
+
+[![Version](https://img.shields.io/npm/v/@tiptap/static-renderer.svg?label=version)](https://www.npmjs.com/package/@tiptap/static-renderer)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/static-renderer.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/static-renderer.svg)](https://www.npmjs.com/package/@tiptap/static-renderer)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## Limitations & workarounds
+
+The static renderer builds the ProseMirror schema and runs each extension's
+`renderHTML`, but it does **not** instantiate an `Editor`. As a result:
+
+- `addProseMirrorPlugins`, `onCreate`, `onUpdate`, and transaction hooks do
+  not run.
+- Extensions that assign attributes via those mechanisms — such as
+  `UniqueID` (`data-id`) and `TableOfContents` (`id`, `data-toc-id`) — will
+  not populate those attributes on their own.
+
+For these cases, pre-process the JSON document before rendering:
+
+```ts
+import { generateUniqueIds } from '@tiptap/extension-unique-id'
+import { generateTocIds } from '@tiptap/extension-table-of-contents'
+import { renderToHTMLString } from '@tiptap/static-renderer/pm/html-string'
+
+let doc = sourceJson
+doc = generateUniqueIds(doc, extensions) // if using UniqueID
+doc = generateTocIds(doc, extensions) // if using TableOfContents
+
+const html = renderToHTMLString({
+  content: doc,
+  extensions,
+  staticEditorOptions: { textDirection: 'auto' }, // mirrors a subset of EditorOptions
+})
+```
+
+Editor-level options that affect output are accepted via the
+`staticEditorOptions` object (currently `textDirection`). Other editor options
+that depend on a runtime view or transaction stream are out of scope.
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/static-renderer/package.json b/packages/static-renderer/package.json
new file mode 100644
index 0000000..4f7e993
--- /dev/null
+++ b/packages/static-renderer/package.json
@@ -0,0 +1,99 @@
+{
+  "name": "@tiptap/static-renderer",
+  "version": "3.30.3",
+  "description": "statically render Tiptap JSON",
+  "keywords": [
+    "tiptap",
+    "tiptap react renderer",
+    "tiptap static renderer"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/static-renderer"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./json/react": {
+      "types": {
+        "import": "./dist/json/react/index.d.ts",
+        "require": "./dist/json/react/index.d.cts"
+      },
+      "import": "./dist/json/react/index.js",
+      "require": "./dist/json/react/index.cjs"
+    },
+    "./json/html-string": {
+      "types": {
+        "import": "./dist/json/html-string/index.d.ts",
+        "require": "./dist/json/html-string/index.d.cts"
+      },
+      "import": "./dist/json/html-string/index.js",
+      "require": "./dist/json/html-string/index.cjs"
+    },
+    "./pm/react": {
+      "types": {
+        "import": "./dist/pm/react/index.d.ts",
+        "require": "./dist/pm/react/index.d.cts"
+      },
+      "import": "./dist/pm/react/index.js",
+      "require": "./dist/pm/react/index.cjs"
+    },
+    "./pm/html-string": {
+      "types": {
+        "import": "./dist/pm/html-string/index.d.ts",
+        "require": "./dist/pm/html-string/index.d.cts"
+      },
+      "import": "./dist/pm/html-string/index.js",
+      "require": "./dist/pm/html-string/index.cjs"
+    },
+    "./pm/markdown": {
+      "types": {
+        "import": "./dist/pm/markdown/index.d.ts",
+        "require": "./dist/pm/markdown/index.d.cts"
+      },
+      "import": "./dist/pm/markdown/index.js",
+      "require": "./dist/pm/markdown/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "peerDependencies": {
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+  }
+}
diff --git a/packages/static-renderer/src/helpers.ts b/packages/static-renderer/src/helpers.ts
new file mode 100644
index 0000000..4e4c5cb
--- /dev/null
+++ b/packages/static-renderer/src/helpers.ts
@@ -0,0 +1,70 @@
+/* oslint-disableno-explicit-any */
+import {
+  type ExtensionAttribute,
+  type MarkType,
+  type NodeType,
+  mergeAttributes,
+} from '@tiptap/core'
+
+/**
+ * This function returns the attributes of a node or mark that are defined by the given extension attributes.
+ * @param nodeOrMark The node or mark to get the attributes from
+ * @param extensionAttributes The extension attributes to use
+ * @param onlyRenderedAttributes If true, only attributes that are rendered in the HTML are returned
+ */
+export function getAttributes(
+  nodeOrMark: NodeType | MarkType,
+  extensionAttributes: ExtensionAttribute[],
+  onlyRenderedAttributes?: boolean,
+): Record<string, any> {
+  const nodeOrMarkAttributes = nodeOrMark.attrs
+
+  if (!nodeOrMarkAttributes) {
+    return {}
+  }
+
+  return extensionAttributes
+    .filter(item => {
+      if (
+        item.type !== (typeof nodeOrMark.type === 'string' ? nodeOrMark.type : nodeOrMark.type.name)
+      ) {
+        return false
+      }
+      if (onlyRenderedAttributes) {
+        return item.attribute.rendered
+      }
+      return true
+    })
+    .map(item => {
+      if (!item.attribute.renderHTML) {
+        return {
+          [item.name]:
+            item.name in nodeOrMarkAttributes
+              ? nodeOrMarkAttributes[item.name]
+              : item.attribute.default,
+        }
+      }
+
+      return (
+        item.attribute.renderHTML(nodeOrMarkAttributes) || {
+          [item.name]:
+            item.name in nodeOrMarkAttributes
+              ? nodeOrMarkAttributes[item.name]
+              : item.attribute.default,
+        }
+      )
+    })
+    .reduce((attributes, attribute) => mergeAttributes(attributes, attribute), {})
+}
+
+/**
+ * This function returns the HTML attributes of a node or mark that are defined by the given extension attributes.
+ * @param nodeOrMark The node or mark to get the attributes from
+ * @param extensionAttributes The extension attributes to use
+ */
+export function getHTMLAttributes(
+  nodeOrMark: NodeType | MarkType,
+  extensionAttributes: ExtensionAttribute[],
+) {
+  return getAttributes(nodeOrMark, extensionAttributes, true)
+}
diff --git a/packages/static-renderer/src/index.ts b/packages/static-renderer/src/index.ts
new file mode 100644
index 0000000..6d62013
--- /dev/null
+++ b/packages/static-renderer/src/index.ts
@@ -0,0 +1,6 @@
+export * from './helpers.js'
+export * from './json/html-string/index.js'
+export * from './json/react/index.js'
+export * from './pm/html-string/index.js'
+export * from './pm/markdown/index.js'
+export * from './pm/react/index.js'
diff --git a/packages/static-renderer/src/json/html-string/index.ts b/packages/static-renderer/src/json/html-string/index.ts
new file mode 100644
index 0000000..6713085
--- /dev/null
+++ b/packages/static-renderer/src/json/html-string/index.ts
@@ -0,0 +1,2 @@
+export * from '../renderer.js'
+export * from './string.js'
diff --git a/packages/static-renderer/src/json/html-string/string.test.ts b/packages/static-renderer/src/json/html-string/string.test.ts
new file mode 100644
index 0000000..fb0ad5f
--- /dev/null
+++ b/packages/static-renderer/src/json/html-string/string.test.ts
@@ -0,0 +1,205 @@
+import {
+  renderJSONContentToString,
+  serializeAttrsToHTMLString,
+  serializeChildrenToHTMLString,
+} from './string.js'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('static render json to string (no prosemirror)', () => {
+  it('generate an HTML string from JSON without an editor instance', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+            },
+          ],
+        },
+      ],
+      attrs: {},
+    }
+
+    const html = renderJSONContentToString({
+      nodeMapping: {
+        doc: ({ children }) => {
+          return `<doc>${serializeChildrenToHTMLString(children)}</doc>`
+        },
+        paragraph: ({ children }) => {
+          return `<p>${serializeChildrenToHTMLString(children)}</p>`
+        },
+        text: ({ node }) => {
+          // `node.text` is accessible directly (typed `string | undefined`)
+          // without casting to `TextType`.
+          return node.text ?? ''
+        },
+      },
+      markMapping: {},
+    })({ content: json })
+
+    expect(html).toBe('<doc><p>Example Text</p></doc>')
+  })
+
+  it('supports mapping nodes & marks', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+              marks: [
+                {
+                  type: 'bold',
+                  attrs: {},
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      attrs: {},
+    }
+
+    const html = renderJSONContentToString({
+      nodeMapping: {
+        doc: ({ children }) => {
+          return `<doc>${serializeChildrenToHTMLString(children)}</doc>`
+        },
+        paragraph: ({ children }) => {
+          return `<p>${serializeChildrenToHTMLString(children)}</p>`
+        },
+        text: ({ node }) => {
+          // `node.text` is accessible directly (typed `string | undefined`)
+          // without casting to `TextType`.
+          return node.text ?? ''
+        },
+      },
+      markMapping: {
+        bold: ({ children }) => {
+          return `<strong>${serializeChildrenToHTMLString(children)}</strong>`
+        },
+      },
+    })({ content: json })
+
+    expect(html).toBe('<doc><p><strong>Example Text</strong></p></doc>')
+  })
+
+  it('escapes serialized HTML attributes', () => {
+    const attrs = serializeAttrsToHTMLString({
+      href: 'x"><img src=x onerror=alert(document.cookie)>',
+      title: 'Tom & "Jerry"',
+    })
+
+    expect(attrs).toBe(
+      ' href="x&quot;&gt;&lt;img src=x onerror=alert(document.cookie)&gt;" title="Tom &amp; &quot;Jerry&quot;"',
+    )
+  })
+
+  it('gives access to the original JSON node or mark', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'heading',
+          attrs: {
+            level: 2,
+          },
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+              marks: [
+                {
+                  type: 'bold',
+                  attrs: {},
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      attrs: {},
+    }
+
+    const html = renderJSONContentToString({
+      nodeMapping: {
+        doc: ({ node, children }) => {
+          expect(node).toEqual(json)
+          return `<doc>${serializeChildrenToHTMLString(children)}</doc>`
+        },
+        heading: ({ node, children }) => {
+          expect(node).toEqual({
+            type: 'heading',
+            attrs: {
+              level: 2,
+            },
+            content: [
+              {
+                type: 'text',
+                text: 'Example Text',
+                marks: [
+                  {
+                    type: 'bold',
+                    attrs: {},
+                  },
+                ],
+              },
+            ],
+          })
+          return `<h${node.attrs.level}>${serializeChildrenToHTMLString(children)}</h${node.attrs.level}>`
+        },
+        text: ({ node }) => {
+          expect(node).toEqual({
+            type: 'text',
+            text: 'Example Text',
+            marks: [
+              {
+                type: 'bold',
+                attrs: {},
+              },
+            ],
+          })
+          // `node.text` is accessible directly (typed `string | undefined`)
+          // without casting to `TextType`.
+          return node.text ?? ''
+        },
+      },
+      markMapping: {
+        bold: ({ children, mark }) => {
+          expect(mark).toEqual({
+            type: 'bold',
+            attrs: {},
+          })
+          return `<strong>${serializeChildrenToHTMLString(children)}</strong>`
+        },
+      },
+    })({ content: json })
+
+    expect(html).toBe('<doc><h2><strong>Example Text</strong></h2></doc>')
+  })
+
+  it('throws a clear "missing handler" error for a node without a type instead of crashing', () => {
+    // Node-type resolution falls back to '' for a missing/undefined `type`, so a
+    // malformed node routes through the normal "missing handler" contract rather
+    // than throwing a raw TypeError on `content.type.name`.
+    const render = renderJSONContentToString({ nodeMapping: {}, markMapping: {} })
+
+    expect(() => render({ content: {} })).toThrow(/missing handler for node type/)
+  })
+
+  it('routes a node without a type to unhandledNode when one is provided', () => {
+    const html = renderJSONContentToString({
+      nodeMapping: {},
+      markMapping: {},
+      unhandledNode: () => '<unhandled />',
+    })({ content: {} })
+
+    expect(html).toBe('<unhandled />')
+  })
+})
diff --git a/packages/static-renderer/src/json/html-string/string.ts b/packages/static-renderer/src/json/html-string/string.ts
new file mode 100644
index 0000000..a10d003
--- /dev/null
+++ b/packages/static-renderer/src/json/html-string/string.ts
@@ -0,0 +1,68 @@
+/* oslint-disableno-explicit-any */
+import type { JSONMarkType, JSONNodeType, TiptapStaticRendererOptions } from '../renderer.js'
+import { TiptapStaticRenderer } from '../renderer.js'
+
+export function renderJSONContentToString<
+  /**
+   * A mark type is either a JSON representation of a mark or a Prosemirror mark instance
+   */
+  TMarkType extends { type: any } = JSONMarkType,
+  /**
+   * A node type is either a JSON representation of a node or a Prosemirror node instance
+   */
+  TNodeType extends {
+    content?: { forEach: (cb: (node: TNodeType) => void) => void }
+    marks?: readonly TMarkType[]
+    type?: string | { name: string }
+  } = JSONNodeType<TMarkType>,
+>(options: TiptapStaticRendererOptions<string, TMarkType, TNodeType>) {
+  return TiptapStaticRenderer(ctx => {
+    return ctx.component(ctx.props as any)
+  }, options)
+}
+
+/**
+ * Escape text for HTML text content.
+ * @param value The text to escape
+ * @returns The escaped text
+ */
+export function escapeHTML(value: string): string {
+  return value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+}
+
+/**
+ * Escape values for quoted HTML attributes.
+ * @param value The attribute value to escape
+ * @returns The escaped attribute value
+ */
+export function escapeHTMLAttribute(value: string): string {
+  return escapeHTML(value).replace(/"/g, '&quot;')
+}
+
+/**
+ * Serialize the attributes of a node or mark to a string
+ * @param attrs The attributes to serialize
+ * @returns The serialized attributes as a string
+ */
+export function serializeAttrsToHTMLString(attrs: Record<string, any> | undefined | null): string {
+  // Match ProseMirror's DOMSerializer.renderSpec, which omits null/undefined attribute
+  // values rather than stringifying them — otherwise we emit attrs like class="null".
+  const output = Object.entries(attrs || {})
+    .filter(([, value]) => value != null)
+    .map(([key, value]) => `${key.split(' ').at(-1)}="${escapeHTMLAttribute(String(value))}"`)
+    .join(' ')
+
+  return output ? ` ${output}` : ''
+}
+
+/**
+ * Serialize the children of a node or mark to a string
+ * @param children The children to serialize
+ * @returns The serialized children as a string
+ */
+export function serializeChildrenToHTMLString(children?: string | string[]): string {
+  return ([] as string[])
+    .concat(children || '')
+    .filter(Boolean)
+    .join('')
+}
diff --git a/packages/static-renderer/src/json/react/index.ts b/packages/static-renderer/src/json/react/index.ts
new file mode 100644
index 0000000..93c1bed
--- /dev/null
+++ b/packages/static-renderer/src/json/react/index.ts
@@ -0,0 +1,2 @@
+export * from '../renderer.js'
+export * from './react.js'
diff --git a/packages/static-renderer/src/json/react/react.ts b/packages/static-renderer/src/json/react/react.ts
new file mode 100644
index 0000000..d0dd56d
--- /dev/null
+++ b/packages/static-renderer/src/json/react/react.ts
@@ -0,0 +1,35 @@
+/* oslint-disableno-explicit-any */
+
+import React from 'react'
+
+import type { JSONMarkType, JSONNodeType, TiptapStaticRendererOptions } from '../renderer.js'
+import { TiptapStaticRenderer } from '../renderer.js'
+
+export function renderJSONContentToReactElement<
+  /**
+   * A mark type is either a JSON representation of a mark or a Prosemirror mark instance
+   */
+  TMarkType extends { type: any } = JSONMarkType,
+  /**
+   * A node type is either a JSON representation of a node or a Prosemirror node instance
+   */
+  TNodeType extends {
+    content?: { forEach: (cb: (node: TNodeType) => void) => void }
+    marks?: readonly TMarkType[]
+    type?: string | { name: string }
+  } = JSONNodeType<TMarkType>,
+>(options: TiptapStaticRendererOptions<React.ReactNode, TMarkType, TNodeType>) {
+  let key = 0
+
+  return TiptapStaticRenderer<React.ReactNode, TMarkType, TNodeType>(
+    ({ component, props: { children, ...props } }) => {
+      return React.createElement(
+        component as React.FC<typeof props>,
+        // oxlint-disable-next-line no-plusplus
+        Object.assign(props, { key: key++ }),
+        ([] as React.ReactNode[]).concat(children),
+      )
+    },
+    options,
+  )
+}
diff --git a/packages/static-renderer/src/json/renderer.ts b/packages/static-renderer/src/json/renderer.ts
new file mode 100644
index 0000000..2bdc673
--- /dev/null
+++ b/packages/static-renderer/src/json/renderer.ts
@@ -0,0 +1,283 @@
+/* oslint-disableno-explicit-any */
+import type { JSONContent } from '@tiptap/core'
+
+/**
+ * A JSON representation of a mark (a Tiptap/ProseMirror mark serialized to JSON).
+ */
+export type JSONMarkType = NonNullable<JSONContent['marks']>[number]
+
+/**
+ * A JSON representation of a node (a Tiptap/ProseMirror node serialized to JSON).
+ *
+ * `marks` is tied to the `TMark` type parameter so the node<->mark relationship
+ * stays sound. This is also why we cannot simply default `TNodeType` to
+ * `JSONContent`: the generic constraint references `TMarkType` via
+ * `marks?: readonly TMarkType[]`, and `JSONContent.marks` is a *concrete* array,
+ * which TypeScript rejects ("TMarkType could be instantiated with a different
+ * subtype of constraint"). Parameterizing the node type by the same `TMark`
+ * avoids that bivariance error. Please don't "simplify" this back to
+ * `JSONContent` — it won't type-check.
+ */
+export type JSONNodeType<TMark extends { type: string | { name: string } } = JSONMarkType> = {
+  type?: string
+  attrs?: Record<string, any>
+  content?: JSONNodeType<TMark>[]
+  marks?: readonly TMark[]
+  text?: string
+  [key: string]: any
+}
+
+/**
+ * Props for a node renderer
+ */
+export type NodeProps<TNodeType = any, TChildren = any> = {
+  /**
+   * The current node to render
+   */
+  node: TNodeType
+  /**
+   * Unless the node is the root node, this will always be defined
+   */
+  parent?: TNodeType
+  /**
+   * The children of the current node
+   */
+  children?: TChildren
+  /**
+   * Render a child element
+   */
+  renderElement: (props: {
+    /**
+     * Tiptap JSON content to render
+     */
+    content: TNodeType
+    /**
+     * The parent node of the current node
+     */
+    parent?: TNodeType
+  }) => TChildren
+}
+
+/**
+ * Props for a mark renderer
+ */
+export type MarkProps<TMarkType = any, TChildren = any, TNodeType = any> = {
+  /**
+   * The current mark to render
+   */
+  mark: TMarkType
+  /**
+   * The children of the current mark
+   */
+  children?: TChildren
+  /**
+   * The node the current mark is applied to
+   */
+  node: TNodeType
+  /**
+   * The node the current mark is applied to
+   */
+  parent?: TNodeType
+}
+
+export type TiptapStaticRendererOptions<
+  /**
+   * The return type of the render function (e.g. React.ReactNode, string)
+   */
+  TReturnType,
+  /**
+   * A mark type is either a JSON representation of a mark or a Prosemirror mark instance
+   */
+  TMarkType extends { type: any } = JSONMarkType,
+  /**
+   * A node type is either a JSON representation of a node or a Prosemirror node instance
+   */
+  TNodeType extends {
+    content?: { forEach: (cb: (node: TNodeType) => void) => void }
+    marks?: readonly TMarkType[]
+    type?: string | { name: string }
+  } = JSONNodeType<TMarkType>,
+  /**
+   * A node renderer is a function that takes a node and its children and returns the rendered output
+   */
+  TNodeRender extends (ctx: NodeProps<TNodeType, TReturnType | TReturnType[]>) => TReturnType = (
+    ctx: NodeProps<TNodeType, TReturnType | TReturnType[]>,
+  ) => TReturnType,
+  /**
+   * A mark renderer is a function that takes a mark and its children and returns the rendered output
+   */
+  TMarkRender extends (
+    ctx: MarkProps<TMarkType, TReturnType | TReturnType[], TNodeType>,
+  ) => TReturnType = (
+    ctx: MarkProps<TMarkType, TReturnType | TReturnType[], TNodeType>,
+  ) => TReturnType,
+> = {
+  /**
+   * Mapping of node types to react components
+   */
+  nodeMapping: Record<string, NoInfer<TNodeRender>>
+  /**
+   * Mapping of mark types to react components
+   */
+  markMapping: Record<string, NoInfer<TMarkRender>>
+  /**
+   * Component to render if a node type is not handled.
+   *
+   * With the ProseMirror renderers, a type missing from the schema is passed here
+   * as a lightweight stand-in: `node.type` is only `{ name }` (no real `NodeType`
+   * exists for a type absent from the schema), while `node.attrs` and
+   * `node.toJSON()` reflect the original. Do not rely on `type.spec`,
+   * `type.schema`, `isInline`, etc.
+   */
+  unhandledNode?: NoInfer<TNodeRender>
+  /**
+   * Component to render if a mark type is not handled.
+   *
+   * With the ProseMirror renderers, a type missing from the schema is passed here
+   * as a lightweight stand-in: `mark.type` is only `{ name }` (no real `MarkType`
+   * exists for a type absent from the schema), while `mark.attrs` and
+   * `mark.toJSON()` reflect the original. Do not rely on `type.spec`,
+   * `type.schema`, etc.
+   */
+  unhandledMark?: NoInfer<TMarkRender>
+}
+
+/**
+ * Tiptap Static Renderer
+ * ----------------------
+ *
+ * This function is a basis to allow for different renderers to be created.
+ * Generic enough to be able to statically render Prosemirror JSON or Prosemirror Nodes.
+ *
+ * Using this function, you can create a renderer that takes a JSON representation of a Prosemirror document
+ * and renders it using a mapping of node types to React components or even to a string.
+ * This function is used as the basis to create the `reactRenderer` and `stringRenderer` functions.
+ */
+export function TiptapStaticRenderer<
+  /**
+   * The return type of the render function (e.g. React.ReactNode, string)
+   */
+  TReturnType,
+  /**
+   * A mark type is either a JSON representation of a mark or a Prosemirror mark instance
+   */
+  TMarkType extends { type: string | { name: string } } = JSONMarkType,
+  /**
+   * A node type is either a JSON representation of a node or a Prosemirror node instance
+   */
+  TNodeType extends {
+    content?: { forEach: (cb: (node: TNodeType) => void) => void }
+    marks?: readonly TMarkType[]
+    type?: string | { name: string }
+  } = JSONNodeType<TMarkType>,
+  /**
+   * A node renderer is a function that takes a node and its children and returns the rendered output
+   */
+  TNodeRender extends (ctx: NodeProps<TNodeType, TReturnType | TReturnType[]>) => TReturnType = (
+    ctx: NodeProps<TNodeType, TReturnType | TReturnType[]>,
+  ) => TReturnType,
+  /**
+   * A mark renderer is a function that takes a mark and its children and returns the rendered output
+   */
+  TMarkRender extends (
+    ctx: MarkProps<TMarkType, TReturnType | TReturnType[], TNodeType>,
+  ) => TReturnType = (
+    ctx: MarkProps<TMarkType, TReturnType | TReturnType[], TNodeType>,
+  ) => TReturnType,
+>(
+  /**
+   * The function that actually renders the component
+   */
+  renderComponent: (
+    ctx:
+      | {
+          component: TNodeRender
+          props: NodeProps<TNodeType, TReturnType | TReturnType[]>
+        }
+      | {
+          component: TMarkRender
+          props: MarkProps<TMarkType, TReturnType | TReturnType[], TNodeType>
+        },
+  ) => TReturnType,
+  {
+    nodeMapping,
+    markMapping,
+    unhandledNode,
+    unhandledMark,
+  }: TiptapStaticRendererOptions<TReturnType, TMarkType, TNodeType, TNodeRender, TMarkRender>,
+) {
+  /**
+   * Render Tiptap JSON and all its children using the provided node and mark mappings.
+   */
+  return function renderContent({
+    content,
+    parent,
+  }: {
+    /**
+     * Tiptap JSON content to render
+     */
+    content: TNodeType
+    /**
+     * The parent node of the current node
+     */
+    parent?: TNodeType
+  }): TReturnType {
+    const nodeType = typeof content.type === 'string' ? content.type : (content.type?.name ?? '')
+    const NodeHandler = nodeMapping[nodeType] ?? unhandledNode
+
+    if (!NodeHandler) {
+      throw new Error(`missing handler for node type ${nodeType}`)
+    }
+
+    const nodeContent = renderComponent({
+      component: NodeHandler,
+      props: {
+        node: content,
+        parent,
+        renderElement: renderContent,
+        // Lazily compute the children to avoid unnecessary recursion
+        get children() {
+          // recursively render child content nodes
+          const children: TReturnType[] = []
+
+          if (content.content) {
+            content.content.forEach(child => {
+              children.push(
+                renderContent({
+                  content: child,
+                  parent: content,
+                }),
+              )
+            })
+          }
+
+          return children
+        },
+      },
+    })
+
+    // apply marks to the content
+    const markedContent = content.marks
+      ? content.marks.reduce((acc, mark) => {
+          const markType = typeof mark.type === 'string' ? mark.type : mark.type.name
+          const MarkHandler = markMapping[markType] ?? unhandledMark
+
+          if (!MarkHandler) {
+            throw new Error(`missing handler for mark type ${markType}`)
+          }
+
+          return renderComponent({
+            component: MarkHandler,
+            props: {
+              mark,
+              parent,
+              node: content,
+              children: acc,
+            },
+          })
+        }, nodeContent)
+      : nodeContent
+
+    return markedContent
+  }
+}
diff --git a/packages/static-renderer/src/pm/extensionRenderer.ts b/packages/static-renderer/src/pm/extensionRenderer.ts
new file mode 100644
index 0000000..9988332
--- /dev/null
+++ b/packages/static-renderer/src/pm/extensionRenderer.ts
@@ -0,0 +1,481 @@
+/* oslint-disable no-plusplus */
+/* oslint-disableno-explicit-any */
+
+import type {
+  ExtensionAttribute,
+  Extensions,
+  JSONContent,
+  Mark as MarkExtension,
+  MarkConfig,
+  Node as NodeExtension,
+  NodeConfig,
+} from '@tiptap/core'
+import {
+  extensions as coreExtensions,
+  getAttributesFromExtensions,
+  getExtensionField,
+  getSchemaByResolvedExtensions,
+  resolveExtensions,
+  splitExtensions,
+} from '@tiptap/core'
+import type { DOMOutputSpec, Mark } from '@tiptap/pm/model'
+import { Node as PMNode, Schema } from '@tiptap/pm/model'
+
+import { getHTMLAttributes } from '../helpers.js'
+import type { MarkProps, NodeProps, TiptapStaticRendererOptions } from '../json/renderer.js'
+
+export type DomOutputSpecToElement<T> = (content: DOMOutputSpec) => (children?: T | T[]) => T
+
+/**
+ * Options that mirror a subset of `EditorOptions` and affect rendered output.
+ * Kept narrow on purpose: only options whose effect is reproducible without an
+ * `Editor` instance belong here.
+ */
+export type StaticEditorOptions = {
+  /**
+   * Sets the text direction for all non-text nodes. Matches the `textDirection`
+   * editor option on `Editor`. The configured `TextDirection` extension is
+   * prepended to the user-supplied `extensions`; if a user-supplied
+   * `TextDirection` is also present, the user's wins (last-defined precedence —
+   * same as Editor).
+   */
+  textDirection?: 'ltr' | 'rtl' | 'auto'
+}
+
+/**
+ * Apply editor-level options to the user's extension array.
+ *
+ * Mirrors `new Editor({ textDirection })`: the option-driven `TextDirection`
+ * extension is prepended so a user-supplied `TextDirection` (which comes after)
+ * can override it via tiptap's last-defined precedence for duplicate extensions.
+ *
+ * Known limitation: this only inspects top-level extensions. A `TextDirection`
+ * bundled inside a kit (e.g. `StarterKit`) is not detected for override
+ * purposes — today no shipped kit includes `TextDirection`, so this is purely
+ * theoretical.
+ */
+export function applyStaticEditorOptionsToExtensions(
+  extensions: Extensions,
+  options?: StaticEditorOptions,
+): Extensions {
+  if (!options?.textDirection) {
+    return extensions
+  }
+
+  return [
+    coreExtensions.TextDirection.configure({ direction: options.textDirection }),
+    ...extensions,
+  ]
+}
+
+/**
+ * This takes a NodeExtension and maps it to a React component
+ * @param extension The node extension to map to a React component
+ * @param extensionAttributes All available extension attributes
+ * @returns A tuple with the name of the extension and a React component that renders the extension
+ */
+export function mapNodeExtensionToReactNode<T>(
+  domOutputSpecToElement: DomOutputSpecToElement<T>,
+  extension: NodeExtension,
+  extensionAttributes: ExtensionAttribute[],
+  options?: Partial<Pick<TiptapStaticRendererOptions<T, Mark, PMNode>, 'unhandledNode'>>,
+): [string, (props: NodeProps<PMNode, T | T[]>) => T] {
+  const context = {
+    name: extension.name,
+    options: extension.options,
+    storage: extension.storage,
+    parent: extension.parent,
+  }
+
+  const renderToHTML = getExtensionField<NodeConfig['renderHTML']>(extension, 'renderHTML', context)
+
+  if (!renderToHTML) {
+    if (options?.unhandledNode) {
+      return [extension.name, options.unhandledNode]
+    }
+    return [
+      extension.name,
+      () => {
+        throw new Error(
+          `[tiptap error]: Node ${extension.name} cannot be rendered, it is missing a "renderToHTML" method, please implement it or override the corresponding "nodeMapping" method to have a custom rendering`,
+        )
+      },
+    ]
+  }
+
+  return [
+    extension.name,
+    ({ node, children }) => {
+      try {
+        return domOutputSpecToElement(
+          renderToHTML({
+            node,
+            HTMLAttributes: getHTMLAttributes(node, extensionAttributes),
+          }),
+        )(children)
+      } catch (e) {
+        throw new Error(
+          `[tiptap error]: Node ${
+            extension.name
+          } cannot be rendered, it's "renderToHTML" method threw an error: ${(e as Error).message}`,
+          { cause: e },
+        )
+      }
+    },
+  ]
+}
+
+/**
+ * This takes a MarkExtension and maps it to a React component
+ * @param extension The mark extension to map to a React component
+ * @param extensionAttributes All available extension attributes
+ * @returns A tuple with the name of the extension and a React component that renders the extension
+ */
+export function mapMarkExtensionToReactNode<T>(
+  domOutputSpecToElement: DomOutputSpecToElement<T>,
+  extension: MarkExtension,
+  extensionAttributes: ExtensionAttribute[],
+  options?: Partial<Pick<TiptapStaticRendererOptions<T, Mark, PMNode>, 'unhandledMark'>>,
+): [string, (props: MarkProps<Mark, T | T[]>) => T] {
+  const context = {
+    name: extension.name,
+    options: extension.options,
+    storage: extension.storage,
+    parent: extension.parent,
+  }
+
+  const renderToHTML = getExtensionField<MarkConfig['renderHTML']>(extension, 'renderHTML', context)
+
+  if (!renderToHTML) {
+    if (options?.unhandledMark) {
+      return [extension.name, options.unhandledMark]
+    }
+    return [
+      extension.name,
+      () => {
+        throw new Error(
+          `Node ${extension.name} cannot be rendered, it is missing a "renderToHTML" method`,
+        )
+      },
+    ]
+  }
+
+  return [
+    extension.name,
+    ({ mark, children }) => {
+      try {
+        return domOutputSpecToElement(
+          renderToHTML({
+            mark,
+            HTMLAttributes: getHTMLAttributes(mark, extensionAttributes),
+          }),
+        )(children)
+      } catch (e) {
+        throw new Error(
+          `[tiptap error]: Mark ${
+            extension.name
+          } cannot be rendered, it's "renderToHTML" method threw an error: ${(e as Error).message}`,
+          { cause: e },
+        )
+      }
+    },
+  ]
+}
+
+// Placeholder node/mark types injected into a copy of the schema so JSON that
+// references types missing from the user's schema can still be converted by
+// `Node.fromJSON`. The original type/attrs are carried on the placeholder and
+// restored when it reaches `unhandledNode`/`unhandledMark`.
+const UNHANDLED_NODE_TYPE = '__tiptapUnhandledNode__'
+const UNHANDLED_MARK_TYPE = '__tiptapUnhandledMark__'
+const ORIGINAL_TYPE_ATTR = '__originalType'
+const ORIGINAL_ATTRS_ATTR = '__originalAttrs'
+
+const placeholderAttrs = {
+  [ORIGINAL_TYPE_ATTR]: { default: '' },
+  [ORIGINAL_ATTRS_ATTR]: { default: {} },
+}
+
+/**
+ * Returns true if `content` references any node or mark type absent from `schema`.
+ */
+function hasUnknownType(content: JSONContent, schema: Schema): boolean {
+  let found = false
+
+  const visit = (node: JSONContent): void => {
+    if (found) {
+      return
+    }
+    if (node.type && !(node.type in schema.nodes)) {
+      found = true
+    }
+    node.marks?.forEach(mark => {
+      if (mark.type && !(mark.type in schema.marks)) {
+        found = true
+      }
+    })
+    node.content?.forEach(visit)
+  }
+
+  visit(content)
+
+  return found
+}
+
+/**
+ * Returns a deep copy of `content` in which every node/mark type absent from
+ * `schema` AND covered by a matching fallback in `options` is replaced by a
+ * placeholder type carrying the original type/attrs. Unknown types without a
+ * matching fallback are left untouched so `Node.fromJSON` still surfaces its clear
+ * error for them.
+ */
+function substituteUnknownTypes(
+  content: JSONContent,
+  schema: Schema,
+  options?: { unhandledNode?: unknown; unhandledMark?: unknown },
+): JSONContent {
+  const canSubstituteNode = Boolean(options?.unhandledNode)
+  const canSubstituteMark = Boolean(options?.unhandledMark)
+
+  const substituteMark = (mark: NonNullable<JSONContent['marks']>[number]) =>
+    canSubstituteMark && !(mark.type in schema.marks)
+      ? {
+          type: UNHANDLED_MARK_TYPE,
+          attrs: { [ORIGINAL_TYPE_ATTR]: mark.type, [ORIGINAL_ATTRS_ATTR]: mark.attrs ?? {} },
+        }
+      : mark
+
+  const isUnknownNode = (node: JSONContent) =>
+    canSubstituteNode && node.type != null && !(node.type in schema.nodes)
+
+  const toPlaceholder = (node: JSONContent, rewritten: JSONContent): JSONContent => ({
+    ...rewritten,
+    type: UNHANDLED_NODE_TYPE,
+    attrs: { [ORIGINAL_TYPE_ATTR]: node.type, [ORIGINAL_ATTRS_ATTR]: node.attrs ?? {} },
+  })
+
+  const substituteNode = (node: JSONContent): JSONContent => {
+    const rewritten = {
+      ...node,
+      marks: node.marks?.map(substituteMark),
+      content: node.content?.map(substituteNode),
+    }
+    return isUnknownNode(node) ? toPlaceholder(node, rewritten) : rewritten
+  }
+
+  return substituteNode(content)
+}
+
+/**
+ * Builds a copy of `schema` with the placeholder node/mark types added, so a
+ * document produced by `substituteUnknownTypes` converts cleanly.
+ */
+function withPlaceholderTypes(schema: Schema): Schema {
+  return new Schema({
+    topNode: schema.spec.topNode,
+    nodes: schema.spec.nodes.addToEnd(UNHANDLED_NODE_TYPE, { attrs: placeholderAttrs }),
+    marks: schema.spec.marks.addToEnd(UNHANDLED_MARK_TYPE, { attrs: placeholderAttrs }),
+  })
+}
+
+/**
+ * Resolves render input to a ProseMirror `Node`. A `Node` is returned as-is. JSON
+ * with only known types converts directly. JSON containing types missing from the
+ * schema has those types — when a matching `unhandledNode`/`unhandledMark` fallback
+ * exists — swapped for placeholders before conversion, so known nodes keep their
+ * materialized attributes and only the unknown ones route to the fallbacks. Unknown
+ * types without a fallback, and genuinely malformed content, still throw.
+ */
+function resolveRenderContent(
+  content: PMNode | JSONContent,
+  extensions: Extensions,
+  options?: { unhandledNode?: unknown; unhandledMark?: unknown },
+): PMNode {
+  if (content instanceof PMNode) {
+    return content
+  }
+
+  const schema = getSchemaByResolvedExtensions(extensions)
+
+  if (!hasUnknownType(content, schema)) {
+    return PMNode.fromJSON(schema, content)
+  }
+
+  return PMNode.fromJSON(
+    withPlaceholderTypes(schema),
+    substituteUnknownTypes(content, schema, options),
+  )
+}
+
+/**
+ * Swaps a placeholder node/mark JSON back to its original type and attributes.
+ * Leaves non-placeholder JSON untouched.
+ */
+function unwrapPlaceholderJSON(json: JSONContent): JSONContent {
+  return json.type === UNHANDLED_NODE_TYPE || json.type === UNHANDLED_MARK_TYPE
+    ? { ...json, type: json.attrs![ORIGINAL_TYPE_ATTR], attrs: json.attrs![ORIGINAL_ATTRS_ATTR] }
+    : json
+}
+
+/**
+ * Recursively restores the original JSON of a (possibly nested) placeholder
+ * subtree, including placeholder marks.
+ */
+function restoreOriginalJSON(json: JSONContent): JSONContent {
+  const node = unwrapPlaceholderJSON(json)
+
+  return {
+    ...node,
+    marks: node.marks?.map(
+      mark => unwrapPlaceholderJSON(mark) as NonNullable<JSONContent['marks']>[number],
+    ),
+    content: node.content?.map(restoreOriginalJSON),
+  }
+}
+
+/**
+ * Presents a placeholder node/mark to a fallback renderer under its original type
+ * name and attributes — including a `toJSON()` that returns the restored original
+ * JSON — while keeping the live ProseMirror children/methods intact.
+ *
+ * `type` is exposed as a minimal `{ name }` rather than a real `NodeType`/`MarkType`:
+ * the original type is absent from the schema so no real one exists, and surfacing
+ * the placeholder's own type would leak misleading `spec`/`schema`/`isInline` values.
+ */
+function withOriginalIdentity<T extends { attrs: Record<string, any>; toJSON: () => JSONContent }>(
+  target: T,
+): T {
+  const overrides: Record<string | symbol, unknown> = Object.assign(Object.create(null), {
+    type: { name: target.attrs[ORIGINAL_TYPE_ATTR] },
+    attrs: target.attrs[ORIGINAL_ATTRS_ATTR],
+    toJSON: () => restoreOriginalJSON(target.toJSON()),
+  })
+
+  return new Proxy(target, {
+    get(node, prop) {
+      const override = overrides[prop]
+      if (override !== undefined) {
+        return override
+      }
+      const value = (node as Record<string | symbol, unknown>)[prop]
+      return typeof value === 'function' ? value.bind(node) : value
+    },
+  })
+}
+
+/** Maps the placeholder node type to the caller's `unhandledNode`, restoring identity. */
+function placeholderNodeRenderer<T>(
+  unhandledNode: (props: NodeProps<PMNode, T | T[]>) => T,
+): (props: NodeProps<PMNode, T | T[]>) => T {
+  return props => unhandledNode({ ...props, node: withOriginalIdentity(props.node) })
+}
+
+/** Maps the placeholder mark type to the caller's `unhandledMark`, restoring identity. */
+function placeholderMarkRenderer<T>(
+  unhandledMark: (props: MarkProps<Mark, T | T[], PMNode>) => T,
+): (props: MarkProps<Mark, T | T[], PMNode>) => T {
+  return props => unhandledMark({ ...props, mark: withOriginalIdentity(props.mark) })
+}
+
+/**
+ * This function will statically render a Prosemirror Node to a target element type using the given extensions
+ * @param renderer The renderer to use to render the Prosemirror Node to the target element type
+ * @param domOutputSpecToElement A function that takes a Prosemirror DOMOutputSpec and returns a function that takes children and returns the target element type
+ * @param mapDefinedTypes An object with functions to map the doc and text types to the target element type
+ * @param content The Prosemirror Node to render
+ * @param extensions The extensions to use to render the Prosemirror Node
+ * @param options Additional options to pass to the renderer that can override the default behavior
+ * @returns The rendered target element type
+ */
+export function renderToElement<T>({
+  renderer,
+  domOutputSpecToElement,
+  mapDefinedTypes,
+  content,
+  extensions,
+  options,
+}: {
+  renderer: (
+    options: TiptapStaticRendererOptions<T, Mark, PMNode>,
+  ) => (ctx: { content: PMNode }) => T
+  domOutputSpecToElement: DomOutputSpecToElement<T>
+  mapDefinedTypes: {
+    doc: (props: NodeProps<PMNode, T | T[]>) => T
+    text: (props: NodeProps<PMNode, T | T[]>) => T
+  }
+  content: PMNode | JSONContent
+  extensions: Extensions
+  options?: Partial<TiptapStaticRendererOptions<T, Mark, PMNode>>
+}): T {
+  // get all extensions in order & split them into nodes and marks
+  extensions = resolveExtensions(extensions)
+  const extensionAttributes = getAttributesFromExtensions(extensions)
+  const { nodeExtensions, markExtensions } = splitExtensions(extensions)
+  const {
+    unhandledNode,
+    unhandledMark,
+    nodeMapping: userNodeMapping,
+    markMapping: userMarkMapping,
+  } = options ?? {}
+
+  content = resolveRenderContent(content, extensions, options)
+
+  return renderer({
+    ...options,
+    nodeMapping: {
+      ...Object.fromEntries(
+        nodeExtensions
+          .filter(e => {
+            if (e.name in mapDefinedTypes) {
+              // These are predefined types that we don't need to map
+              return false
+            }
+            // No need to generate mappings for nodes that are already mapped
+            if (userNodeMapping) {
+              return !(e.name in userNodeMapping)
+            }
+            return true
+          })
+          .map(nodeExtension =>
+            mapNodeExtensionToReactNode<T>(
+              domOutputSpecToElement,
+              nodeExtension,
+              extensionAttributes,
+              options,
+            ),
+          ),
+      ),
+      ...mapDefinedTypes,
+      ...userNodeMapping,
+      // Route substituted unknown nodes to the caller's fallback (see resolveRenderContent).
+      ...(unhandledNode
+        ? { [UNHANDLED_NODE_TYPE]: placeholderNodeRenderer<T>(unhandledNode) }
+        : {}),
+    },
+    markMapping: {
+      ...Object.fromEntries(
+        markExtensions
+          .filter(e => {
+            // No need to generate mappings for marks that are already mapped
+            if (userMarkMapping) {
+              return !(e.name in userMarkMapping)
+            }
+            return true
+          })
+          .map(mark =>
+            mapMarkExtensionToReactNode<T>(
+              domOutputSpecToElement,
+              mark,
+              extensionAttributes,
+              options,
+            ),
+          ),
+      ),
+      ...userMarkMapping,
+      // Route substituted unknown marks to the caller's fallback (see resolveRenderContent).
+      ...(unhandledMark
+        ? { [UNHANDLED_MARK_TYPE]: placeholderMarkRenderer<T>(unhandledMark) }
+        : {}),
+    },
+  })({ content })
+}
diff --git a/packages/static-renderer/src/pm/html-string/html-string.test.ts b/packages/static-renderer/src/pm/html-string/html-string.test.ts
new file mode 100644
index 0000000..221540d
--- /dev/null
+++ b/packages/static-renderer/src/pm/html-string/html-string.test.ts
@@ -0,0 +1,362 @@
+import { extensions as coreExtensions } from '@tiptap/core'
+import Bold from '@tiptap/extension-bold'
+import CodeBlock from '@tiptap/extension-code-block'
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Link from '@tiptap/extension-link'
+import Paragraph from '@tiptap/extension-paragraph'
+import { generateTocIds, TableOfContents } from '@tiptap/extension-table-of-contents'
+import Text from '@tiptap/extension-text'
+import { generateUniqueIds, UniqueID } from '@tiptap/extension-unique-id'
+import Youtube from '@tiptap/extension-youtube'
+import { Mark, Node as PMNode } from '@tiptap/pm/model'
+import { describe, expect, it } from 'vite-plus/test'
+
+import {
+  serializeAttrsToHTMLString,
+  serializeChildrenToHTMLString,
+} from '../../json/html-string/string.js'
+import { domOutputSpecToHTMLString, renderToHTMLString } from './html-string.js'
+
+describe('static render json to string (with prosemirror)', () => {
+  it('generates an HTML string from JSON without an editor instance', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+              marks: [
+                {
+                  type: 'bold',
+                  attrs: {},
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      attrs: {},
+    }
+
+    const html = renderToHTMLString({
+      content: json,
+      extensions: [Document, Paragraph, Text, Bold],
+    })
+
+    expect(html).toBe('<p><strong>Example Text</strong></p>')
+  })
+
+  it('supports custom mapping for nodes & marks', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+              marks: [
+                {
+                  type: 'bold',
+                  attrs: {},
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      attrs: {},
+    }
+
+    const html = renderToHTMLString({
+      content: json,
+      extensions: [Document, Paragraph, Text, Bold],
+      options: {
+        nodeMapping: {
+          doc: ({ children }) => {
+            return `<doc>${serializeChildrenToHTMLString(children)}</doc>`
+          },
+        },
+        markMapping: {
+          bold: ({ children }) => {
+            return `<b>${serializeChildrenToHTMLString(children)}</b>`
+          },
+        },
+      },
+    })
+
+    expect(html).toBe('<doc><p><b>Example Text</b></p></doc>')
+  })
+
+  it('escapes text node content', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: '<img src=x onerror=alert(document.cookie)> Tom & Jerry',
+            },
+          ],
+        },
+      ],
+    }
+
+    const html = renderToHTMLString({
+      content: json,
+      extensions: [Document, Paragraph, Text],
+    })
+
+    expect(html).toBe('<p>&lt;img src=x onerror=alert(document.cookie)&gt; Tom &amp; Jerry</p>')
+  })
+
+  it('escapes attribute values in the ProseMirror HTML string renderer', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Click here',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: 'https://tiptap.dev/?q="><img src=x onerror=alert(document.cookie)>',
+                    target: '_blank',
+                  },
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+
+    const html = renderToHTMLString({
+      content: json,
+      extensions: [Document, Paragraph, Text, Link],
+    })
+
+    expect(html).toContain(
+      'href="https://tiptap.dev/?q=&quot;&gt;&lt;img src=x onerror=alert(document.cookie)&gt;"',
+    )
+  })
+
+  it('escapes string DOM output specs as text content', () => {
+    const html = domOutputSpecToHTMLString('<img src=x onerror=alert(document.cookie)>')()
+
+    expect(html).toBe('&lt;img src=x onerror=alert(document.cookie)&gt;')
+  })
+
+  it('gives access to a prosemirror node or mark instance', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+              marks: [
+                {
+                  type: 'bold',
+                  attrs: {},
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      attrs: {},
+    }
+
+    const html = renderToHTMLString({
+      content: json,
+      extensions: [Document, Paragraph, Text, Bold],
+      options: {
+        nodeMapping: {
+          doc: ({ children, node }) => {
+            expect(node.type.name).toBe('doc')
+            expect(node).toBeInstanceOf(PMNode)
+            return `<doc>${serializeChildrenToHTMLString(children)}</doc>`
+          },
+        },
+        markMapping: {
+          bold: ({ children, mark }) => {
+            expect(mark.type.name).toBe('bold')
+            expect(mark).toBeInstanceOf(Mark)
+            return `<b>${serializeChildrenToHTMLString(children)}</b>`
+          },
+        },
+      },
+    })
+
+    expect(html).toBe('<doc><p><b>Example Text</b></p></doc>')
+  })
+
+  it('renders youtube extension followed by other nodes correctly', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'youtube',
+          attrs: {
+            src: 'https://www.youtube.com/watch?v=3lTUAWOgoHs',
+          },
+        },
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'text after youtube',
+            },
+          ],
+        },
+      ],
+    }
+
+    const html = renderToHTMLString({
+      content: json,
+      extensions: [Document, Paragraph, Text, Youtube],
+    })
+
+    expect(html).to.include('data-youtube-video')
+    expect(html).to.include('<p>text after youtube</p>')
+  })
+
+  const headingDoc = {
+    type: 'doc',
+    content: [
+      {
+        type: 'heading',
+        attrs: { level: 1 },
+        content: [{ type: 'text', text: 'test' }],
+      },
+    ],
+  }
+
+  it.each(['ltr', 'rtl', 'auto'] as const)(
+    'honors textDirection=%s via staticEditorOptions',
+    direction => {
+      const html = renderToHTMLString({
+        content: headingDoc,
+        extensions: [Document, Paragraph, Text, Heading],
+        staticEditorOptions: { textDirection: direction },
+      })
+
+      expect(html).toContain(`dir="${direction}"`)
+    },
+  )
+
+  it('does not add a dir attribute when staticEditorOptions is unset', () => {
+    const html = renderToHTMLString({
+      content: headingDoc,
+      extensions: [Document, Paragraph, Text, Heading],
+    })
+
+    expect(html).not.toContain('dir=')
+  })
+
+  it('a user-supplied TextDirection wins over staticEditorOptions.textDirection (matches Editor precedence)', () => {
+    // Editor.ts prepends its `textDirection`-driven TextDirection to
+    // `this.options.extensions`, so a user-supplied TextDirection — coming
+    // later in the array — wins via tiptap's last-defined precedence for
+    // duplicate `addGlobalAttributes`. The static renderer mirrors that.
+    const html = renderToHTMLString({
+      content: headingDoc,
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        Heading,
+        coreExtensions.TextDirection.configure({ direction: 'ltr' }),
+      ],
+      staticEditorOptions: { textDirection: 'rtl' },
+    })
+
+    expect(html).toContain('dir="ltr"')
+    expect(html).not.toContain('dir="rtl"')
+  })
+
+  it('omits null and undefined attribute values instead of serializing them as strings', () => {
+    expect(serializeAttrsToHTMLString({ class: null, id: undefined, dir: 'auto' })).toBe(
+      ' dir="auto"',
+    )
+  })
+
+  it('preserves false attribute values (matches ProseMirror DOMSerializer)', () => {
+    expect(serializeAttrsToHTMLString({ contenteditable: false })).toBe(' contenteditable="false"')
+  })
+
+  it('does not emit class="null" for a CodeBlock without language', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'codeBlock',
+          content: [{ type: 'text', text: 'hello' }],
+        },
+      ],
+    }
+
+    const html = renderToHTMLString({
+      content: json,
+      extensions: [Document, Paragraph, Text, CodeBlock],
+    })
+
+    expect(html).toBe('<pre><code>hello</code></pre>')
+  })
+
+  it('does not emit id="null" / data-toc-id="null" for TableOfContents nodes without IDs', () => {
+    const html = renderToHTMLString({
+      content: headingDoc,
+      extensions: [Document, Paragraph, Text, Heading, TableOfContents],
+    })
+
+    expect(html).not.toContain('id="null"')
+    expect(html).not.toContain('data-toc-id="null"')
+  })
+
+  it('renders UniqueID data-id attributes when JSON is pre-processed with generateUniqueIds', () => {
+    const extensionsWithUid = [
+      Document,
+      Paragraph,
+      Text,
+      Heading,
+      UniqueID.configure({ types: ['heading'] }),
+    ]
+    const docWithIds = generateUniqueIds(headingDoc, extensionsWithUid)
+
+    const html = renderToHTMLString({ content: docWithIds, extensions: extensionsWithUid })
+
+    expect(html).toMatch(/data-id="[^"]+"/)
+  })
+
+  it('renders TableOfContents anchor IDs when JSON is pre-processed with generateTocIds', () => {
+    const extensionsWithToc = [
+      Document,
+      Paragraph,
+      Text,
+      Heading,
+      TableOfContents.configure({ anchorTypes: ['heading'] }),
+    ]
+    const docWithIds = generateTocIds(headingDoc, extensionsWithToc)
+
+    const html = renderToHTMLString({ content: docWithIds, extensions: extensionsWithToc })
+
+    expect(html).toMatch(/\bid="[^"]+"/)
+    expect(html).toMatch(/data-toc-id="[^"]+"/)
+  })
+})
diff --git a/packages/static-renderer/src/pm/html-string/html-string.ts b/packages/static-renderer/src/pm/html-string/html-string.ts
new file mode 100644
index 0000000..28f399d
--- /dev/null
+++ b/packages/static-renderer/src/pm/html-string/html-string.ts
@@ -0,0 +1,145 @@
+/* oslint-disableno-explicit-any */
+import type { DOMOutputSpecArray, Extensions, JSONContent } from '@tiptap/core'
+import type { DOMOutputSpec, Mark, Node as PMNode } from '@tiptap/pm/model'
+
+import {
+  escapeHTML,
+  renderJSONContentToString,
+  serializeAttrsToHTMLString,
+  serializeChildrenToHTMLString,
+} from '../../json/html-string/string.js'
+import type { TiptapStaticRendererOptions } from '../../json/renderer.js'
+import type { StaticEditorOptions } from '../extensionRenderer.js'
+import { applyStaticEditorOptionsToExtensions, renderToElement } from '../extensionRenderer.js'
+
+export {
+  serializeAttrsToHTMLString,
+  serializeChildrenToHTMLString,
+} from '../../json/html-string/string.js'
+
+/**
+ * HTML elements that cannot be self-closing and must always have a closing tag.
+ * These elements must be rendered as <tag></tag> even when empty, not <tag />.
+ */
+const NON_SELF_CLOSING_TAGS = new Set([
+  'iframe',
+  'script',
+  'style',
+  'title',
+  'textarea',
+  'div',
+  'span',
+  'a',
+  'button',
+])
+
+/**
+ * Take a DOMOutputSpec and return a function that can render it to a string
+ * @param content The DOMOutputSpec to convert to a string
+ * @returns A function that can render the DOMOutputSpec to a string
+ */
+export function domOutputSpecToHTMLString(
+  content: DOMOutputSpec,
+): (children?: string | string[]) => string {
+  if (typeof content === 'string') {
+    return () => escapeHTML(content)
+  }
+  if (typeof content === 'object' && 'length' in content) {
+    const [_tag, attrs, children, ...rest] = content as DOMOutputSpecArray
+    let tag = _tag
+    const parts = tag.split(' ')
+
+    if (parts.length > 1) {
+      tag = `${parts[1]} xmlns="${parts[0]}"`
+    }
+
+    if (attrs === undefined) {
+      return () => `<${tag}/>`
+    }
+    if (attrs === 0) {
+      return child => `<${tag}>${serializeChildrenToHTMLString(child)}</${tag}>`
+    }
+    if (typeof attrs === 'object') {
+      if (Array.isArray(attrs)) {
+        if (children === undefined) {
+          return child =>
+            `<${tag}>${domOutputSpecToHTMLString(attrs as DOMOutputSpecArray)(child)}</${tag}>`
+        }
+        if (children === 0) {
+          return child =>
+            `<${tag}>${domOutputSpecToHTMLString(attrs as DOMOutputSpecArray)(child)}</${tag}>`
+        }
+        return child =>
+          `<${tag}>${domOutputSpecToHTMLString(attrs as DOMOutputSpecArray)(child)}${[children]
+            .concat(rest)
+            .map(a => domOutputSpecToHTMLString(a)(child))}</${tag}>`
+      }
+      if (children === undefined) {
+        if (NON_SELF_CLOSING_TAGS.has(tag)) {
+          return () => `<${tag}${serializeAttrsToHTMLString(attrs)}></${tag}>`
+        }
+        return () => `<${tag}${serializeAttrsToHTMLString(attrs)}/>`
+      }
+      if (children === 0) {
+        return child =>
+          `<${tag}${serializeAttrsToHTMLString(attrs)}>${serializeChildrenToHTMLString(child)}</${tag}>`
+      }
+
+      return child =>
+        `<${tag}${serializeAttrsToHTMLString(attrs)}>${[children]
+          .concat(rest)
+          .map(a => domOutputSpecToHTMLString(a)(child))
+          .join('')}</${tag}>`
+    }
+  }
+
+  // TODO support DOM elements? How to handle them?
+  throw new Error(
+    '[tiptap error]: Unsupported DomOutputSpec type, check the `renderHTML` method output or implement a node mapping',
+    {
+      cause: content,
+    },
+  )
+}
+
+/**
+ * This function will statically render a Prosemirror Node to HTML using the provided extensions and options.
+ *
+ * Limitations: this function builds the schema and runs each extension's
+ * `renderHTML`, but does not instantiate an `Editor`. Extensions that mutate
+ * the document inside `addProseMirrorPlugins`, `onCreate`, or transaction
+ * hooks will not run. For UniqueID, pre-process the JSON with
+ * `generateUniqueIds` from `@tiptap/extension-unique-id`; for TableOfContents,
+ * pre-process with `generateTocIds` from `@tiptap/extension-table-of-contents`.
+ *
+ * @param content The content to render to HTML
+ * @param extensions The extensions to use for rendering
+ * @param staticEditorOptions Optional editor-level options that affect rendered output, currently `{ textDirection }`. Mirrors a subset of `EditorOptions`.
+ * @param options The options to use for rendering
+ * @returns The rendered HTML string
+ */
+export function renderToHTMLString({
+  content,
+  extensions,
+  staticEditorOptions,
+  options,
+}: {
+  content: PMNode | JSONContent
+  extensions: Extensions
+  staticEditorOptions?: StaticEditorOptions
+  options?: Partial<TiptapStaticRendererOptions<string, Mark, PMNode>>
+}): string {
+  return renderToElement<string>({
+    renderer: renderJSONContentToString,
+    domOutputSpecToElement: domOutputSpecToHTMLString,
+    mapDefinedTypes: {
+      // Map a doc node to concatenated children
+      doc: ({ children }) => serializeChildrenToHTMLString(children),
+      // Map a text node to its text content
+      text: ({ node }) => escapeHTML(node.text ?? ''),
+    },
+    content,
+    extensions: applyStaticEditorOptionsToExtensions(extensions, staticEditorOptions),
+    options,
+  })
+}
diff --git a/packages/static-renderer/src/pm/html-string/index.ts b/packages/static-renderer/src/pm/html-string/index.ts
new file mode 100644
index 0000000..878f8d4
--- /dev/null
+++ b/packages/static-renderer/src/pm/html-string/index.ts
@@ -0,0 +1,2 @@
+export * from '../extensionRenderer.js'
+export * from './html-string.js'
diff --git a/packages/static-renderer/src/pm/markdown/index.ts b/packages/static-renderer/src/pm/markdown/index.ts
new file mode 100644
index 0000000..b8193d6
--- /dev/null
+++ b/packages/static-renderer/src/pm/markdown/index.ts
@@ -0,0 +1,2 @@
+export * from '../extensionRenderer.js'
+export * from './markdown.js'
diff --git a/packages/static-renderer/src/pm/markdown/markdown.test.ts b/packages/static-renderer/src/pm/markdown/markdown.test.ts
new file mode 100644
index 0000000..f8ec994
--- /dev/null
+++ b/packages/static-renderer/src/pm/markdown/markdown.test.ts
@@ -0,0 +1,418 @@
+import { TableKit } from '@tiptap/extension-table'
+import StarterKit from '@tiptap/starter-kit'
+import { renderToMarkdown } from './markdown.js'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('static render json to string (no prosemirror)', () => {
+  it('should return empty string for empty content', () => {
+    const json = {
+      type: 'doc',
+      content: [],
+    }
+    const md = renderToMarkdown({
+      content: json,
+      extensions: [StarterKit, TableKit],
+    })
+    expect(md).toBe('')
+  })
+
+  it('should render empty paragraph', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [],
+        },
+      ],
+    }
+    const md = renderToMarkdown({
+      content: json,
+      extensions: [StarterKit, TableKit],
+    })
+    expect(md).toBe('\n\n')
+  })
+
+  it('should render a simple paragraph', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Hello, world!',
+            },
+          ],
+        },
+      ],
+    }
+    const md = renderToMarkdown({
+      content: json,
+      extensions: [StarterKit, TableKit],
+    })
+    expect(md).toBe('\nHello, world!\n')
+  })
+
+  it('should render a simple table', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'table',
+          content: [
+            {
+              type: 'tableRow',
+              content: [
+                {
+                  type: 'tableHeader',
+                  attrs: {
+                    colspan: 1,
+                    rowspan: 1,
+                    colwidth: null,
+                  },
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [
+                        {
+                          type: 'text',
+                          text: 'Col 1',
+                        },
+                      ],
+                    },
+                  ],
+                },
+                {
+                  type: 'tableHeader',
+                  attrs: {
+                    colspan: 1,
+                    rowspan: 1,
+                    colwidth: null,
+                  },
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [
+                        {
+                          type: 'text',
+                          text: 'Col 2',
+                        },
+                      ],
+                    },
+                  ],
+                },
+                {
+                  type: 'tableHeader',
+                  attrs: {
+                    colspan: 1,
+                    rowspan: 1,
+                    colwidth: null,
+                  },
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [
+                        {
+                          type: 'text',
+                          text: 'Col 3',
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              type: 'tableRow',
+              content: [
+                {
+                  type: 'tableCell',
+                  attrs: {
+                    colspan: 1,
+                    rowspan: 1,
+                    colwidth: null,
+                  },
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [
+                        {
+                          type: 'text',
+                          text: 'Row 1 1',
+                        },
+                      ],
+                    },
+                  ],
+                },
+                {
+                  type: 'tableCell',
+                  attrs: {
+                    colspan: 1,
+                    rowspan: 1,
+                    colwidth: null,
+                  },
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [
+                        {
+                          type: 'text',
+                          text: '112',
+                        },
+                      ],
+                    },
+                  ],
+                },
+                {
+                  type: 'tableCell',
+                  attrs: {
+                    colspan: 1,
+                    rowspan: 1,
+                    colwidth: null,
+                  },
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [
+                        {
+                          type: 'text',
+                          text: '1334',
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              type: 'tableRow',
+              content: [
+                {
+                  type: 'tableCell',
+                  attrs: {
+                    colspan: 1,
+                    rowspan: 1,
+                    colwidth: null,
+                  },
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [
+                        {
+                          type: 'text',
+                          text: 'Row 2 1',
+                        },
+                      ],
+                    },
+                  ],
+                },
+                {
+                  type: 'tableCell',
+                  attrs: {
+                    colspan: 1,
+                    rowspan: 1,
+                    colwidth: null,
+                  },
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [
+                        {
+                          type: 'text',
+                          text: '115',
+                        },
+                      ],
+                    },
+                  ],
+                },
+                {
+                  type: 'tableCell',
+                  attrs: {
+                    colspan: 1,
+                    rowspan: 1,
+                    colwidth: null,
+                  },
+                  content: [
+                    {
+                      type: 'paragraph',
+                      content: [
+                        {
+                          type: 'text',
+                          text: '4',
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+    const md = renderToMarkdown({ content: json, extensions: [StarterKit, TableKit] })
+
+    expect(md).toBe(
+      '\n| Col 1 | Col 2 | Col 3 |\n| --- | --- | --- |\n| Row 1 1 | 112 | 1334 |\n| Row 2 1 | 115 | 4 |\n\n',
+    )
+  })
+
+  it('should render a table with merged cells (rowspan) without breaking the grid', () => {
+    const cell = (text: string, attrs: { colspan?: number; rowspan?: number } = {}) => ({
+      type: 'tableCell',
+      attrs: { colspan: 1, rowspan: 1, colwidth: null, ...attrs },
+      content: text
+        ? [{ type: 'paragraph', content: [{ type: 'text', text }] }]
+        : [{ type: 'paragraph', content: [] }],
+    })
+
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'table',
+          content: [
+            {
+              // Row 0: "3" spans down into row 1, so row 0 has 3 real cells
+              type: 'tableRow',
+              content: [cell('1'), cell('3', { rowspan: 2 }), cell('-')],
+            },
+            {
+              // Row 1: only 2 real cells exist here, the 3rd column is covered by row 0's rowspan
+              type: 'tableRow',
+              content: [cell('2'), cell('4')],
+            },
+            {
+              // Row 2: back to 3 real (empty) cells
+              type: 'tableRow',
+              content: [cell(''), cell(''), cell('')],
+            },
+          ],
+        },
+      ],
+    }
+
+    const md = renderToMarkdown({ content: json, extensions: [StarterKit, TableKit] })
+
+    // Every row must keep the same number of columns as the header separator row,
+    // with a blank placeholder standing in for the rowspan-covered slot.
+    expect(md).toBe('\n| 1 | 3 | - |\n| --- | --- | --- |\n| 2 |  | 4 |\n|  |  |  |\n\n')
+  })
+
+  it('should render a blockquote with trailing newline before a paragraph', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'blockquote',
+          content: [
+            {
+              type: 'paragraph',
+              content: [
+                {
+                  type: 'text',
+                  text: 'Quote',
+                },
+              ],
+            },
+          ],
+        },
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'World',
+            },
+          ],
+        },
+      ],
+    }
+    const md = renderToMarkdown({
+      content: json,
+      extensions: [StarterKit, TableKit],
+    })
+    // The blockquote must have a trailing newline so "World" is not part of the blockquote
+    expect(md).toContain('> Quote\n\n')
+  })
+
+  it('should render a standalone blockquote with trailing newline', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'blockquote',
+          content: [
+            {
+              type: 'paragraph',
+              content: [
+                {
+                  type: 'text',
+                  text: 'Quote',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+    const md = renderToMarkdown({
+      content: json,
+      extensions: [StarterKit, TableKit],
+    })
+    expect(md).toBe('\n> Quote\n')
+  })
+
+  it('should render a blockquote with multiple paragraphs', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'blockquote',
+          content: [
+            {
+              type: 'paragraph',
+              content: [
+                {
+                  type: 'text',
+                  text: 'First',
+                },
+              ],
+            },
+            {
+              type: 'paragraph',
+              content: [
+                {
+                  type: 'text',
+                  text: 'Second',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+    const md = renderToMarkdown({
+      content: json,
+      extensions: [StarterKit, TableKit],
+    })
+    expect(md).toBe('\n> First\n> \n> Second\n')
+  })
+
+  it('accepts staticEditorOptions.textDirection without crashing', () => {
+    const json = {
+      type: 'doc',
+      content: [{ type: 'paragraph', content: [{ type: 'text', text: 'hello' }] }],
+    }
+
+    const md = renderToMarkdown({
+      content: json,
+      extensions: [StarterKit, TableKit],
+      staticEditorOptions: { textDirection: 'rtl' },
+    })
+
+    expect(md).toBe('\nhello\n')
+  })
+})
diff --git a/packages/static-renderer/src/pm/markdown/markdown.ts b/packages/static-renderer/src/pm/markdown/markdown.ts
new file mode 100644
index 0000000..3eba4a4
--- /dev/null
+++ b/packages/static-renderer/src/pm/markdown/markdown.ts
@@ -0,0 +1,188 @@
+import type { Extensions, JSONContent } from '@tiptap/core'
+import type { Mark, Node as PMNode } from '@tiptap/pm/model'
+import { TableMap } from '@tiptap/pm/tables'
+
+import type { TiptapStaticRendererOptions } from '../../json/renderer.js'
+import type { StaticEditorOptions } from '../extensionRenderer.js'
+import { renderToHTMLString, serializeChildrenToHTMLString } from '../html-string/html-string.js'
+
+/**
+ * This code is just to show the flexibility of this renderer. We can potentially render content to any format we want.
+ * This is a simple example of how we can render content to markdown. This is not a full implementation of a markdown renderer.
+ *
+ * Limitations: see `renderToHTMLString` — extensions that mutate the document
+ * via plugins/onCreate (UniqueID, TableOfContents) need to be pre-processed.
+ *
+ * @param staticEditorOptions Optional editor-level options that affect rendered output — mirrors a subset of `EditorOptions`.
+ */
+export function renderToMarkdown({
+  content,
+  extensions,
+  staticEditorOptions,
+  options,
+}: {
+  content: PMNode | JSONContent
+  extensions: Extensions
+  staticEditorOptions?: StaticEditorOptions
+  options?: Partial<TiptapStaticRendererOptions<string, Mark, PMNode>>
+}) {
+  return renderToHTMLString({
+    content,
+    extensions,
+    staticEditorOptions,
+    options: {
+      ...options,
+      nodeMapping: {
+        bulletList({ children }) {
+          return `\n${serializeChildrenToHTMLString(children)}`
+        },
+        orderedList({ children }) {
+          return `\n${serializeChildrenToHTMLString(children)}`
+        },
+        listItem({ node, children, parent }) {
+          if (parent?.type.name === 'bulletList') {
+            return `- ${serializeChildrenToHTMLString(children).trim()}\n`
+          }
+          if (parent?.type.name === 'orderedList') {
+            let number = parent.attrs.start || 1
+
+            parent.forEach((parentChild, _offset, index) => {
+              if (node === parentChild) {
+                number = index + 1
+              }
+            })
+
+            return `${number}. ${serializeChildrenToHTMLString(children).trim()}\n`
+          }
+
+          return serializeChildrenToHTMLString(children)
+        },
+        paragraph({ children }) {
+          return `\n${serializeChildrenToHTMLString(children)}\n`
+        },
+        heading({ node, children }) {
+          const level = node.attrs.level as number
+
+          return `${Array.from<string>({ length: level }).fill('#').join('')} ${children}\n`
+        },
+        codeBlock({ node, children }) {
+          return `\n\`\`\`${node.attrs.language}\n${serializeChildrenToHTMLString(children)}\n\`\`\`\n`
+        },
+        blockquote({ children }) {
+          return `\n${serializeChildrenToHTMLString(children)
+            .trim()
+            .split('\n')
+            .map(a => `> ${a}`)
+            .join('\n')}\n`
+        },
+        image({ node }) {
+          return `![${node.attrs.alt}](${node.attrs.src})`
+        },
+        hardBreak() {
+          return '\n'
+        },
+        horizontalRule() {
+          return '\n---\n'
+        },
+        table({ children, node }) {
+          if (!Array.isArray(children)) {
+            return `\n${serializeChildrenToHTMLString(children)}\n`
+          }
+
+          // Use the table's real column count (accounting for row/colspan) rather than
+          // assuming the first row spans every column.
+          const columnCount = TableMap.get(node).width
+          return `\n${serializeChildrenToHTMLString(children[0])}| ${Array.from<string>({ length: columnCount }).fill('---').join(' | ')} |\n${serializeChildrenToHTMLString(children.slice(1))}\n`
+        },
+        tableRow({ node, children, parent }) {
+          if (!Array.isArray(children) || !parent) {
+            return `${serializeChildrenToHTMLString(children)}\n`
+          }
+
+          const map = TableMap.get(parent)
+
+          let rowIndex = -1
+          parent.forEach((rowNode, _offset, index) => {
+            if (rowNode === node) {
+              rowIndex = index
+            }
+          })
+
+          if (rowIndex === -1) {
+            // Should not happen, but fall back to the previous (naive) behavior rather than throwing.
+            return `| ${children.join(' | ')} |\n`
+          }
+
+          const cells: string[] = []
+          let cellIndex = 0
+
+          for (let col = 0; col < map.width; col += 1) {
+            const cellPos = map.map[rowIndex * map.width + col]
+            const rect = map.findCell(cellPos)
+
+            // Only the cell's top-left slot corresponds to an actual rendered child of this row.
+            // Every other slot it covers (via rowspan/colspan) needs a blank placeholder so the
+            // markdown grid stays rectangular.
+            if (rect.top === rowIndex && rect.left === col) {
+              cells.push(children[cellIndex] ?? '')
+              cellIndex += 1
+            } else {
+              cells.push('')
+            }
+          }
+
+          return `| ${cells.join(' | ')} |\n`
+        },
+        tableHeader({ children }) {
+          return serializeChildrenToHTMLString(children).trim()
+        },
+        tableCell({ children }) {
+          return serializeChildrenToHTMLString(children).trim()
+        },
+        ...options?.nodeMapping,
+      },
+      markMapping: {
+        bold({ children }) {
+          return `**${serializeChildrenToHTMLString(children)}**`
+        },
+        italic({ children, node }) {
+          let isBoldToo = false
+
+          // Check if the node being wrapped also has a bold mark, if so, we need to use the bold markdown syntax
+          if (node?.marks.some(m => m.type.name === 'bold')) {
+            isBoldToo = true
+          }
+
+          if (isBoldToo) {
+            // If the content is bold, just wrap the bold content in italic markdown syntax with another set of asterisks
+            return `*${serializeChildrenToHTMLString(children)}*`
+          }
+
+          return `_${serializeChildrenToHTMLString(children)}_`
+        },
+        code({ children }) {
+          return `\`${serializeChildrenToHTMLString(children)}\``
+        },
+        strike({ children }) {
+          return `~~${serializeChildrenToHTMLString(children)}~~`
+        },
+        underline({ children }) {
+          return `<u>${serializeChildrenToHTMLString(children)}</u>`
+        },
+        subscript({ children }) {
+          return `<sub>${serializeChildrenToHTMLString(children)}</sub>`
+        },
+        superscript({ children }) {
+          return `<sup>${serializeChildrenToHTMLString(children)}</sup>`
+        },
+        link({ mark, children }) {
+          return `[${serializeChildrenToHTMLString(children)}](${mark.attrs.href})`
+        },
+        highlight({ children }) {
+          return `==${serializeChildrenToHTMLString(children)}==`
+        },
+        ...options?.markMapping,
+      },
+    },
+  })
+}
diff --git a/packages/static-renderer/src/pm/react/index.ts b/packages/static-renderer/src/pm/react/index.ts
new file mode 100644
index 0000000..16f27c0
--- /dev/null
+++ b/packages/static-renderer/src/pm/react/index.ts
@@ -0,0 +1,2 @@
+export * from '../extensionRenderer.js'
+export * from './react.js'
diff --git a/packages/static-renderer/src/pm/react/react.test.ts b/packages/static-renderer/src/pm/react/react.test.ts
new file mode 100644
index 0000000..c3d38c1
--- /dev/null
+++ b/packages/static-renderer/src/pm/react/react.test.ts
@@ -0,0 +1,211 @@
+import { prettyDOM, render } from '@testing-library/react'
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Mark, Node as PMNode } from '@tiptap/pm/model'
+import { mapAttrsToHTMLAttributes, renderToReactElement } from './react.js'
+import React from 'react'
+import { describe, expect, it } from 'vite-plus/test'
+
+describe('static renderer: react', () => {
+  it('mapAttrsToHTMLAttributes maps attributes to React attributes', () => {
+    const attrs = {
+      class: 'my-class',
+      style: 'color: red; font-size: 16px; transform: translateX(15px) translateY(10px);',
+      id: 'my-id',
+      colspan: 2,
+      rowspan: 3,
+    }
+
+    const result = mapAttrsToHTMLAttributes(attrs, 'test-key')
+
+    expect(result).toEqual({
+      className: 'my-class',
+      style: { color: 'red', fontSize: '16px', transform: 'translateX(15px) translateY(10px)' },
+      id: 'my-id',
+      colSpan: 2,
+      rowSpan: 3,
+      key: 'test-key',
+    })
+  })
+})
+
+describe('static render json to react elements (with prosemirror)', () => {
+  it('generates a React element from JSON without an editor instance', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+              marks: [
+                {
+                  type: 'bold',
+                  attrs: {},
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      attrs: {},
+    }
+
+    const view = render(
+      renderToReactElement({
+        content: json,
+        extensions: [Document, Paragraph, Text, Bold],
+      }),
+    )
+    const html = prettyDOM(view.container, undefined, { highlight: false })
+
+    expect(html).toBe(`<div>
+  <p>
+    <strong>
+      Example Text
+    </strong>
+  </p>
+</div>`)
+  })
+
+  it('supports custom mapping for nodes & marks', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+              marks: [
+                {
+                  type: 'bold',
+                  attrs: {},
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      attrs: {},
+    }
+
+    const view = render(
+      renderToReactElement({
+        content: json,
+        extensions: [Document, Paragraph, Text, Bold],
+        options: {
+          nodeMapping: {
+            doc: ({ children }) => {
+              return React.createElement('doc', {}, children)
+            },
+          },
+          markMapping: {
+            bold: ({ children }) => {
+              return React.createElement('b', {}, children)
+            },
+          },
+        },
+      }),
+    )
+    const html = prettyDOM(view.container, undefined, { highlight: false })
+
+    expect(html).toBe(`<div>
+  <doc>
+    <p>
+      <b>
+        Example Text
+      </b>
+    </p>
+  </doc>
+</div>`)
+  })
+
+  it('gives access to a prosemirror node or mark instance', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [
+            {
+              type: 'text',
+              text: 'Example Text',
+              marks: [
+                {
+                  type: 'bold',
+                  attrs: {},
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      attrs: {},
+    }
+
+    const view = render(
+      renderToReactElement({
+        content: json,
+        extensions: [Document, Paragraph, Text, Bold],
+        options: {
+          nodeMapping: {
+            doc: ({ children, node }) => {
+              expect(node.type.name).toBe('doc')
+              expect(node).toBeInstanceOf(PMNode)
+              return React.createElement('doc', {}, children)
+            },
+          },
+          markMapping: {
+            bold: ({ children, mark }) => {
+              expect(mark.type.name).toBe('bold')
+              expect(mark).toBeInstanceOf(Mark)
+              return React.createElement('b', {}, children)
+            },
+          },
+        },
+      }),
+    )
+    const html = prettyDOM(view.container, undefined, { highlight: false })
+
+    expect(html).toBe(`<div>
+  <doc>
+    <p>
+      <b>
+        Example Text
+      </b>
+    </p>
+  </doc>
+</div>`)
+  })
+
+  it('honors textDirection via staticEditorOptions', () => {
+    const json = {
+      type: 'doc',
+      content: [
+        {
+          type: 'heading',
+          attrs: { level: 1 },
+          content: [{ type: 'text', text: 'test' }],
+        },
+      ],
+    }
+
+    const view = render(
+      renderToReactElement({
+        content: json,
+        extensions: [Document, Paragraph, Text, Heading],
+        staticEditorOptions: { textDirection: 'rtl' },
+      }),
+    )
+
+    const heading = view.container.querySelector('h1')
+    expect(heading?.getAttribute('dir')).toBe('rtl')
+  })
+})
diff --git a/packages/static-renderer/src/pm/react/react.ts b/packages/static-renderer/src/pm/react/react.ts
new file mode 100644
index 0000000..47fd36b
--- /dev/null
+++ b/packages/static-renderer/src/pm/react/react.ts
@@ -0,0 +1,193 @@
+/* oslint-disable no-plusplus,no-explicit-any */
+import type { DOMOutputSpecArray, Extensions, JSONContent } from '@tiptap/core'
+import type { DOMOutputSpec, Mark, Node as PMNode } from '@tiptap/pm/model'
+import React from 'react'
+
+import { renderJSONContentToReactElement } from '../../json/react/react.js'
+import type { TiptapStaticRendererOptions } from '../../json/renderer.js'
+import type { StaticEditorOptions } from '../extensionRenderer.js'
+import { applyStaticEditorOptionsToExtensions, renderToElement } from '../extensionRenderer.js'
+
+const HTML_ATTRIBUTE_TO_REACT_ATTRIBUTE: Record<string, string> = {
+  colspan: 'colSpan',
+  rowspan: 'rowSpan',
+}
+
+/**
+ * This function maps the attributes of a node or mark to HTML attributes
+ * @param attrs The attributes to map
+ * @param key The key to use for the React element
+ * @returns The mapped HTML attributes as an object
+ */
+export function mapAttrsToHTMLAttributes(
+  attrs?: Record<string, any>,
+  key?: string,
+): Record<string, any> {
+  if (!attrs) {
+    return { key }
+  }
+  return Object.entries(attrs).reduce(
+    (acc, [name, value]) => {
+      if (name === 'class') {
+        return Object.assign(acc, { className: value })
+      }
+
+      // React expects styles to be a object
+      // so we need to convert it from string to object
+      if (name === 'style' && typeof value === 'string') {
+        const styleObject: Record<string, string> = {}
+        value.split(';').forEach(style => {
+          const [styleKey, val] = style.split(':')
+          if (styleKey && val) {
+            // we need to turn the key into camelCase
+            const camelCaseKey = styleKey.trim().replace(/-([a-z])/g, g => g[1].toUpperCase())
+            styleObject[camelCaseKey] = val.trim()
+          }
+        })
+
+        return Object.assign(acc, { style: styleObject })
+      }
+
+      const reactName = HTML_ATTRIBUTE_TO_REACT_ATTRIBUTE[name] ?? name
+
+      return Object.assign(acc, { [reactName]: value })
+    },
+    { key },
+  )
+}
+
+/**
+ * Take a DOMOutputSpec and return a function that can render it to a React element
+ * @param content The DOMOutputSpec to convert to a React element
+ * @returns A function that can render the DOMOutputSpec to a React element
+ */
+export function domOutputSpecToReactElement(
+  content: DOMOutputSpec,
+  key = 0,
+): (children?: React.ReactNode) => React.ReactNode {
+  if (typeof content === 'string') {
+    return () => content
+  }
+  if (typeof content === 'object' && 'length' in content) {
+    // oxlint-disable-next-line prefer-const
+    let [tag, attrs, children, ...rest] = content as DOMOutputSpecArray
+    const parts = tag.split(' ')
+
+    if (parts.length > 1) {
+      tag = parts[1]
+      if (attrs === undefined) {
+        attrs = {
+          xmlns: parts[0],
+        }
+      }
+      if (attrs === 0) {
+        attrs = {
+          xmlns: parts[0],
+        }
+        children = 0
+      }
+      if (typeof attrs === 'object') {
+        attrs = Object.assign(attrs, { xmlns: parts[0] })
+      }
+    }
+
+    if (attrs === undefined) {
+      return () => React.createElement(tag, mapAttrsToHTMLAttributes(undefined, key.toString()))
+    }
+    if (attrs === 0) {
+      return child =>
+        React.createElement(tag, mapAttrsToHTMLAttributes(undefined, key.toString()), child)
+    }
+    if (typeof attrs === 'object') {
+      if (Array.isArray(attrs)) {
+        if (children === undefined) {
+          return child =>
+            React.createElement(
+              tag,
+              mapAttrsToHTMLAttributes(undefined, key.toString()),
+              domOutputSpecToReactElement(attrs as DOMOutputSpecArray, key++)(child),
+            )
+        }
+        if (children === 0) {
+          return child =>
+            React.createElement(
+              tag,
+              mapAttrsToHTMLAttributes(undefined, key.toString()),
+              domOutputSpecToReactElement(attrs as DOMOutputSpecArray, key++)(child),
+            )
+        }
+        return child =>
+          React.createElement(
+            tag,
+            mapAttrsToHTMLAttributes(undefined, key.toString()),
+            domOutputSpecToReactElement(attrs as DOMOutputSpecArray)(child),
+            [children]
+              .concat(rest)
+              .map(outputSpec => domOutputSpecToReactElement(outputSpec, key++)(child)),
+          )
+      }
+      if (children === undefined) {
+        return () => React.createElement(tag, mapAttrsToHTMLAttributes(attrs, key.toString()))
+      }
+      if (children === 0) {
+        return child =>
+          React.createElement(tag, mapAttrsToHTMLAttributes(attrs, key.toString()), child)
+      }
+
+      return child =>
+        React.createElement(
+          tag,
+          mapAttrsToHTMLAttributes(attrs, key.toString()),
+          [children]
+            .concat(rest)
+            .map(outputSpec => domOutputSpecToReactElement(outputSpec, key++)(child)),
+        )
+    }
+  }
+
+  // TODO support DOM elements? How to handle them?
+  throw new Error(
+    '[tiptap error]: Unsupported DomOutputSpec type, check the `renderHTML` method output or implement a node mapping',
+    {
+      cause: content,
+    },
+  )
+}
+
+/**
+ * This function will statically render a Prosemirror Node to a React component using the given extensions.
+ *
+ * Limitations: see `renderToHTMLString` — extensions that mutate the document
+ * via plugins/onCreate (UniqueID, TableOfContents) need to be pre-processed.
+ *
+ * @param content The content to render to a React component
+ * @param extensions The extensions to use for rendering
+ * @param staticEditorOptions Optional editor-level options that affect rendered output — mirrors a subset of `EditorOptions`.
+ * @param options The options to use for rendering
+ * @returns The React element that represents the rendered content
+ */
+export function renderToReactElement({
+  content,
+  extensions,
+  staticEditorOptions,
+  options,
+}: {
+  content: PMNode | JSONContent
+  extensions: Extensions
+  staticEditorOptions?: StaticEditorOptions
+  options?: Partial<TiptapStaticRendererOptions<React.ReactNode, Mark, PMNode>>
+}): React.ReactNode {
+  return renderToElement<React.ReactNode>({
+    renderer: renderJSONContentToReactElement,
+    domOutputSpecToElement: domOutputSpecToReactElement,
+    mapDefinedTypes: {
+      // Map a doc node to concatenated children
+      doc: ({ children }) => React.createElement(React.Fragment, {}, children),
+      // Map a text node to its text content
+      text: ({ node }) => node.text ?? '',
+    },
+    content,
+    extensions: applyStaticEditorOptionsToExtensions(extensions, staticEditorOptions),
+    options,
+  })
+}
diff --git a/packages/static-renderer/tests/integration/pmUnhandledTypes.test.ts b/packages/static-renderer/tests/integration/pmUnhandledTypes.test.ts
new file mode 100644
index 0000000..a9aaba1
--- /dev/null
+++ b/packages/static-renderer/tests/integration/pmUnhandledTypes.test.ts
@@ -0,0 +1,303 @@
+import { render } from '@testing-library/react'
+import type { JSONContent } from '@tiptap/core'
+import Bold from '@tiptap/extension-bold'
+import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import StarterKit from '@tiptap/starter-kit'
+import { renderToHTMLString } from '@tiptap/static-renderer/pm/html-string'
+import { renderToMarkdown } from '@tiptap/static-renderer/pm/markdown'
+import { renderToReactElement } from '@tiptap/static-renderer/pm/react'
+import React from 'react'
+import { describe, expect, it } from 'vite-plus/test'
+
+const extensions = [Document, Paragraph, Text, Bold, Heading]
+
+// `calloutBox` is not in the schema above.
+const docWithUnknownNode = {
+  type: 'doc',
+  content: [
+    { type: 'calloutBox', attrs: { variant: 'info' }, content: [{ type: 'text', text: 'hi' }] },
+  ],
+}
+
+// `colorMark` is not in the schema above.
+const docWithUnknownMark = {
+  type: 'doc',
+  content: [
+    {
+      type: 'paragraph',
+      content: [{ type: 'text', text: 'hi', marks: [{ type: 'colorMark', attrs: {} }] }],
+    },
+  ],
+}
+
+describe('static renderer: unhandledNode / unhandledMark for unknown schema types', () => {
+  it('react: routes an unknown node to unhandledNode instead of throwing', () => {
+    const view = render(
+      renderToReactElement({
+        content: docWithUnknownNode,
+        extensions,
+        options: {
+          unhandledNode: () => React.createElement('div', { 'data-unhandled-node': 'true' }),
+        },
+      }),
+    )
+
+    expect(view.container.querySelector('[data-unhandled-node]')).not.toBeNull()
+  })
+
+  it('react: routes an unknown mark to unhandledMark instead of throwing', () => {
+    const view = render(
+      renderToReactElement({
+        content: docWithUnknownMark,
+        extensions,
+        options: {
+          unhandledMark: ({ children }) => React.createElement('mark', {}, children),
+        },
+      }),
+    )
+
+    expect(view.container.querySelector('mark')?.textContent).toBe('hi')
+  })
+
+  it('react: still throws for an unknown node when no fallback is provided', () => {
+    expect(() => renderToReactElement({ content: docWithUnknownNode, extensions })).toThrow(
+      /Unknown node type: calloutBox/,
+    )
+  })
+
+  it('react: re-throws the original error when the unknown node has no matching fallback', () => {
+    // Only `unhandledMark` is provided, but the unknown type is a node — the
+    // clear "Unknown node type" error must still surface instead of falling back.
+    expect(() =>
+      renderToReactElement({
+        content: docWithUnknownNode,
+        extensions,
+        options: { unhandledMark: ({ children }) => React.createElement('mark', {}, children) },
+      }),
+    ).toThrow(/Unknown node type: calloutBox/)
+  })
+
+  it('does not mask non-unknown-type schema errors even when a fallback is set', () => {
+    const malformed = {
+      type: 'doc',
+      // text node without a `text` string — all types are known, so this is a
+      // structural error, not an unknown-type one. It must still throw.
+      content: [{ type: 'paragraph', content: [{ type: 'text' }] }],
+    }
+
+    expect(() =>
+      renderToReactElement({
+        content: malformed,
+        extensions,
+        options: { unhandledNode: () => React.createElement('div') },
+      }),
+    ).toThrow(/Invalid text node in JSON/)
+  })
+
+  it('html-string: routes an unknown node to unhandledNode instead of throwing', () => {
+    const html = renderToHTMLString({
+      content: docWithUnknownNode,
+      extensions,
+      options: { unhandledNode: () => '<div data-unhandled-node></div>' },
+    })
+
+    expect(html).toContain('data-unhandled-node')
+  })
+
+  it('preserves the happy path for fully-known content', () => {
+    const html = renderToHTMLString({
+      content: {
+        type: 'doc',
+        content: [{ type: 'heading', content: [{ type: 'text', text: 'x' }] }],
+      },
+      extensions,
+    })
+
+    expect(html).toBe('<h1>x</h1>')
+  })
+})
+
+describe('static renderer: unknown types preserve known nodes (sentinel substitution)', () => {
+  it('hands the original type and attributes to unhandledNode', () => {
+    let seenType: string | undefined
+    let seenVariant: unknown
+
+    render(
+      renderToReactElement({
+        content: docWithUnknownNode,
+        extensions,
+        options: {
+          unhandledNode: ({ node }) => {
+            seenType = node.type.name
+            seenVariant = node.attrs.variant
+            return React.createElement('div')
+          },
+        },
+      }),
+    )
+
+    expect(seenType).toBe('calloutBox')
+    expect(seenVariant).toBe('info')
+  })
+
+  it('hands the original type to unhandledMark', () => {
+    let seenType: string | undefined
+
+    render(
+      renderToReactElement({
+        content: docWithUnknownMark,
+        extensions,
+        options: {
+          unhandledMark: ({ mark, children }) => {
+            seenType = mark.type.name
+            return React.createElement('mark', {}, children)
+          },
+        },
+      }),
+    )
+
+    expect(seenType).toBe('colorMark')
+  })
+
+  it('renders known nodes with their schema attribute defaults alongside an unknown node', () => {
+    // The heading carries no explicit `level`; it must still resolve to its
+    // default (<h1>) rather than losing the attribute and crashing.
+    const view = render(
+      renderToReactElement({
+        content: {
+          type: 'doc',
+          content: [
+            { type: 'heading', content: [{ type: 'text', text: 'title' }] },
+            { type: 'calloutBox', content: [{ type: 'text', text: 'x' }] },
+          ],
+        },
+        extensions,
+        options: { unhandledNode: () => React.createElement('aside') },
+      }),
+    )
+
+    expect(view.container.querySelector('h1')?.textContent).toBe('title')
+    expect(view.container.querySelector('aside')).not.toBeNull()
+  })
+
+  it('keeps markdown output correct for known nodes when an unknown node is present', () => {
+    const markdown = renderToMarkdown({
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'bulletList',
+            content: [
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'a' }] }],
+              },
+              {
+                type: 'listItem',
+                content: [{ type: 'paragraph', content: [{ type: 'text', text: 'b' }] }],
+              },
+            ],
+          },
+          { type: 'calloutBox', content: [{ type: 'text', text: 'note' }] },
+        ],
+      },
+      extensions: [StarterKit],
+      options: { unhandledNode: ({ children }) => `\n[callout]${children}\n` },
+    })
+
+    expect(markdown).toContain('- a')
+    expect(markdown).toContain('- b')
+    expect(markdown).toContain('[callout]')
+  })
+
+  it('routes an unknown mark to unhandledMark in markdown output', () => {
+    let seenMark: string | undefined
+
+    const markdown = renderToMarkdown({
+      content: {
+        type: 'doc',
+        content: [
+          {
+            type: 'paragraph',
+            content: [{ type: 'text', text: 'hi', marks: [{ type: 'colorMark', attrs: {} }] }],
+          },
+        ],
+      },
+      extensions: [StarterKit],
+      options: {
+        unhandledMark: ({ mark, children }) => {
+          seenMark = mark.type.name
+          return `[[${children}]]`
+        },
+      },
+    })
+
+    expect(markdown).toContain('[[hi]]')
+    expect(seenMark).toBe('colorMark')
+  })
+
+  it('still throws a structural error when an unknown-with-fallback type is also present', () => {
+    // A genuinely malformed known node (text without `text`) must not be masked
+    // just because the document also contains a handled unknown node.
+    expect(() =>
+      render(
+        renderToReactElement({
+          content: {
+            type: 'doc',
+            content: [
+              { type: 'paragraph', content: [{ type: 'text' }] },
+              { type: 'calloutBox', content: [{ type: 'text', text: 'x' }] },
+            ],
+          },
+          extensions,
+          options: { unhandledNode: () => React.createElement('div') },
+        }),
+      ),
+    ).toThrow(/Invalid text node in JSON/)
+  })
+
+  it('restores the original JSON when a fallback calls node.toJSON()', () => {
+    let dumped: JSONContent | undefined
+
+    render(
+      renderToReactElement({
+        content: {
+          type: 'doc',
+          content: [
+            {
+              type: 'calloutBox',
+              attrs: { variant: 'info' },
+              content: [
+                {
+                  type: 'paragraph',
+                  content: [
+                    { type: 'text', text: 'deep', marks: [{ type: 'colorMark', attrs: { c: 1 } }] },
+                  ],
+                },
+              ],
+            },
+          ],
+        },
+        extensions,
+        options: {
+          unhandledNode: ({ node }) => {
+            dumped = node.toJSON()
+            return React.createElement('div')
+          },
+          unhandledMark: ({ children }) => React.createElement('mark', {}, children),
+        },
+      }),
+    )
+
+    // The unknown node serializes back to its original type/attrs, with no
+    // placeholder leakage — including a nested unknown mark deeper in the tree.
+    expect(dumped?.type).toBe('calloutBox')
+    expect(dumped?.attrs).toEqual({ variant: 'info' })
+    const text = dumped?.content?.[0]?.content?.[0]
+    expect(text?.text).toBe('deep')
+    expect(text?.marks?.[0]).toEqual({ type: 'colorMark', attrs: { c: 1 } })
+  })
+})
diff --git a/packages/static-renderer/vite.config.ts b/packages/static-renderer/vite.config.ts
new file mode 100644
index 0000000..246ad6d
--- /dev/null
+++ b/packages/static-renderer/vite.config.ts
@@ -0,0 +1,26 @@
+import { defineConfig } from 'vite-plus'
+import { tsupCompatibleExtensions } from '../../pack.config.mjs'
+
+const entries = [
+  'src/json/html-string/index.ts',
+  'src/json/react/index.ts',
+  'src/json/renderer.ts',
+  'src/pm/react/index.ts',
+  'src/pm/html-string/index.ts',
+  'src/pm/markdown/index.ts',
+  'src/index.ts',
+]
+
+export default defineConfig({
+  pack: entries.map(entry => ({
+    entry: [entry],
+    tsconfig: '../../tsconfig.build.json',
+    outDir: `dist${entry.replace('src', '').split('/').slice(0, -1).join('/')}`,
+    dts: { sourcemap: true },
+    sourcemap: true,
+    target: 'es2019',
+    format: ['esm', 'cjs'],
+    deps: { neverBundle: [/^[^./]/] },
+    outExtensions: tsupCompatibleExtensions,
+  })),
+})
diff --git a/packages/suggestion/CHANGELOG.md b/packages/suggestion/CHANGELOG.md
new file mode 100644
index 0000000..1b4295f
--- /dev/null
+++ b/packages/suggestion/CHANGELOG.md
@@ -0,0 +1,2263 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Minor Changes
+
+- 6270b99: Add `props.mount(element)` for fully managed popup positioning. It mounts the popup into the configured `container` (default `document.body`), keeps it anchored to the cursor, and automatically repositions on scroll, resize, and layout shifts via Floating UI's `autoUpdate` — no manual listeners required. It returns an `unmount` function to call in `onExit`.
+
+  This is additive and opt-in: mounting and positioning manually with `props.floatingUi` + `props.clientRect` remains supported as an escape hatch.
+
+- 6270b99: Dismiss managed suggestion popups when the user clicks outside both the popup and the editor. Enabled by default for popups mounted via `props.mount`, and configurable with the new `dismissOnOutsideClick` option.
+- 6270b99: Expose Floating UI positioning configuration through `SuggestionProps`. Consumers can now read `placement`, `offset`, `flip`, `container`, and a resolved `floatingUi` config to drive their own positioning loop.
+- 6270b99: Add async suggestion lifecycle handling, including debounced async `items()`, in-flight request aborting, `initialItems`, a `loading` state, and a `minQueryLength` filter.
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- 7f6d63c: Suggestions dismissed via Escape no longer reappear when the user keeps typing in the same word — they only come back after inserting whitespace, a newline, or moving the cursor to a different trigger.
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- @tiptap/core@3.18.0
+- @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- @tiptap/core@3.15.2
+- @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- 5cdcc9e: Add a new `shouldShow` callback to the `Suggestion` utility. This allows developers to filter when suggestions are displayed, which is especially useful for collaborative environments to prevent suggestions from popping open for remote users.
+  - @tiptap/core@3.15.1
+  - @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- @tiptap/core@3.14.0
+- @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- @tiptap/core@3.6.6
+- @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- @tiptap/core@3.5.1
+- @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- 59fb86f: Previously, `clientRect` was only obtained through `decorationNode`. If `decorationNode` could not be obtained, `clientRect` was set to `null`, which caused the suggestion not to render in some IME scenarios (notably Chinese IME).
+
+  This change adds a fallback method to compute `clientRect` from the editor's cursor position when `decorationNode` is not available. It generates a DOMRect based on the cursor coordinates so the suggestion can render even when the decoration node is missing.
+
+  - @tiptap/core@3.4.1
+  - @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- 3733bb9: Allow consumers to handle the Escape key via `render().onKeyDown` before the suggestion plugin auto-exits.
+
+  Previously the suggestion plugin intercepted Escape internally and immediately called `onExit`, preventing `render().onKeyDown` from receiving the event and stopping propagation. Now `render().onKeyDown` is invoked first for Escape; if it returns `true` the plugin assumes the consumer handled the event (so they can call `event.preventDefault()` / `event.stopPropagation()` and optionally call `exitSuggestion(view)` themselves). If it returns `false` (or is absent), the plugin will continue to call `onExit` and close the suggestion as before.
+
+  This change enables scenarios where the editor is inside a modal/drawer and the consumer needs to prevent the outer UI from reacting to Escape while still controlling the suggestion's lifecycle.
+
+- 90cbed5: Remove the global document `mousedown` handler that closed suggestion popups when clicking outside.
+
+  Previously the suggestion plugin listened for document `mousedown` events and closed suggestion UIs when the user clicked outside the editor or suggestion portal. That behavior has been removed to avoid framework-specific coupling (for example reliance on `.react-renderer`) and related compatibility issues.
+
+  Now suggestions are closed via other signals:
+
+  - pressing Escape (unchanged)
+  - selection/cursor changes
+  - renderer.onExit (renderers can call this)
+  - programmatic calls to `exitSuggestion(view)`
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- 5423726: Add a safe API to exit suggestions and remove decorations.
+
+  - Dispatching a metadata-only transaction with `{ exit: true }` will now reliably deactivate the suggestion plugin and remove inline decorations.
+  - Pressing Escape now triggers renderer.onExit and dispatches the exit meta, so suggestions close immediately without needing document edits.
+  - Clicking outside the editor will also close active suggestions.
+  - Exported `exitSuggestion(view, pluginKey?)` helper to programmatically close suggestions safely.
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Minor Changes
+
+- a80e62f: Added support for empty query messages via decorations
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 8c69002: Synced beta with stable features
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Minor Changes
+
+- a80e62f: Added support for empty query messages via decorations
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.12
+- @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.11
+- @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+## 3.0.0-next.5
+
+## 3.0.0-next.4
+
+## 3.0.0-next.3
+
+## 3.0.0-next.2
+
+### Patch Changes
+
+- ec8d654: Added a new option ´allowToIncludeChar` that allows the usage of the suggestion char inside the query
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Major Changes
+
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Patch Changes
+
+- Updated dependencies [0ec0af6]
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+## 2.11.9
+
+## 2.11.8
+
+## 2.11.7
+
+## 2.11.6
+
+## 2.11.5
+
+## 2.11.4
+
+## 2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/pm@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/pm@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/pm@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/pm@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/pm@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- @tiptap/core@2.5.1
+- @tiptap/pm@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/pm@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/pm@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/pm@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/pm@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+### Bug Fixes
+
+- **suggestion:** revert [#3239](https://github.com/ueberdosis/tiptap/issues/3239) ([b38c9eb](https://github.com/ueberdosis/tiptap/commit/b38c9eb13988bcb0696ed083dd2090a7edcfe09a))
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+### Bug Fixes
+
+- **suggestion:** set default allowedPrefixes null ([#3239](https://github.com/ueberdosis/tiptap/issues/3239)) ([04b9da4](https://github.com/ueberdosis/tiptap/commit/04b9da4760f467c446cbcf2fd08030e089d9be5f))
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.98](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.97...@tiptap/suggestion@2.0.0-beta.98) (2022-09-03)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.97](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.96...@tiptap/suggestion@2.0.0-beta.97) (2022-06-27)
+
+### Features
+
+- Allow multiple prefix characters to trigger a suggestion ([#2896](https://github.com/ueberdosis/tiptap/issues/2896)) ([482cb96](https://github.com/ueberdosis/tiptap/commit/482cb960d6a17acc575bb9c535e1e87f07f06686))
+
+# [2.0.0-beta.96](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.95...@tiptap/suggestion@2.0.0-beta.96) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.95](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.93...@tiptap/suggestion@2.0.0-beta.95) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.93](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.93...@tiptap/suggestion@2.0.0-beta.93) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.92](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.91...@tiptap/suggestion@2.0.0-beta.92) (2022-05-18)
+
+### Bug Fixes
+
+- fix suggestion package.json ([dd3e27b](https://github.com/ueberdosis/tiptap/commit/dd3e27b0e49cb7b7a63c0068437060472345c51b))
+
+### Features
+
+- Add `onBeforeStart` and `onBeforeUpdate` handlers to the render function ([70cb809](https://github.com/ueberdosis/tiptap/commit/70cb809702cbbb59abc6d12d85fd4d1291f88f5a))
+- Add a generic type for suggestion items ([7cae967](https://github.com/ueberdosis/tiptap/commit/7cae9673f0086973b4d31e1343375ed5ad04ee0a))
+
+# [2.0.0-beta.91](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.90...@tiptap/suggestion@2.0.0-beta.91) (2022-04-27)
+
+### Bug Fixes
+
+- prevent suggestions from being active when editor is readonly ([45990cd](https://github.com/ueberdosis/tiptap/commit/45990cdc0f8c9b7d31fe31cabe4b29088851d9f6))
+
+# [2.0.0-beta.90](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.89...@tiptap/suggestion@2.0.0-beta.90) (2022-01-25)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.89](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.88...@tiptap/suggestion@2.0.0-beta.89) (2022-01-21)
+
+### Bug Fixes
+
+- fixes an error when using the mention extension and pasting text ending with "@", fix [#2413](https://github.com/ueberdosis/tiptap/issues/2413) ([55fa220](https://github.com/ueberdosis/tiptap/commit/55fa2208996f648a2ca06b0a363a249ff5e39169))
+
+# [2.0.0-beta.88](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.87...@tiptap/suggestion@2.0.0-beta.88) (2022-01-20)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.87](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.86...@tiptap/suggestion@2.0.0-beta.87) (2022-01-13)
+
+### Bug Fixes
+
+- support all characters for suggestion char, fix [#2385](https://github.com/ueberdosis/tiptap/issues/2385) ([42d3ee8](https://github.com/ueberdosis/tiptap/commit/42d3ee8fc9882a9fb9f87e696cebd0e6146d2e62))
+
+# [2.0.0-beta.86](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.85...@tiptap/suggestion@2.0.0-beta.86) (2022-01-04)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.85](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.84...@tiptap/suggestion@2.0.0-beta.85) (2021-12-04)
+
+### Bug Fixes
+
+- call onExit hook when editor is destroyed, fix [#1645](https://github.com/ueberdosis/tiptap/issues/1645) ([5d2ef71](https://github.com/ueberdosis/tiptap/commit/5d2ef71d33bea9ba6bf1aeb3cceee08af27f1e75))
+
+# [2.0.0-beta.84](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.83...@tiptap/suggestion@2.0.0-beta.84) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.83](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.82...@tiptap/suggestion@2.0.0-beta.83) (2021-11-17)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.82](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.81...@tiptap/suggestion@2.0.0-beta.82) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.81](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.80...@tiptap/suggestion@2.0.0-beta.81) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.80](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.79...@tiptap/suggestion@2.0.0-beta.80) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.79](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.78...@tiptap/suggestion@2.0.0-beta.79) (2021-11-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.78](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.77...@tiptap/suggestion@2.0.0-beta.78) (2021-11-05)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.77](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.76...@tiptap/suggestion@2.0.0-beta.77) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.76](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.75...@tiptap/suggestion@2.0.0-beta.76) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.75](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.74...@tiptap/suggestion@2.0.0-beta.75) (2021-10-25)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.74](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.73...@tiptap/suggestion@2.0.0-beta.74) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.73](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.72...@tiptap/suggestion@2.0.0-beta.73) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.72](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.71...@tiptap/suggestion@2.0.0-beta.72) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.71](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.70...@tiptap/suggestion@2.0.0-beta.71) (2021-09-20)
+
+### Bug Fixes
+
+- Add type for async items on suggestions (fix TS strict types complaining) ([#1912](https://github.com/ueberdosis/tiptap/issues/1912)) ([4a6c3cb](https://github.com/ueberdosis/tiptap/commit/4a6c3cbaac9690f1261b8d435195878b6f60ad64))
+
+# [2.0.0-beta.70](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.69...@tiptap/suggestion@2.0.0-beta.70) (2021-09-15)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.69](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.68...@tiptap/suggestion@2.0.0-beta.69) (2021-09-06)
+
+### Features
+
+- allow triggering suggestions without prefix space ([#1826](https://github.com/ueberdosis/tiptap/issues/1826), fix [#1384](https://github.com/ueberdosis/tiptap/issues/1384)) ([4dd0d6d](https://github.com/ueberdosis/tiptap/commit/4dd0d6d4dce20c78974bf53619a827f8ba1718e3))
+
+# [2.0.0-beta.68](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.67...@tiptap/suggestion@2.0.0-beta.68) (2021-08-23)
+
+### Bug Fixes
+
+- get correct clientRect when using async suggesteion items, fix [#1782](https://github.com/ueberdosis/tiptap/issues/1782) ([839acc1](https://github.com/ueberdosis/tiptap/commit/839acc1d9f713b89f366cd7da63330fd0243c31b))
+
+# [2.0.0-beta.67](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.66...@tiptap/suggestion@2.0.0-beta.67) (2021-08-23)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.66](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.65...@tiptap/suggestion@2.0.0-beta.66) (2021-08-20)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.65](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.64...@tiptap/suggestion@2.0.0-beta.65) (2021-08-13)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.64](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.63...@tiptap/suggestion@2.0.0-beta.64) (2021-08-13)
+
+### Bug Fixes
+
+- improve suggestion handling for chinese input, fix [#1449](https://github.com/ueberdosis/tiptap/issues/1449) ([9789372](https://github.com/ueberdosis/tiptap/commit/9789372cea901b21059d53c30ff301efb35fb720))
+
+# [2.0.0-beta.63](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.62...@tiptap/suggestion@2.0.0-beta.63) (2021-08-13)
+
+### Bug Fixes
+
+- add pluginKey option to suggestion plugin, fix [#1282](https://github.com/ueberdosis/tiptap/issues/1282) ([7cf3350](https://github.com/ueberdosis/tiptap/commit/7cf3350a832181f8cc1fa7ea1afec8f8d083e507))
+
+# [2.0.0-beta.62](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.61...@tiptap/suggestion@2.0.0-beta.62) (2021-08-09)
+
+### Bug Fixes
+
+- use correct state when doc changed externally ([#1646](https://github.com/ueberdosis/tiptap/issues/1646)) ([60606f9](https://github.com/ueberdosis/tiptap/commit/60606f99a1df3c694cc2faa0522c772ef419e9fe))
+
+# [2.0.0-beta.61](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.60...@tiptap/suggestion@2.0.0-beta.61) (2021-07-26)
+
+### Bug Fixes
+
+- Fix multi character suggest ([#1620](https://github.com/ueberdosis/tiptap/issues/1620)) ([83a53c1](https://github.com/ueberdosis/tiptap/commit/83a53c16db4e8bbe06a37a0fe15e0a9e79bdb2ed))
+
+# [2.0.0-beta.60](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.59...@tiptap/suggestion@2.0.0-beta.60) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.59](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.58...@tiptap/suggestion@2.0.0-beta.59) (2021-06-23)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.58](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.57...@tiptap/suggestion@2.0.0-beta.58) (2021-06-17)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.57](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.56...@tiptap/suggestion@2.0.0-beta.57) (2021-05-27)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.56](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.55...@tiptap/suggestion@2.0.0-beta.56) (2021-05-18)
+
+### Bug Fixes
+
+- add support for using suggestions at top level, fix [#1340](https://github.com/ueberdosis/tiptap/issues/1340) ([0d9e488](https://github.com/ueberdosis/tiptap/commit/0d9e48883641d1c4aeeb9c9aa941e2e6419b2e7a))
+
+# [2.0.0-beta.55](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.54...@tiptap/suggestion@2.0.0-beta.55) (2021-05-17)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.54](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.53...@tiptap/suggestion@2.0.0-beta.54) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.53](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.52...@tiptap/suggestion@2.0.0-beta.53) (2021-05-07)
+
+### Bug Fixes
+
+- move @tiptap/core to peerDependency ([a03a01a](https://github.com/ueberdosis/tiptap/commit/a03a01ab042f7c655139a08ed547a58d8b1d386f))
+
+# [2.0.0-beta.52](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.51...@tiptap/suggestion@2.0.0-beta.52) (2021-05-07)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.51](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.50...@tiptap/suggestion@2.0.0-beta.51) (2021-05-07)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.50](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.49...@tiptap/suggestion@2.0.0-beta.50) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.49](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.48...@tiptap/suggestion@2.0.0-beta.49) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.48](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.47...@tiptap/suggestion@2.0.0-beta.48) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.47](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.46...@tiptap/suggestion@2.0.0-beta.47) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.46](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.45...@tiptap/suggestion@2.0.0-beta.46) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.45](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.44...@tiptap/suggestion@2.0.0-beta.45) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.44](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.43...@tiptap/suggestion@2.0.0-beta.44) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.43](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.42...@tiptap/suggestion@2.0.0-beta.43) (2021-05-04)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.42](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.41...@tiptap/suggestion@2.0.0-beta.42) (2021-04-27)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.41](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.40...@tiptap/suggestion@2.0.0-beta.41) (2021-04-27)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.40](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.39...@tiptap/suggestion@2.0.0-beta.40) (2021-04-27)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.39](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.38...@tiptap/suggestion@2.0.0-beta.39) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.38](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.37...@tiptap/suggestion@2.0.0-beta.38) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.36...@tiptap/suggestion@2.0.0-beta.37) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.35...@tiptap/suggestion@2.0.0-beta.36) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.34...@tiptap/suggestion@2.0.0-beta.35) (2021-04-20)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.33...@tiptap/suggestion@2.0.0-beta.34) (2021-04-20)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.32...@tiptap/suggestion@2.0.0-beta.33) (2021-04-16)
+
+### Bug Fixes
+
+- fix type for clientRect ([07c6d51](https://github.com/ueberdosis/tiptap/commit/07c6d513388c4538140e0ff37dc9035c9dc6fea3))
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.31...@tiptap/suggestion@2.0.0-beta.32) (2021-04-16)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.30...@tiptap/suggestion@2.0.0-beta.31) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.29...@tiptap/suggestion@2.0.0-beta.30) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.28...@tiptap/suggestion@2.0.0-beta.29) (2021-04-12)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.27...@tiptap/suggestion@2.0.0-beta.28) (2021-04-12)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.26...@tiptap/suggestion@2.0.0-beta.27) (2021-04-09)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.25...@tiptap/suggestion@2.0.0-beta.26) (2021-04-09)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.24...@tiptap/suggestion@2.0.0-beta.25) (2021-04-09)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.23...@tiptap/suggestion@2.0.0-beta.24) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.22...@tiptap/suggestion@2.0.0-beta.23) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.21...@tiptap/suggestion@2.0.0-beta.22) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.20...@tiptap/suggestion@2.0.0-beta.21) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.19...@tiptap/suggestion@2.0.0-beta.20) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.18...@tiptap/suggestion@2.0.0-beta.19) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.17...@tiptap/suggestion@2.0.0-beta.18) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.16...@tiptap/suggestion@2.0.0-beta.17) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.15...@tiptap/suggestion@2.0.0-beta.16) (2021-04-07)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.14...@tiptap/suggestion@2.0.0-beta.15) (2021-04-06)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.13...@tiptap/suggestion@2.0.0-beta.14) (2021-04-04)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.12...@tiptap/suggestion@2.0.0-beta.13) (2021-04-02)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.11...@tiptap/suggestion@2.0.0-beta.12) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.10...@tiptap/suggestion@2.0.0-beta.11) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.9...@tiptap/suggestion@2.0.0-beta.10) (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.8...@tiptap/suggestion@2.0.0-beta.9) (2021-03-28)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.7...@tiptap/suggestion@2.0.0-beta.8) (2021-03-28)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.6...@tiptap/suggestion@2.0.0-beta.7) (2021-03-28)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.5...@tiptap/suggestion@2.0.0-beta.6) (2021-03-24)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.4...@tiptap/suggestion@2.0.0-beta.5) (2021-03-18)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.3...@tiptap/suggestion@2.0.0-beta.4) (2021-03-18)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.2...@tiptap/suggestion@2.0.0-beta.3) (2021-03-16)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-beta.1...@tiptap/suggestion@2.0.0-beta.2) (2021-03-09)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-alpha.12...@tiptap/suggestion@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-alpha.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-alpha.11...@tiptap/suggestion@2.0.0-alpha.12) (2021-02-28)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-alpha.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-alpha.10...@tiptap/suggestion@2.0.0-alpha.11) (2021-02-26)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-alpha.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-alpha.9...@tiptap/suggestion@2.0.0-alpha.10) (2021-02-26)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-alpha.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-alpha.8...@tiptap/suggestion@2.0.0-alpha.9) (2021-02-18)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-alpha.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-alpha.7...@tiptap/suggestion@2.0.0-alpha.8) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-alpha.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-alpha.6...@tiptap/suggestion@2.0.0-alpha.7) (2021-02-16)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-alpha.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-alpha.5...@tiptap/suggestion@2.0.0-alpha.6) (2021-02-07)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-alpha.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-alpha.4...@tiptap/suggestion@2.0.0-alpha.5) (2021-02-05)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-alpha.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-alpha.3...@tiptap/suggestion@2.0.0-alpha.4) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-alpha.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-alpha.2...@tiptap/suggestion@2.0.0-alpha.3) (2021-01-29)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# [2.0.0-alpha.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/suggestion@2.0.0-alpha.1...@tiptap/suggestion@2.0.0-alpha.2) (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/suggestion
+
+# 2.0.0-alpha.1 (2021-01-28)
+
+**Note:** Version bump only for package @tiptap/suggestion
diff --git a/packages/suggestion/README.md b/packages/suggestion/README.md
new file mode 100644
index 0000000..570e25c
--- /dev/null
+++ b/packages/suggestion/README.md
@@ -0,0 +1,18 @@
+# @tiptap/suggestion
+
+[![Version](https://img.shields.io/npm/v/@tiptap/suggestion.svg?label=version)](https://www.npmjs.com/package/@tiptap/suggestion)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/suggestion.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/suggestion.svg)](https://www.npmjs.com/package/@tiptap/suggestion)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/suggestion/package.json b/packages/suggestion/package.json
new file mode 100644
index 0000000..d3fcbd9
--- /dev/null
+++ b/packages/suggestion/package.json
@@ -0,0 +1,54 @@
+{
+  "name": "@tiptap/suggestion",
+  "version": "3.30.3",
+  "description": "suggestion plugin for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap utility"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/suggestion"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@floating-ui/dom": "^1.6.12",
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^"
+  },
+  "peerDependencies": {
+    "@floating-ui/dom": "^1.0.0",
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*"
+  }
+}
diff --git a/packages/suggestion/src/findSuggestionMatch.ts b/packages/suggestion/src/findSuggestionMatch.ts
new file mode 100644
index 0000000..695f66f
--- /dev/null
+++ b/packages/suggestion/src/findSuggestionMatch.ts
@@ -0,0 +1,86 @@
+import type { Range } from '@tiptap/core'
+import { escapeForRegEx } from '@tiptap/core'
+import type { ResolvedPos } from '@tiptap/pm/model'
+
+export interface Trigger {
+  char: string
+  allowSpaces: boolean
+  allowToIncludeChar: boolean
+  allowedPrefixes: string[] | null
+  startOfLine: boolean
+  $position: ResolvedPos
+}
+
+export type SuggestionMatch = {
+  range: Range
+  query: string
+  text: string
+} | null
+
+export function findSuggestionMatch(config: Trigger): SuggestionMatch {
+  const {
+    char,
+    allowSpaces: allowSpacesOption,
+    allowToIncludeChar,
+    allowedPrefixes,
+    startOfLine,
+    $position,
+  } = config
+
+  const allowSpaces = allowSpacesOption && !allowToIncludeChar
+
+  const escapedChar = escapeForRegEx(char)
+  const suffix = new RegExp(`\\s${escapedChar}$`)
+  const prefix = startOfLine ? '^' : ''
+  const finalEscapedChar = allowToIncludeChar ? '' : escapedChar
+  const regexp = allowSpaces
+    ? new RegExp(`${prefix}${escapedChar}.*?(?=\\s${finalEscapedChar}|$)`, 'gm')
+    : new RegExp(`${prefix}(?:^)?${escapedChar}[^\\s${finalEscapedChar}]*`, 'gm')
+
+  const text = $position.nodeBefore?.isText && $position.nodeBefore.text
+
+  if (!text) {
+    return null
+  }
+
+  const textFrom = $position.pos - text.length
+  const match = Array.from(text.matchAll(regexp)).pop()
+
+  if (!match || match.input === undefined || match.index === undefined) {
+    return null
+  }
+
+  // JavaScript doesn't have lookbehinds. This hacks a check that first character
+  // is a space or the start of the line
+  const matchPrefix = match.input.slice(Math.max(0, match.index - 1), match.index)
+  const matchPrefixIsAllowed = new RegExp(`^[${allowedPrefixes?.join('')}\0]?$`).test(matchPrefix)
+
+  if (allowedPrefixes !== null && !matchPrefixIsAllowed) {
+    return null
+  }
+
+  // The absolute position of the match in the document
+  const from = textFrom + match.index
+  let to = from + match[0].length
+
+  // Edge case handling; if spaces are allowed and we're directly in between
+  // two triggers
+  if (allowSpaces && suffix.test(text.slice(to - 1, to + 1))) {
+    match[0] += ' '
+    to += 1
+  }
+
+  // If the $position is located within the matched substring, return that range
+  if (from < $position.pos && to >= $position.pos) {
+    return {
+      range: {
+        from,
+        to,
+      },
+      query: match[0].slice(char.length),
+      text: match[0],
+    }
+  }
+
+  return null
+}
diff --git a/packages/suggestion/src/helpers.ts b/packages/suggestion/src/helpers.ts
new file mode 100644
index 0000000..61891a9
--- /dev/null
+++ b/packages/suggestion/src/helpers.ts
@@ -0,0 +1,129 @@
+import type { Editor, Range } from '@tiptap/core'
+import type { EditorState, PluginKey, Transaction } from '@tiptap/pm/state'
+import type { EditorView } from '@tiptap/pm/view'
+
+import type { SuggestionMatch } from './findSuggestionMatch.js'
+import type { SuggestionOptions, SuggestionPluginState } from './types.js'
+
+/**
+ * Returns true if the transaction inserted any whitespace or newline character.
+ * Used to determine when a dismissed suggestion should become active again.
+ */
+export function hasInsertedWhitespace(transaction: Transaction): boolean {
+  if (!transaction.docChanged) {
+    return false
+  }
+  return transaction.steps.some(step => {
+    const slice = (step as any).slice
+    if (!slice?.content) {
+      return false
+    }
+    // textBetween with '\n' as block separator catches both inline spaces and newlines
+    const inserted = slice.content.textBetween(0, slice.content.size, '\n')
+    return /\s/.test(inserted)
+  })
+}
+
+/**
+ * Gets the DOM rectangle corresponding to the current editor cursor anchor position.
+ * Calculates screen coordinates based on Tiptap's cursor position and converts to a DOMRect object.
+ */
+export function getAnchorClientRect(editor: Editor): () => DOMRect | null {
+  return () => {
+    const pos = editor.state.selection.$anchor.pos
+    const coords = editor.view.coordsAtPos(pos)
+    const { top, right, bottom, left } = coords
+
+    try {
+      return new DOMRect(left, top, right - left, bottom - top)
+    } catch {
+      return null
+    }
+  }
+}
+
+/**
+ * Creates a clientRect callback for a given decoration node.
+ * Returns the anchor rect when no decoration node is present.
+ * Uses the pluginKey's state to resolve the current decoration node on demand.
+ */
+export function clientRectFor(
+  editor: Editor,
+  view: EditorView,
+  decorationNode: Element | null,
+  pluginKey: PluginKey,
+): () => DOMRect | null {
+  if (!decorationNode) {
+    return getAnchorClientRect(editor)
+  }
+
+  return () => {
+    const state: SuggestionPluginState = pluginKey.getState(editor.state) as any
+    const decorationId = state?.decorationId
+    const currentDecorationNode = view.dom.querySelector(`[data-decoration-id="${decorationId}"]`)
+
+    return currentDecorationNode?.getBoundingClientRect() || null
+  }
+}
+
+/**
+ * Determines whether a dismissed suggestion should stay dismissed.
+ * Returns `true` (keep dismissed) or `false` (allow reactivation).
+ */
+export function shouldKeepDismissed({
+  match,
+  dismissedRange,
+  state,
+  transaction,
+  editor,
+  shouldResetDismissed,
+  effectiveAllowSpaces,
+}: {
+  match: Exclude<SuggestionMatch, null>
+  dismissedRange: Range
+  state: EditorState
+  transaction: Transaction
+  editor: Editor
+  shouldResetDismissed?: SuggestionOptions['shouldResetDismissed']
+  effectiveAllowSpaces: boolean
+}): boolean {
+  if (
+    shouldResetDismissed?.({
+      editor,
+      state,
+      range: dismissedRange,
+      match,
+      transaction,
+      allowSpaces: effectiveAllowSpaces,
+    })
+  ) {
+    return false
+  }
+
+  if (effectiveAllowSpaces) {
+    return match.range.from === dismissedRange.from
+  }
+
+  return match.range.from === dismissedRange.from && !hasInsertedWhitespace(transaction)
+}
+
+/**
+ * Dispatch an exit of the suggestion plugin by dispatching a metadata-only
+ * transaction to clear the plugin state. The renderer's onExit hook is NOT
+ * called here — it fires via the plugin view's stopped transition, which
+ * builds SuggestionProps consistently with the normal lifecycle.
+ *
+ * This prevents a double onExit call (one from dispatchExit, one from the
+ * view's update) and keeps exitSuggestion consistent with Escape-triggered
+ * exits.
+ */
+export function dispatchExit({
+  view,
+  pluginKeyRef,
+}: {
+  view: EditorView
+  pluginKeyRef: PluginKey
+}): void {
+  const tr = view.state.tr.setMeta(pluginKeyRef, { exit: true })
+  view.dispatch(tr)
+}
diff --git a/packages/suggestion/src/index.ts b/packages/suggestion/src/index.ts
new file mode 100644
index 0000000..0327039
--- /dev/null
+++ b/packages/suggestion/src/index.ts
@@ -0,0 +1,8 @@
+import { exitSuggestion, Suggestion } from './suggestion.js'
+
+export * from './findSuggestionMatch.js'
+export * from './suggestion.js'
+
+export { exitSuggestion }
+
+export default Suggestion
diff --git a/packages/suggestion/src/plugin/async.ts b/packages/suggestion/src/plugin/async.ts
new file mode 100644
index 0000000..402b0b9
--- /dev/null
+++ b/packages/suggestion/src/plugin/async.ts
@@ -0,0 +1,89 @@
+import type { Editor } from '@tiptap/core'
+
+import type { SuggestionOptions } from '../types.js'
+
+export interface CreateSuggestionAsyncRequestManagerOptions<I = any> {
+  editor: Editor
+  items: NonNullable<SuggestionOptions<I>['items']>
+}
+
+type AsyncRequestResult<I> =
+  | { status: 'resolved'; items: I[] }
+  | { status: 'aborted' }
+  | { status: 'error' }
+
+export function createSuggestionAsyncRequestManager<I = any>({
+  editor,
+  items,
+}: CreateSuggestionAsyncRequestManagerOptions<I>) {
+  let abortController: AbortController | null = null
+  let debounceTimer: ReturnType<typeof setTimeout> | null = null
+  let debounceResolve: (() => void) | null = null
+
+  const clearDebounceTimer = () => {
+    if (debounceTimer !== null) {
+      clearTimeout(debounceTimer)
+      debounceTimer = null
+    }
+
+    debounceResolve?.()
+    debounceResolve = null
+  }
+
+  const waitForDebounce = (delay: number) => {
+    return new Promise<void>(resolve => {
+      debounceResolve = resolve
+      debounceTimer = setTimeout(() => {
+        debounceTimer = null
+        const pendingResolve = debounceResolve
+        debounceResolve = null
+        pendingResolve?.()
+      }, delay)
+    })
+  }
+
+  const abort = () => {
+    abortController?.abort()
+    clearDebounceTimer()
+    abortController = null
+  }
+
+  const fetch = async (query: string, debounce: number): Promise<AsyncRequestResult<I>> => {
+    abort()
+    abortController = new AbortController()
+    const controller = abortController
+
+    if (debounce > 0) {
+      await waitForDebounce(debounce)
+    }
+
+    if (abortController !== controller || controller.signal.aborted) {
+      return { status: 'aborted' }
+    }
+
+    try {
+      const result = await items({
+        editor,
+        query,
+        signal: controller.signal,
+      })
+
+      if (abortController !== controller || controller.signal.aborted) {
+        return { status: 'aborted' }
+      }
+
+      return { status: 'resolved', items: result }
+    } catch {
+      if (abortController !== controller || controller.signal.aborted) {
+        return { status: 'aborted' }
+      }
+
+      return { status: 'error' }
+    }
+  }
+
+  return {
+    abort,
+    fetch,
+  }
+}
diff --git a/packages/suggestion/src/plugin/floating-ui.ts b/packages/suggestion/src/plugin/floating-ui.ts
new file mode 100644
index 0000000..fd8d9c0
--- /dev/null
+++ b/packages/suggestion/src/plugin/floating-ui.ts
@@ -0,0 +1,204 @@
+import type { Middleware, VirtualElement } from '@floating-ui/dom'
+import {
+  autoUpdate,
+  computePosition,
+  flip as floatingUiFlip,
+  offset as floatingUiOffset,
+} from '@floating-ui/dom'
+
+import type {
+  SuggestionFloatingUiConfig,
+  SuggestionFloatingUiOptions,
+  SuggestionMount,
+  SuggestionPlacement,
+} from '../types.js'
+
+export interface CreateSuggestionFloatingUiConfigOptions {
+  placement: SuggestionPlacement
+  offset: { mainAxis?: number; crossAxis?: number }
+  flip: boolean
+  floatingUi?: SuggestionFloatingUiOptions
+}
+
+export function createSuggestionFloatingUiConfig({
+  placement,
+  offset,
+  flip,
+  floatingUi,
+}: CreateSuggestionFloatingUiConfigOptions): SuggestionFloatingUiConfig {
+  const middleware: Middleware[] = [
+    floatingUiOffset({
+      mainAxis: offset.mainAxis ?? 4,
+      crossAxis: offset.crossAxis ?? 0,
+    }),
+  ]
+
+  if (flip) {
+    middleware.push(floatingUiFlip())
+  }
+
+  if (floatingUi?.middleware?.length) {
+    middleware.push(...floatingUi.middleware)
+  }
+
+  return {
+    placement,
+    strategy: floatingUi?.strategy ?? 'absolute',
+    middleware,
+  }
+}
+
+export interface CreateMountOptions {
+  /** Returns the current cursor/anchor rect the popup should track. */
+  getReferenceRect: () => DOMRect | null
+  /**
+   * An element inside the editor's layout/scroll context. Floating UI walks up
+   * from here to discover the scroll ancestors (and the window) to observe, so
+   * the scroll container does not need to be configured manually.
+   */
+  contextElement: Element
+  /** Resolved Floating UI config (placement, strategy, middleware). */
+  config: SuggestionFloatingUiConfig
+  /**
+   * CSS selector or element the popup should be mounted into. Defaults to
+   * `document.body`. Used to portal the popup inside dialogs/modals so it
+   * renders on top of (and clips within) the right context.
+   */
+  container?: string | HTMLElement
+  /**
+   * When `true`, a pointerdown outside both the popup and the editor dismisses
+   * the suggestion. Wired up and torn down alongside the mounted element.
+   */
+  dismissOnOutsideClick: boolean
+  /** Dismisses the active suggestion (used by outside-click handling). */
+  dismiss: () => void
+}
+
+/**
+ * Resolves a container option (selector or element) to a mount target,
+ * falling back to `document.body` when it can't be resolved.
+ */
+function resolveContainer(container?: string | HTMLElement): HTMLElement {
+  if (container instanceof HTMLElement) {
+    return container
+  }
+
+  if (typeof container === 'string') {
+    try {
+      // `container` is consumer-provided; an invalid selector throws a
+      // DOMException, so fall back to document.body instead of crashing.
+      const found = document.querySelector<HTMLElement>(container)
+
+      if (found) {
+        return found
+      }
+    } catch {
+      return document.body
+    }
+  }
+
+  return document.body
+}
+
+/**
+ * Builds the `mount` function handed to the renderer on `SuggestionProps`.
+ *
+ * Mounts the popup into the container, then wires Floating UI's `autoUpdate`
+ * against a virtual reference that re-reads the live cursor rect, so the popup
+ * stays anchored across scroll, resize, and layout shifts without the consumer
+ * attaching any listeners. The returned `unmount` tears all of that down.
+ */
+export function createMount({
+  getReferenceRect,
+  contextElement,
+  config,
+  container,
+  dismissOnOutsideClick,
+  dismiss,
+}: CreateMountOptions): SuggestionMount {
+  return (element, options = {}) => {
+    const reference: VirtualElement = {
+      getBoundingClientRect: () => getReferenceRect() ?? new DOMRect(),
+      contextElement,
+    }
+
+    let positioned = false
+
+    // Mount the popup into the container (default `document.body`) unless the
+    // consumer already placed it in the DOM themselves — in which case we leave
+    // mounting (and unmounting) to them.
+    const mountedByUs = !element.isConnected
+
+    if (mountedByUs) {
+      resolveContainer(container).appendChild(element)
+    }
+
+    // Hide the element until the first measurement resolves so it doesn't flash
+    // at its initial coordinates. Skipped when the consumer owns applying the
+    // position via `onPosition`.
+    if (!options.onPosition) {
+      element.style.visibility = 'hidden'
+      element.style.width = 'max-content'
+    }
+
+    const update = () => {
+      computePosition(reference, element, {
+        placement: config.placement,
+        strategy: config.strategy,
+        middleware: config.middleware,
+      }).then(({ x, y, placement, strategy }) => {
+        if (options.onPosition) {
+          options.onPosition({ x, y, placement: placement as SuggestionPlacement, strategy })
+          return
+        }
+
+        Object.assign(element.style, {
+          position: strategy,
+          left: `${x}px`,
+          top: `${y}px`,
+        })
+
+        if (!positioned) {
+          positioned = true
+          element.style.visibility = ''
+        }
+      })
+    }
+
+    const cleanupAutoUpdate = autoUpdate(reference, element, update, options.autoUpdate)
+
+    // Dismiss when the user interacts outside both the popup and the editor.
+    // Capture phase so a parent that stops propagation can't swallow it.
+    let onOutsidePointerDown: ((event: PointerEvent) => void) | undefined
+
+    if (dismissOnOutsideClick) {
+      onOutsidePointerDown = event => {
+        const target = event.target
+
+        if (
+          !(target instanceof Node) ||
+          element.contains(target) ||
+          contextElement.contains(target)
+        ) {
+          return
+        }
+
+        dismiss()
+      }
+
+      document.addEventListener('pointerdown', onOutsidePointerDown, true)
+    }
+
+    return () => {
+      cleanupAutoUpdate()
+
+      if (onOutsidePointerDown) {
+        document.removeEventListener('pointerdown', onOutsidePointerDown, true)
+      }
+
+      if (mountedByUs) {
+        element.remove()
+      }
+    }
+  }
+}
diff --git a/packages/suggestion/src/plugin/props.ts b/packages/suggestion/src/plugin/props.ts
new file mode 100644
index 0000000..b5f9df6
--- /dev/null
+++ b/packages/suggestion/src/plugin/props.ts
@@ -0,0 +1,94 @@
+import type { EditorState, PluginKey } from '@tiptap/pm/state'
+import type { EditorView } from '@tiptap/pm/view'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+
+import type { SuggestionKeyDownProps, SuggestionPluginState } from '../types.js'
+
+/**
+ * Creates the `props` object for the suggestion ProseMirror plugin.
+ * Contains `handleKeyDown` for keyboard handling and `decorations`
+ * for rendering the suggestion highlight.
+ */
+export interface CreateSuggestionPropsOptions {
+  pluginKey: PluginKey
+  decorationTag: string
+  decorationClass: string
+  decorationContent: string
+  decorationEmptyClass: string
+  renderer: { onKeyDown?: (props: SuggestionKeyDownProps) => boolean } | undefined
+  dispatchExit: (view: EditorView) => void
+}
+
+/**
+ * Creates the `props` object for the suggestion ProseMirror plugin.
+ * Contains `handleKeyDown` for keyboard handling and `decorations`
+ * for rendering the suggestion highlight.
+ */
+export function createSuggestionProps({
+  pluginKey,
+  decorationTag,
+  decorationClass,
+  decorationContent,
+  decorationEmptyClass,
+  renderer,
+  dispatchExit,
+}: CreateSuggestionPropsOptions) {
+  return {
+    /**
+     * Call the keydown hook if suggestion is active.
+     */
+    handleKeyDown(view: EditorView, event: KeyboardEvent) {
+      const state: SuggestionPluginState = pluginKey.getState(view.state) as any
+
+      if (!state.active) {
+        return false
+      }
+
+      // If Escape is pressed, call onKeyDown and dispatch a metadata-only
+      // transaction to unset the suggestion state. This provides a safe
+      // and deterministic way to exit the suggestion without altering the
+      // document (avoids transaction mapping/mismatch issues).
+      if (event.key === 'Escape' || event.key === 'Esc') {
+        // Allow the consumer to react to Escape, but always clear the
+        // suggestion state afterward so the decoration is removed too.
+        renderer?.onKeyDown?.({ view, event, range: state.range })
+
+        // dispatch metadata-only transaction to unset the plugin state
+        dispatchExit(view)
+
+        return true
+      }
+
+      const handled = renderer?.onKeyDown?.({ view, event, range: state.range }) || false
+      return handled
+    },
+
+    /**
+     * Setup decorator on the currently active suggestion.
+     */
+    decorations(state: EditorState) {
+      const pluginState: SuggestionPluginState = pluginKey.getState(state) as any
+      const { active, range, decorationId, query } = pluginState
+
+      if (!active) {
+        return null
+      }
+
+      const isEmpty = !query?.length
+      const classNames = [decorationClass]
+
+      if (isEmpty) {
+        classNames.push(decorationEmptyClass)
+      }
+
+      return DecorationSet.create(state.doc, [
+        Decoration.inline(range.from, range.to, {
+          nodeName: decorationTag,
+          class: classNames.join(' '),
+          'data-decoration-id': decorationId || undefined,
+          'data-decoration-content': decorationContent,
+        }),
+      ])
+    },
+  }
+}
diff --git a/packages/suggestion/src/plugin/state.ts b/packages/suggestion/src/plugin/state.ts
new file mode 100644
index 0000000..d15a7e8
--- /dev/null
+++ b/packages/suggestion/src/plugin/state.ts
@@ -0,0 +1,182 @@
+import type { Editor, Range } from '@tiptap/core'
+import type { EditorState, PluginKey, Transaction } from '@tiptap/pm/state'
+
+import type {
+  findSuggestionMatch as defaultFindSuggestionMatch,
+  SuggestionMatch,
+} from '../findSuggestionMatch.js'
+import type { SuggestionOptions, SuggestionPluginState } from '../types.js'
+
+export interface CreateSuggestionStateOptions {
+  editor: Editor
+  char: string
+  effectiveAllowSpaces: boolean
+  allowToIncludeChar: boolean
+  allowedPrefixes: string[] | null
+  startOfLine: boolean
+  findSuggestionMatch: typeof defaultFindSuggestionMatch
+  allow: Exclude<SuggestionOptions['allow'], undefined>
+  shouldShow?: SuggestionOptions['shouldShow']
+  shouldKeepDismissed: (props: {
+    match: Exclude<SuggestionMatch, null>
+    dismissedRange: Range
+    state: EditorState
+    transaction: Transaction
+  }) => boolean
+  pluginKey: PluginKey
+}
+
+/**
+ * Creates the `state` object for the suggestion ProseMirror plugin.
+ * Contains `init()` and `apply()` for managing the plugin's internal state
+ * across transactions.
+ */
+export function createSuggestionState({
+  editor,
+  char,
+  effectiveAllowSpaces,
+  allowToIncludeChar,
+  allowedPrefixes,
+  startOfLine,
+  findSuggestionMatch,
+  allow,
+  shouldShow,
+  shouldKeepDismissed,
+  pluginKey,
+}: CreateSuggestionStateOptions) {
+  return {
+    /**
+     * Initialize the plugin's internal state.
+     */
+    init(): SuggestionPluginState {
+      return {
+        active: false,
+        range: { from: 0, to: 0 },
+        query: null,
+        text: null,
+        composing: false,
+        dismissedRange: null,
+      }
+    },
+
+    /**
+     * Apply changes to the plugin state from a view transaction.
+     */
+    apply(
+      transaction: Transaction,
+      prev: SuggestionPluginState,
+      _oldState: EditorState,
+      state: EditorState,
+    ): SuggestionPluginState {
+      const { isEditable } = editor
+      const { composing } = editor.view
+      const { selection } = transaction
+      const { empty, from } = selection
+      const next = { ...prev }
+
+      // If a transaction carries the exit meta for this plugin, immediately
+      // deactivate the suggestion. This allows metadata-only transactions
+      // (dispatched by escape or programmatic exit) to deterministically
+      // clear decorations without changing the document.
+      const meta = transaction.getMeta(pluginKey)
+      if (meta && meta.exit) {
+        next.active = false
+        next.decorationId = null
+        next.range = { from: 0, to: 0 }
+        next.query = null
+        next.text = null
+        next.dismissedRange = prev.active ? { ...prev.range } : prev.dismissedRange
+
+        return next
+      }
+
+      next.composing = composing
+
+      if (transaction.docChanged && next.dismissedRange !== null) {
+        next.dismissedRange = {
+          from: transaction.mapping.map(next.dismissedRange.from),
+          to: transaction.mapping.map(next.dismissedRange.to),
+        }
+      }
+
+      // We can only be suggesting if the view is editable, and:
+      //   * there is no selection, or
+      //   * a composition is active (see: https://github.com/ueberdosis/tiptap/issues/1449)
+      if (isEditable && (empty || editor.view.composing)) {
+        // Reset active state if we just left the previous suggestion range
+        if ((from < prev.range.from || from > prev.range.to) && !composing && !prev.composing) {
+          next.active = false
+        }
+
+        // Try to match against where our cursor currently is
+        const match = findSuggestionMatch({
+          char,
+          allowSpaces: effectiveAllowSpaces,
+          allowToIncludeChar,
+          allowedPrefixes,
+          startOfLine,
+          $position: selection.$from,
+        })
+        const decorationId = `id_${Math.floor(Math.random() * 0xffffffff)}`
+
+        // If we found a match, update the current state to show it
+        if (
+          match &&
+          allow({
+            editor,
+            state,
+            range: match.range,
+            isActive: prev.active,
+          }) &&
+          (!shouldShow ||
+            shouldShow({
+              editor,
+              range: match.range,
+              query: match.query,
+              text: match.text,
+              transaction,
+            }))
+        ) {
+          if (
+            next.dismissedRange !== null &&
+            !shouldKeepDismissed({
+              match,
+              dismissedRange: next.dismissedRange,
+              state,
+              transaction,
+            })
+          ) {
+            next.dismissedRange = null
+          }
+
+          if (next.dismissedRange === null) {
+            next.active = true
+            next.decorationId = prev.decorationId || decorationId
+            next.range = match.range
+            next.query = match.query
+            next.text = match.text
+          } else {
+            next.active = false
+          }
+        } else {
+          if (!match) {
+            next.dismissedRange = null
+          }
+          next.active = false
+        }
+      } else {
+        next.active = false
+      }
+
+      // Make sure to empty the range if suggestion is inactive
+      if (!next.active) {
+        next.decorationId = null
+        next.range = { from: 0, to: 0 }
+        next.query = null
+        next.text = null
+      }
+
+      return next
+    },
+  }
+}
diff --git a/packages/suggestion/src/plugin/view.ts b/packages/suggestion/src/plugin/view.ts
new file mode 100644
index 0000000..085bd25
--- /dev/null
+++ b/packages/suggestion/src/plugin/view.ts
@@ -0,0 +1,236 @@
+import type { Editor } from '@tiptap/core'
+import type { EditorState, PluginKey } from '@tiptap/pm/state'
+import type { EditorView } from '@tiptap/pm/view'
+
+import type {
+  PluginState,
+  SuggestionFloatingUiOptions,
+  SuggestionOptions,
+  SuggestionPlacement,
+  SuggestionProps,
+} from '../types.js'
+import { createSuggestionAsyncRequestManager } from './async.js'
+import { createMount, createSuggestionFloatingUiConfig } from './floating-ui.js'
+
+export interface CreateSuggestionViewOptions {
+  editor: Editor
+  pluginKey: PluginKey<PluginState>
+  items: NonNullable<SuggestionOptions['items']>
+  renderer: ReturnType<NonNullable<SuggestionOptions['render']>> | undefined
+  minQueryLength: number
+  debounce: number
+  initialItems?: any[]
+  placement: SuggestionPlacement
+  offset: { mainAxis?: number; crossAxis?: number }
+  container?: string | HTMLElement
+  flip: boolean
+  floatingUi?: SuggestionFloatingUiOptions
+  dismissOnOutsideClick: boolean
+  command: NonNullable<SuggestionOptions['command']>
+  clientRectFor: (view: EditorView, decorationNode: Element | null) => () => DOMRect | null
+  dispatchExit: (view: EditorView) => void
+}
+
+/**
+ * Creates the `view` object for the suggestion ProseMirror plugin.
+ *
+ * Manages the async lifecycle: tracks state transitions, calls renderer hooks,
+ * fetches items with debounce and AbortController support.
+ *
+ * 1. Tracks plugin state transitions (started, updated, stopped) to determine when to call renderer hooks.
+ * 2. Calls `onBeforeStart`, `onBeforeUpdate`, `onStart` before fetching to allow the renderer to prepare for first render
+ * 3. Manages async fetching of suggestion items with support for debouncing and aborting in-flight requests
+ * 4. Calls `onUpdate` after fetching new items to update the renderer with the latest data
+ * 5. At the end calls a final `onExit` or `onUpdate` to allow the renderer to clean up or finalize the state
+ */
+export function createSuggestionView({
+  editor,
+  pluginKey,
+  items,
+  renderer,
+  minQueryLength,
+  debounce,
+  initialItems,
+  placement,
+  offset: offsetOption,
+  container,
+  flip,
+  floatingUi,
+  dismissOnOutsideClick,
+  command,
+  clientRectFor,
+  dispatchExit,
+}: CreateSuggestionViewOptions) {
+  let props: SuggestionProps | undefined
+  const asyncRequest = createSuggestionAsyncRequestManager({
+    editor,
+    items,
+  })
+  const floatingUiConfig = createSuggestionFloatingUiConfig({
+    placement,
+    offset: offsetOption,
+    flip,
+    floatingUi,
+  })
+
+  function dispatchStateUpdate(
+    state: 'started' | 'updated' | 'stopped',
+    dispatchProps: SuggestionProps,
+  ) {
+    switch (state) {
+      case 'started':
+        renderer?.onStart?.(dispatchProps)
+        break
+      case 'updated':
+        renderer?.onUpdate?.(dispatchProps)
+        break
+      case 'stopped':
+        renderer?.onExit?.(dispatchProps)
+        break
+      default:
+        break
+    }
+  }
+
+  return {
+    update: async (view: EditorView, prevState: EditorState) => {
+      const prev = pluginKey.getState(prevState)
+      const next = pluginKey.getState(view.state)
+
+      if (!prev || !next) {
+        return
+      }
+
+      let currentState: 'started' | 'updated' | 'stopped' | null = null
+      const queryChanged = prev.query !== next.query
+      const textChanged = prev.text !== next.text
+      const rangeChanged = prev.range.from !== next.range.from || prev.range.to !== next.range.to
+      const effectiveQueryChanged = queryChanged || textChanged || rangeChanged
+
+      if (!prev.active && next.active) {
+        currentState = 'started'
+      } else if (prev.active && !next.active) {
+        currentState = 'stopped'
+      } else if (next.active && effectiveQueryChanged) {
+        currentState = 'updated'
+      } else {
+        return
+      }
+
+      const state = currentState === 'stopped' ? prev : next
+      const decorationNode = view.dom.querySelector(`[data-decoration-id="${state.decorationId}"]`)
+      const clientRect = clientRectFor(view, decorationNode)
+
+      const exceedsMinQueryLength =
+        minQueryLength === 0 || (state.query ? state.query.length >= minQueryLength : false)
+      const willFetch =
+        (currentState === 'started' || currentState === 'updated') && exceedsMinQueryLength
+
+      props = {
+        editor,
+        range: state.range,
+        query: state.query || '',
+        text: state.text || '',
+        items: initialItems ?? [],
+        command: commandProps => {
+          return command({
+            editor,
+            range: state.range,
+            props: commandProps,
+          })
+        },
+        decorationNode,
+        clientRect,
+        loading: willFetch,
+        placement,
+        offset: { mainAxis: offsetOption.mainAxis ?? 4, crossAxis: offsetOption.crossAxis ?? 0 },
+        container,
+        flip,
+        floatingUi: floatingUiConfig,
+        mount: createMount({
+          getReferenceRect: clientRect,
+          contextElement: view.dom,
+          config: floatingUiConfig,
+          container,
+          dismissOnOutsideClick,
+          dismiss: () => dispatchExit(editor.view),
+        }),
+      }
+
+      if (currentState === 'started') {
+        renderer?.onBeforeStart?.(props)
+      }
+
+      if (currentState === 'updated') {
+        renderer?.onBeforeUpdate?.(props)
+      }
+
+      // we run the start before we fetch
+      // to allow for the component to render immediately
+      if (currentState === 'started') {
+        dispatchStateUpdate(currentState, props)
+      }
+
+      if (currentState === 'started' || currentState === 'updated') {
+        if (!willFetch) {
+          // Abort any in-flight request so stale results don't overwrite
+          asyncRequest.abort()
+          props = { ...props, items: initialItems ?? [], loading: false }
+        } else {
+          // update the renderer with loading state before we start the async fetch
+          props = { ...props, items: initialItems ?? [], loading: true }
+          currentState = 'updated'
+          dispatchStateUpdate(currentState, props)
+
+          const result = await asyncRequest.fetch(state.query || '', debounce)
+
+          if (result.status === 'aborted') {
+            return
+          }
+
+          // Re-check plugin state because the suggestion may have been dismissed
+          const currentPluginState = pluginKey.getState(view.state)
+          if (!currentPluginState?.active) {
+            asyncRequest.abort()
+
+            return
+          }
+
+          props =
+            result.status === 'resolved'
+              ? {
+                  ...props,
+                  items: result.items,
+                  loading: false,
+                }
+              : {
+                  ...props,
+                  loading: false,
+                }
+        }
+      }
+
+      if (currentState === 'stopped') {
+        // stop running updates immediately and call onExit to allow the renderer to clean up
+        asyncRequest.abort()
+        dispatchStateUpdate(currentState, props)
+        props = undefined
+        return
+      }
+
+      if (currentState === 'updated') {
+        dispatchStateUpdate(currentState, props)
+      }
+    },
+
+    destroy: () => {
+      asyncRequest.abort()
+
+      if (!props) {
+        return
+      }
+
+      renderer?.onExit?.(props)
+    },
+  }
+}
diff --git a/packages/suggestion/src/suggestion.ts b/packages/suggestion/src/suggestion.ts
new file mode 100644
index 0000000..0b3af1c
--- /dev/null
+++ b/packages/suggestion/src/suggestion.ts
@@ -0,0 +1,151 @@
+import type { Range } from '@tiptap/core'
+import type { EditorState, Transaction } from '@tiptap/pm/state'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import type { EditorView } from '@tiptap/pm/view'
+
+import type { SuggestionMatch } from './findSuggestionMatch.js'
+import { findSuggestionMatch as defaultFindSuggestionMatch } from './findSuggestionMatch.js'
+import {
+  clientRectFor as clientRectForHelper,
+  dispatchExit as dispatchExitHelper,
+  shouldKeepDismissed as shouldKeepDismissedHelper,
+} from './helpers.js'
+import { createSuggestionProps } from './plugin/props.js'
+import { createSuggestionState } from './plugin/state.js'
+import { createSuggestionView } from './plugin/view.js'
+import type { SuggestionOptions } from './types.js'
+
+export type {
+  SuggestionFloatingUiConfig,
+  SuggestionFloatingUiOptions,
+  SuggestionKeyDownProps,
+  SuggestionMount,
+  SuggestionMountOptions,
+  SuggestionOptions,
+  SuggestionPlacement,
+  SuggestionPositionData,
+  SuggestionProps,
+} from './types.js'
+
+export const SuggestionPluginKey = new PluginKey('suggestion')
+
+type ShouldKeepDismissedProps = {
+  match: Exclude<SuggestionMatch, null>
+  dismissedRange: Range
+  state: EditorState
+  transaction: Transaction
+}
+
+/**
+ * This utility allows you to create suggestions.
+ * @see https://tiptap.dev/api/utilities/suggestion
+ */
+export function Suggestion<I = any, TSelected = any>({
+  pluginKey = SuggestionPluginKey,
+  editor,
+  char = '@',
+  allowSpaces = false,
+  allowToIncludeChar = false,
+  allowedPrefixes = [' '],
+  startOfLine = false,
+  decorationTag = 'span',
+  decorationClass = 'suggestion',
+  decorationContent = '',
+  decorationEmptyClass = 'is-empty',
+  command = () => null,
+  items = () => [],
+  minQueryLength = 0,
+  debounce = 0,
+  initialItems,
+  placement = 'bottom-start',
+  offset: offsetOption = {},
+  container,
+  flip = true,
+  floatingUi,
+  dismissOnOutsideClick = true,
+  render = () => ({}),
+  allow = () => true,
+  findSuggestionMatch = defaultFindSuggestionMatch,
+  shouldShow,
+  shouldResetDismissed,
+}: SuggestionOptions<I, TSelected>) {
+  const renderer = render?.()
+  const effectiveAllowSpaces = allowSpaces && !allowToIncludeChar
+
+  const clientRectFor = (view: EditorView, decorationNode: Element | null) =>
+    clientRectForHelper(editor, view, decorationNode, pluginKey)
+
+  // helper to check if the dismissed suggestion should stay dismissed, with access to editor and options
+  function shouldKeepDismissed(props: ShouldKeepDismissedProps) {
+    return shouldKeepDismissedHelper({
+      ...props,
+      editor,
+      shouldResetDismissed,
+      effectiveAllowSpaces,
+    })
+  }
+
+  const dispatchExit = (view: EditorView) =>
+    dispatchExitHelper({
+      view,
+      pluginKeyRef: pluginKey,
+    })
+
+  return new Plugin({
+    key: pluginKey,
+
+    view: () =>
+      createSuggestionView({
+        editor,
+        pluginKey,
+        items,
+        renderer,
+        minQueryLength,
+        debounce,
+        initialItems,
+        placement,
+        offset: offsetOption,
+        container,
+        flip,
+        floatingUi,
+        dismissOnOutsideClick,
+        command,
+        clientRectFor,
+        dispatchExit,
+      }),
+
+    state: createSuggestionState({
+      editor,
+      char,
+      effectiveAllowSpaces,
+      allowToIncludeChar,
+      allowedPrefixes,
+      startOfLine,
+      findSuggestionMatch,
+      allow,
+      shouldShow,
+      shouldKeepDismissed,
+      pluginKey,
+    }),
+
+    props: createSuggestionProps({
+      pluginKey,
+      decorationTag,
+      decorationClass,
+      decorationContent,
+      decorationEmptyClass,
+      renderer,
+      dispatchExit,
+    }),
+  })
+}
+
+/**
+ * Programmatically exit a suggestion plugin by dispatching a metadata-only
+ * transaction. This is the safe, recommended API to remove suggestion
+ * decorations without touching the document or causing mapping errors.
+ */
+export function exitSuggestion(view: EditorView, pluginKeyRef: PluginKey = SuggestionPluginKey) {
+  const tr = view.state.tr.setMeta(pluginKeyRef, { exit: true })
+  view.dispatch(tr)
+}
diff --git a/packages/suggestion/src/types.ts b/packages/suggestion/src/types.ts
new file mode 100644
index 0000000..35a4e70
--- /dev/null
+++ b/packages/suggestion/src/types.ts
@@ -0,0 +1,439 @@
+import type { AutoUpdateOptions, Middleware } from '@floating-ui/dom'
+import type { Editor, Range } from '@tiptap/core'
+import type { EditorState, PluginKey, Transaction } from '@tiptap/pm/state'
+import type { EditorView } from '@tiptap/pm/view'
+
+import type {
+  findSuggestionMatch as defaultFindSuggestionMatch,
+  SuggestionMatch,
+} from './findSuggestionMatch.js'
+
+export type SuggestionPlacement =
+  | 'top'
+  | 'top-start'
+  | 'top-end'
+  | 'bottom'
+  | 'bottom-start'
+  | 'bottom-end'
+
+export type SuggestionFloatingUiOptions = {
+  strategy?: 'absolute' | 'fixed'
+  middleware?: Middleware[]
+}
+
+export type SuggestionFloatingUiConfig = {
+  placement: SuggestionPlacement
+  strategy: 'absolute' | 'fixed'
+  middleware: Middleware[]
+}
+
+/**
+ * The computed position handed to a custom `onPosition` callback when using
+ * managed positioning via {@link SuggestionProps.mount}.
+ */
+export type SuggestionPositionData = {
+  x: number
+  y: number
+  placement: SuggestionPlacement
+  strategy: 'absolute' | 'fixed'
+}
+
+/**
+ * Options for managed mounting + positioning via {@link SuggestionProps.mount}.
+ */
+export type SuggestionMountOptions = {
+  /**
+   * Override how the computed position is applied to the element.
+   * When provided, the plugin stops writing `style.left`/`style.top` itself and
+   * hands you the computed coordinates so you can apply them however you want
+   * (custom transforms, animation, writing to a framework ref, etc.).
+   */
+  onPosition?: (data: SuggestionPositionData) => void
+
+  /**
+   * Options forwarded to Floating UI's `autoUpdate`. Use this to opt into
+   * `animationFrame` polling for anchors that move inside transformed or
+   * animated containers, or to disable specific observers.
+   * @see https://floating-ui.com/docs/autoUpdate
+   */
+  autoUpdate?: AutoUpdateOptions
+}
+
+/**
+ * Mounts a floating element and takes over its positioning. The plugin appends
+ * the element into the configured `container` (default `document.body`), keeps
+ * it anchored to the suggestion's cursor rect, and automatically repositions it
+ * on scroll, resize, and layout shifts via Floating UI's `autoUpdate` — no
+ * manual listeners required.
+ *
+ * Returns an `unmount` function that tears down the listeners and removes the
+ * element (when the plugin mounted it). Call it from `onExit`.
+ */
+export type SuggestionMount = (element: HTMLElement, options?: SuggestionMountOptions) => () => void
+
+export type PluginState = {
+  active: boolean
+  range: Range
+  query: string | null
+  text: string | null
+  decorationId?: string
+}
+
+export interface SuggestionOptions<I = any, TSelected = any> {
+  /**
+   * The plugin key for the suggestion plugin.
+   * @default 'suggestion'
+   * @example 'mention'
+   */
+  pluginKey?: PluginKey
+
+  /**
+   * A function that returns a boolean to indicate if the suggestion should be active.
+   * This is useful to prevent suggestions from opening for remote users in collaborative environments.
+   * @param props The props object.
+   * @param props.editor The editor instance.
+   * @param props.range The range of the suggestion.
+   * @param props.query The current suggestion query.
+   * @param props.text The current suggestion text.
+   * @param props.transaction The current transaction.
+   * @returns {boolean}
+   * @example ({ transaction }) => isChangeOrigin(transaction)
+   */
+  shouldShow?: (props: {
+    editor: Editor
+    range: Range
+    query: string
+    text: string
+    transaction: Transaction
+  }) => boolean
+
+  /**
+   * Controls when a dismissed suggestion becomes active again.
+   * Return `true` to clear the dismissed context for the current transaction.
+   */
+  shouldResetDismissed?: (props: {
+    editor: Editor
+    state: EditorState
+    range: Range
+    match: Exclude<SuggestionMatch, null>
+    transaction: Transaction
+    allowSpaces: boolean
+  }) => boolean
+
+  /**
+   * The editor instance.
+   * @default null
+   */
+  editor: Editor
+
+  /**
+   * The character that triggers the suggestion.
+   * @default '@'
+   * @example '#'
+   */
+  char?: string
+
+  /**
+   * Allow spaces in the suggestion query. Not compatible with `allowToIncludeChar`. Will be disabled if `allowToIncludeChar` is set to `true`.
+   * @default false
+   * @example true
+   */
+  allowSpaces?: boolean
+
+  /**
+   * Allow the character to be included in the suggestion query. Not compatible with `allowSpaces`.
+   * @default false
+   */
+  allowToIncludeChar?: boolean
+
+  /**
+   * Allow prefixes in the suggestion query.
+   * @default [' ']
+   * @example [' ', '@']
+   */
+  allowedPrefixes?: string[] | null
+
+  /**
+   * Only match suggestions at the start of the line.
+   * @default false
+   * @example true
+   */
+  startOfLine?: boolean
+
+  /**
+   * The tag name of the decoration node.
+   * @default 'span'
+   * @example 'div'
+   */
+  decorationTag?: string
+
+  /**
+   * The class name of the decoration node.
+   * @default 'suggestion'
+   * @example 'mention'
+   */
+  decorationClass?: string
+
+  /**
+   * Creates a decoration with the provided content.
+   * @param decorationContent - The content to display in the decoration
+   * @default "" - Creates an empty decoration if no content provided
+   */
+  decorationContent?: string
+
+  /**
+   * The class name of the decoration node when it is empty.
+   * @default 'is-empty'
+   * @example 'is-empty'
+   */
+  decorationEmptyClass?: string
+
+  /**
+   * A function that is called when a suggestion is selected.
+   * @param props The props object.
+   * @param props.editor The editor instance.
+   * @param props.range The range of the suggestion.
+   * @param props.props The props of the selected suggestion.
+   * @returns void
+   * @example ({ editor, range, props }) => { props.command(props.props) }
+   */
+  command?: (props: { editor: Editor; range: Range; props: TSelected }) => void
+
+  /**
+   * Minimum query length before `items()` is called.
+   * When the query is shorter, empty items are passed to the renderer.
+   * @default 0 (no filter, same as before)
+   * @example 2
+   */
+  minQueryLength?: number
+
+  /**
+   * Debounce in milliseconds. When set, `items()` will only be called
+   * after the user stops typing for this duration.
+   * @default 0 (no debounce, same as before)
+   * @example 300
+   */
+  debounce?: number
+
+  /**
+   * Items shown immediately when the suggestion popup opens,
+   * before the async `items()` call resolves.
+   * Useful for showing recent or popular items while loading.
+   * @default undefined (no pre-populated items)
+   */
+  initialItems?: I[]
+
+  /**
+   * Placement of the popup relative to the cursor.
+   * Consumers can read this from `SuggestionProps` to configure their positioning library.
+   * @default 'bottom-start'
+   */
+  placement?: SuggestionPlacement
+
+  /**
+   * Offset of the popup in pixels.
+   * Consumers can read this from `SuggestionProps` to configure their positioning library.
+   * @default { mainAxis: 4, crossAxis: 0 }
+   */
+  offset?: { mainAxis?: number; crossAxis?: number }
+
+  /**
+   * CSS selector or element that defines the containment context for the popup.
+   * Consumers can read this from `SuggestionProps` when rendering inside modals or dialogs.
+   * @default undefined (no containment)
+   */
+  container?: string | HTMLElement
+
+  /**
+   * Whether the popup should automatically flip when there isn't enough space.
+   * Consumers can read this from `SuggestionProps` to configure their positioning library.
+   * @default true
+   */
+  flip?: boolean
+
+  /**
+   * Additional Floating UI options and middleware passed through to the renderer.
+   * The plugin keeps ownership of the anchor and placement, but consumers can
+   * append custom middleware here.
+   */
+  floatingUi?: SuggestionFloatingUiOptions
+
+  /**
+   * Dismiss the suggestion when the user interacts outside both the popup and
+   * the editor. Only applies when using managed mounting via
+   * {@link SuggestionProps.mount} (the plugin needs to know the popup element).
+   * @default true
+   */
+  dismissOnOutsideClick?: boolean
+
+  /**
+   * A function that returns the suggestion items in form of an array.
+   * @param props The props object.
+   * @param props.editor The editor instance.
+   * @param props.query The current suggestion query.
+   * @returns An array of suggestion items.
+   * @example ({ editor, query }) => [{ id: 1, label: 'John Doe' }]
+   */
+  items?: (props: { query: string; editor: Editor; signal: AbortSignal }) => I[] | Promise<I[]>
+
+  /**
+   * The render function for the suggestion.
+   * @returns An object with render functions.
+   */
+  render?: () => {
+    onBeforeStart?: (props: SuggestionProps<I, TSelected>) => void
+    onStart?: (props: SuggestionProps<I, TSelected>) => void
+    onBeforeUpdate?: (props: SuggestionProps<I, TSelected>) => void
+    onUpdate?: (props: SuggestionProps<I, TSelected>) => void
+    onExit?: (props: SuggestionProps<I, TSelected>) => void
+    onKeyDown?: (props: SuggestionKeyDownProps) => boolean
+  }
+
+  /**
+   * A function that returns a boolean to indicate if the suggestion should be active.
+   * @param props The props object.
+   * @returns {boolean}
+   */
+  allow?: (props: {
+    editor: Editor
+    state: EditorState
+    range: Range
+    isActive?: boolean
+  }) => boolean
+  findSuggestionMatch?: typeof defaultFindSuggestionMatch
+}
+
+/**
+ * The props passed to the suggestion's render functions (onStart, onUpdate, onExit).
+ */
+export interface SuggestionProps<I = any, TSelected = any> {
+  /**
+   * The editor instance.
+   */
+  editor: Editor
+
+  /**
+   * The range of the suggestion.
+   */
+  range: Range
+
+  /**
+   * The current suggestion query.
+   */
+  query: string
+
+  /**
+   * The current suggestion text.
+   */
+  text: string
+
+  /**
+   * The suggestion items array.
+   */
+  items: I[]
+
+  /**
+   * A function that is called when a suggestion is selected.
+   * @param props The props object.
+   * @returns void
+   */
+  command: (props: TSelected) => void
+
+  /**
+   * The decoration node HTML element
+   * @default null
+   */
+  decorationNode: Element | null
+
+  /**
+   * The function that returns the client rect
+   * @default null
+   * @example () => new DOMRect(0, 0, 0, 0)
+   */
+  clientRect?: (() => DOMRect | null) | null
+
+  /**
+   * Placement of the popup relative to the cursor.
+   * @default 'bottom-start'
+   */
+  placement: SuggestionPlacement
+
+  /**
+   * Offset of the popup in pixels.
+   * @default { mainAxis: 4, crossAxis: 0 }
+   */
+  offset: { mainAxis: number; crossAxis: number }
+
+  /**
+   * CSS selector or element that defines the containment context for the popup.
+   * @default undefined
+   */
+  container?: string | HTMLElement
+
+  /**
+   * Whether the popup should automatically flip when there isn't enough space.
+   * @default true
+   */
+  flip: boolean
+
+  /**
+   * Resolved Floating UI config for direct use with `computePosition()`.
+   * This is the escape hatch: reach for it only when you mount the element
+   * yourself and want to run the positioning loop manually instead of using
+   * {@link SuggestionProps.mount}.
+   */
+  floatingUi: SuggestionFloatingUiConfig
+
+  /**
+   * Mounts your floating element and takes over positioning — the recommended,
+   * default way to render a suggestion popup.
+   *
+   * Pass the element you rendered (e.g. from `ReactRenderer`/`VueRenderer`). The
+   * plugin appends it into the configured `container` (default `document.body`),
+   * keeps it anchored to the cursor, and repositions it on scroll, resize, and
+   * layout shifts — no manual listeners required. Returns an `unmount` function
+   * that tears everything down; call it in `onExit`.
+   *
+   * Escape hatch: mount the element yourself and skip this, then run your own
+   * positioning loop with {@link SuggestionProps.floatingUi} +
+   * {@link SuggestionProps.clientRect}.
+   *
+   * @example
+   * ```ts
+   * onStart: props => {
+   *   component = new ReactRenderer(DropdownList, { props, editor: props.editor })
+   *   unmount = props.mount(component.element)
+   * },
+   * onExit: () => unmount?.(),
+   * ```
+   */
+  mount: SuggestionMount
+
+  /**
+   * Whether the items are currently being loaded.
+   * `true` before the async `items()` call resolves.
+   * Useful for showing a loading spinner or skeleton.
+   * @default false
+   */
+  loading: boolean
+}
+
+/**
+ * The props passed to the suggestion's onKeyDown render function
+ */
+export interface SuggestionKeyDownProps {
+  view: EditorView
+  event: KeyboardEvent
+  range: Range
+}
+
+/** @internal Internal state shape for the suggestion plugin. */
+export interface SuggestionPluginState {
+  active: boolean
+  range: Range
+  query: null | string
+  text: null | string
+  composing: boolean
+  decorationId?: string | null
+  dismissedRange: Range | null
+}
diff --git a/packages/suggestion/tests/integration/suggestion.test.ts b/packages/suggestion/tests/integration/suggestion.test.ts
new file mode 100644
index 0000000..4178cf3
--- /dev/null
+++ b/packages/suggestion/tests/integration/suggestion.test.ts
@@ -0,0 +1,1248 @@
+import type { Middleware } from '@floating-ui/dom'
+import { Editor, Extension } from '@tiptap/core'
+import StarterKit from '@tiptap/starter-kit'
+import { describe, expect, it, vi } from 'vite-plus/test'
+
+import { exitSuggestion, Suggestion, SuggestionPluginKey } from '../../src/suggestion.js'
+
+describe('suggestion integration', () => {
+  it('should respect shouldShow returning false', async () => {
+    const shouldShow = vi.fn().mockReturnValue(false)
+    const items = vi.fn().mockReturnValue([])
+    const render = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-false',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            shouldShow,
+            items,
+            render: () => ({
+              onStart: render,
+              onUpdate: render,
+              onExit: render,
+            }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@').run()
+
+    // Flush microtasks because plugin view update is async
+    await Promise.resolve()
+
+    expect(shouldShow).toHaveBeenCalled()
+    expect(render).not.toHaveBeenCalled()
+
+    editor.destroy()
+  })
+
+  it('should respect shouldShow returning true', async () => {
+    const shouldShow = vi.fn().mockReturnValue(true)
+    const render = vi.fn()
+    const items = vi.fn().mockReturnValue([])
+
+    const MentionExtension = Extension.create({
+      name: 'mention-true',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            shouldShow,
+            items,
+            render: () => ({
+              onStart: render,
+              onUpdate: render,
+              onExit: render,
+            }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@').run()
+
+    // Flush microtasks because plugin view update is async
+    await Promise.resolve()
+
+    expect(shouldShow).toHaveBeenCalled()
+    expect(render).toHaveBeenCalled()
+
+    editor.destroy()
+  })
+
+  it('should pass transaction to shouldShow', async () => {
+    let capturedProps: any = null
+    const shouldShow = vi.fn(props => {
+      capturedProps = props
+      return true
+    })
+
+    const MentionExtension = Extension.create({
+      name: 'mention-props',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            shouldShow,
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@').run()
+
+    // Flush microtasks
+    await Promise.resolve()
+
+    // The transaction is passed as a flat property
+    expect(capturedProps.transaction).toBeDefined()
+    expect(capturedProps.query).toBe('')
+    expect(capturedProps.text).toBe('@')
+    // Check that we receive the correct editor instance
+    expect(capturedProps.editor).toBe(editor)
+
+    editor.destroy()
+  })
+})
+
+describe('suggestion dismissal', () => {
+  /** Builds a minimal editor with a single @-mention suggestion and returns helpers. */
+  function setup(
+    options: {
+      allowSpaces?: boolean
+      allowToIncludeChar?: boolean
+      shouldResetDismissed?: Parameters<typeof Suggestion>[0]['shouldResetDismissed']
+    } = {},
+  ) {
+    const onStart = vi.fn()
+    const onUpdate = vi.fn()
+    const onExit = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-dismiss',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            allowSpaces: options.allowSpaces,
+            allowToIncludeChar: options.allowToIncludeChar,
+            items: () => [],
+            shouldResetDismissed: options.shouldResetDismissed,
+            render: () => ({ onStart, onUpdate, onExit }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    return { editor, onStart, onUpdate, onExit }
+  }
+
+  it('does not re-open the suggestion when the user keeps typing in the same word after dismissal', async () => {
+    const { editor, onStart, onUpdate } = setup()
+
+    // Trigger suggestion
+    editor.chain().insertContent('@fo').run()
+    await Promise.resolve()
+    expect(onStart).toHaveBeenCalledTimes(1)
+
+    // Dismiss via exitSuggestion (same as pressing Escape)
+    exitSuggestion(editor.view, SuggestionPluginKey)
+    await Promise.resolve()
+
+    const startCallsBefore = onStart.mock.calls.length
+    const updateCallsBefore = onUpdate.mock.calls.length
+
+    // Keep typing in the same word
+    editor.chain().insertContent('o').run()
+    await Promise.resolve()
+
+    expect(onStart.mock.calls.length).toBe(startCallsBefore)
+    expect(onUpdate.mock.calls.length).toBe(updateCallsBefore)
+
+    editor.destroy()
+  })
+
+  it('removes the suggestion decoration when the suggestion is dismissed', async () => {
+    const { editor } = setup()
+
+    editor.chain().insertContent('@foo').run()
+    await Promise.resolve()
+
+    expect(editor.view.dom.querySelector('.suggestion')).not.toBeNull()
+
+    exitSuggestion(editor.view, SuggestionPluginKey)
+    await Promise.resolve()
+
+    expect(editor.view.dom.querySelector('.suggestion')).toBeNull()
+
+    editor.destroy()
+  })
+
+  it('removes the suggestion decoration on Escape even when the renderer handles the keydown', async () => {
+    const MentionExtension = Extension.create({
+      name: 'mention-escape-handled',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            items: () => [],
+            render: () => ({
+              onKeyDown: ({ event }) => event.key === 'Escape',
+            }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@foo').run()
+    await Promise.resolve()
+
+    expect(editor.view.dom.querySelector('.suggestion')).not.toBeNull()
+
+    editor.view.someProp('handleKeyDown', f =>
+      f(editor.view, new KeyboardEvent('keydown', { key: 'Escape' })),
+    )
+    await Promise.resolve()
+
+    expect(editor.view.dom.querySelector('.suggestion')).toBeNull()
+
+    editor.destroy()
+  })
+
+  it('keeps the suggestion decoration removed while dismissal is being preserved', async () => {
+    const { editor } = setup({ allowSpaces: true })
+
+    editor.chain().insertContent('@foo').run()
+    await Promise.resolve()
+
+    exitSuggestion(editor.view, SuggestionPluginKey)
+    await Promise.resolve()
+
+    editor.chain().insertContent(' bar').run()
+    await Promise.resolve()
+
+    expect(editor.view.dom.querySelector('.suggestion')).toBeNull()
+
+    editor.destroy()
+  })
+
+  it('re-opens the suggestion after a space is inserted following dismissal', async () => {
+    const { editor, onStart } = setup()
+
+    // Trigger and dismiss
+    editor.chain().insertContent('@foo').run()
+    await Promise.resolve()
+    exitSuggestion(editor.view, SuggestionPluginKey)
+    await Promise.resolve()
+
+    const startCallsBefore = onStart.mock.calls.length
+
+    // Space clears dismissed state; typing a new @ afterwards should open suggestion
+    editor.chain().insertContent(' @').run()
+    await Promise.resolve()
+
+    expect(onStart.mock.calls.length).toBeGreaterThan(startCallsBefore)
+
+    editor.destroy()
+  })
+
+  it('re-opens the suggestion after a newline is inserted following dismissal', async () => {
+    const { editor, onStart } = setup()
+
+    // Trigger and dismiss
+    editor.chain().insertContent('@foo').run()
+    await Promise.resolve()
+    exitSuggestion(editor.view, SuggestionPluginKey)
+    await Promise.resolve()
+
+    const startCallsBefore = onStart.mock.calls.length
+
+    // Newline clears dismissed state; typing a new @ afterwards should open suggestion
+    editor.commands.enter()
+    await Promise.resolve()
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+
+    expect(onStart.mock.calls.length).toBeGreaterThan(startCallsBefore)
+
+    editor.destroy()
+  })
+
+  it('keeps the suggestion dismissed across spaces when allowSpaces is enabled', async () => {
+    const { editor, onStart, onUpdate } = setup({ allowSpaces: true })
+
+    editor.chain().insertContent('@foo').run()
+    await Promise.resolve()
+    expect(onStart).toHaveBeenCalledTimes(1)
+
+    exitSuggestion(editor.view, SuggestionPluginKey)
+    await Promise.resolve()
+
+    const startCallsBefore = onStart.mock.calls.length
+    const updateCallsBefore = onUpdate.mock.calls.length
+
+    editor.chain().insertContent(' bar').run()
+    await Promise.resolve()
+
+    expect(onStart.mock.calls.length).toBe(startCallsBefore)
+    expect(onUpdate.mock.calls.length).toBe(updateCallsBefore)
+
+    editor.destroy()
+  })
+
+  it('does not treat spaces as part of the dismissed context when allowToIncludeChar disables allowSpaces', async () => {
+    const { editor, onStart } = setup({ allowSpaces: true, allowToIncludeChar: true })
+
+    editor.chain().insertContent('@foo').run()
+    await Promise.resolve()
+    expect(onStart).toHaveBeenCalledTimes(1)
+
+    exitSuggestion(editor.view, SuggestionPluginKey)
+    await Promise.resolve()
+
+    const startCallsBefore = onStart.mock.calls.length
+
+    editor.chain().insertContent(' @').run()
+    await Promise.resolve()
+
+    expect(onStart.mock.calls.length).toBeGreaterThan(startCallsBefore)
+
+    editor.destroy()
+  })
+
+  it('re-opens the suggestion when the trigger char is deleted and retyped', async () => {
+    const { editor, onStart } = setup()
+
+    // Trigger and dismiss
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+    exitSuggestion(editor.view, SuggestionPluginKey)
+    await Promise.resolve()
+
+    const startCallsBefore = onStart.mock.calls.length
+
+    // Delete the @ — cursor leaves trigger context, dismissedFrom clears
+    editor.commands.deleteRange({ from: 1, to: 2 })
+    await Promise.resolve()
+
+    // Retype @
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+
+    expect(onStart.mock.calls.length).toBeGreaterThan(startCallsBefore)
+
+    editor.destroy()
+  })
+
+  it('re-opens the suggestion when a different trigger is typed elsewhere', async () => {
+    const { editor, onStart } = setup()
+
+    // Trigger and dismiss at first @
+    editor.chain().insertContent('@foo').run()
+    await Promise.resolve()
+    exitSuggestion(editor.view, SuggestionPluginKey)
+    await Promise.resolve()
+
+    const startCallsBefore = onStart.mock.calls.length
+
+    // Move to a new word and type a fresh @
+    editor.chain().insertContent(' @').run()
+    await Promise.resolve()
+
+    expect(onStart.mock.calls.length).toBeGreaterThan(startCallsBefore)
+
+    editor.destroy()
+  })
+
+  it('allows consumers to reset the dismissed context manually', async () => {
+    const shouldResetDismissed = vi.fn(({ transaction }) =>
+      transaction.doc.textBetween(0, transaction.doc.content.size, '\n').includes('.'),
+    )
+    const { editor, onStart } = setup({ shouldResetDismissed })
+
+    editor.chain().insertContent('@foo').run()
+    await Promise.resolve()
+    exitSuggestion(editor.view, SuggestionPluginKey)
+    await Promise.resolve()
+
+    const startCallsBefore = onStart.mock.calls.length
+
+    editor.chain().insertContent('.').run()
+    await Promise.resolve()
+
+    expect(shouldResetDismissed).toHaveBeenCalled()
+    expect(onStart.mock.calls.length).toBeGreaterThan(startCallsBefore)
+
+    editor.destroy()
+  })
+})
+
+describe('suggestion minQueryLength', () => {
+  it('should not call items when query is shorter than minQueryLength', async () => {
+    const items = vi.fn().mockReturnValue([])
+    const onStart = vi.fn()
+    const onUpdate = vi.fn()
+    const onExit = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-min-query',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            minQueryLength: 2,
+            items,
+            render: () => ({ onStart, onUpdate, onExit }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    // Type @a — query "a" is too short (length 1 < 2)
+    editor.chain().insertContent('@a').run()
+    await Promise.resolve()
+
+    expect(onStart).toHaveBeenCalledTimes(1)
+    // items should not have been called because query.length < minQueryLength
+    expect(items).not.toHaveBeenCalled()
+    // The props passed to onStart should have items: []
+    expect(onStart).toHaveBeenCalledWith(expect.objectContaining({ items: [] }))
+
+    // Continue typing to reach minQueryLength
+    editor.chain().insertContent('b').run()
+    await Promise.resolve()
+
+    // items should be called now with query 'ab'
+    expect(items).toHaveBeenCalledWith(
+      expect.objectContaining({
+        editor: expect.any(Object),
+        query: 'ab',
+      }),
+    )
+
+    editor.destroy()
+  })
+})
+
+describe('suggestion initialItems', () => {
+  it('should pass initialItems to onBeforeStart/onBeforeUpdate and resolved items to onStart/onUpdate', async () => {
+    const initialItems = [{ id: 1, label: 'Popular' }]
+    const resolvedItems = [{ id: 2, label: 'Filtered' }]
+    const items = vi.fn().mockResolvedValue(resolvedItems)
+    const onBeforeStart = vi.fn()
+    const onBeforeUpdate = vi.fn()
+    const onStart = vi.fn()
+    const onUpdate = vi.fn()
+    const onExit = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-initial-items',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            initialItems,
+            items,
+            render: () => ({ onBeforeStart, onBeforeUpdate, onStart, onUpdate, onExit }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    // Type @ to start suggestion
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+    await Promise.resolve()
+
+    // onBeforeStart should receive initialItems
+    expect(onBeforeStart).toHaveBeenCalledWith(expect.objectContaining({ items: initialItems }))
+    // onStart mounts immediately with the initial items while loading
+    expect(onStart).toHaveBeenLastCalledWith(
+      expect.objectContaining({ items: initialItems, loading: true }),
+    )
+    // onUpdate receives the async-resolved items
+    expect(onUpdate).toHaveBeenLastCalledWith(expect.objectContaining({ items: resolvedItems }))
+    // items() should still have been called
+    expect(items).toHaveBeenCalledWith(
+      expect.objectContaining({
+        editor: expect.any(Object),
+        query: '',
+      }),
+    )
+
+    // Reset mocks for the update phase
+    items.mockClear()
+    onBeforeUpdate.mockClear()
+    onUpdate.mockClear()
+
+    // Type another character to trigger an update
+    editor.chain().insertContent('a').run()
+    await Promise.resolve()
+    await Promise.resolve()
+
+    // onBeforeUpdate should also receive initialItems
+    expect(onBeforeUpdate).toHaveBeenCalledWith(expect.objectContaining({ items: initialItems }))
+    // onUpdate should receive the async-resolved items
+    expect(onUpdate).toHaveBeenLastCalledWith(expect.objectContaining({ items: resolvedItems }))
+    expect(items).toHaveBeenCalledWith(
+      expect.objectContaining({
+        editor: expect.any(Object),
+        query: 'a',
+      }),
+    )
+
+    editor.destroy()
+  })
+})
+
+describe('suggestion loading state', () => {
+  it('should set loading to true in before callbacks and false after when items() is called', async () => {
+    const items = vi.fn().mockResolvedValue([])
+    const onBeforeStart = vi.fn()
+    const onBeforeUpdate = vi.fn()
+    const onStart = vi.fn()
+    const onUpdate = vi.fn()
+    const onExit = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-loading',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            items,
+            render: () => ({ onBeforeStart, onBeforeUpdate, onStart, onUpdate, onExit }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    // Type @ to start suggestion — triggers async items()
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+    await Promise.resolve()
+
+    // onBeforeStart fires before items() resolves → loading should be true
+    expect(onBeforeStart).toHaveBeenCalledWith(expect.objectContaining({ loading: true }))
+    // onStart fires immediately with loading enabled
+    expect(onStart).toHaveBeenLastCalledWith(expect.objectContaining({ loading: true }))
+    // onUpdate fires after items() resolves → loading should be false
+    expect(onUpdate).toHaveBeenLastCalledWith(expect.objectContaining({ loading: false }))
+
+    // Type another char to trigger an update
+    editor.chain().insertContent('a').run()
+    await Promise.resolve()
+    await Promise.resolve()
+
+    // onBeforeUpdate fires before items() resolves → loading should be true
+    expect(onBeforeUpdate).toHaveBeenCalledWith(expect.objectContaining({ loading: true }))
+    // onUpdate fires after items() resolves → loading should be false
+    expect(onUpdate).toHaveBeenLastCalledWith(expect.objectContaining({ loading: false }))
+
+    editor.destroy()
+  })
+
+  it('should recover when items() rejects', async () => {
+    const items = vi.fn().mockRejectedValue(new Error('boom'))
+    const onBeforeStart = vi.fn()
+    const onUpdate = vi.fn()
+    const onStart = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-loading-rejects',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            items,
+            render: () => ({ onBeforeStart, onStart, onUpdate }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+    await Promise.resolve()
+
+    expect(items).toHaveBeenCalledTimes(1)
+    expect(onBeforeStart).toHaveBeenCalledWith(expect.objectContaining({ loading: true }))
+    expect(onUpdate).toHaveBeenLastCalledWith(expect.objectContaining({ loading: false }))
+
+    editor.destroy()
+  })
+
+  it('should set loading to false in all callbacks when minQueryLength blocks items()', async () => {
+    const items = vi.fn().mockResolvedValue([])
+    const onBeforeStart = vi.fn()
+    const onStart = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-loading-blocked',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            minQueryLength: 3,
+            items,
+            render: () => ({ onBeforeStart, onStart }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    // Type @a — query "a" is too short, items() won't be called
+    editor.chain().insertContent('@a').run()
+    await Promise.resolve()
+
+    // No async call happens → loading should be false
+    expect(onBeforeStart).toHaveBeenCalledWith(expect.objectContaining({ loading: false }))
+    expect(onStart).toHaveBeenCalledWith(expect.objectContaining({ loading: false }))
+
+    editor.destroy()
+  })
+})
+
+describe('suggestion AbortSignal', () => {
+  it('should pass signal to items() and abort previous signal on new query', async () => {
+    const signals: AbortSignal[] = []
+    let resolveFirst: (value: unknown) => void = () => {}
+
+    const items = vi.fn().mockImplementation(({ signal }) => {
+      signals.push(signal)
+      // First call returns a promise that we control
+      if (signals.length === 1) {
+        return new Promise(resolve => {
+          resolveFirst = resolve
+        })
+      }
+      // Subsequent calls resolve immediately
+      return []
+    })
+
+    const onStart = vi.fn()
+    const onUpdate = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-abort',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            items,
+            render: () => ({ onStart, onUpdate }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    // Type @ to start suggestion — first items() call starts but doesn't resolve
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+
+    expect(items).toHaveBeenCalledTimes(1)
+    expect(signals[0].aborted).toBe(false)
+
+    // Type a — triggers a second items() while first is still in-flight
+    editor.chain().insertContent('a').run()
+    await Promise.resolve()
+
+    // items() should have been called a second time
+    expect(items).toHaveBeenCalledTimes(2)
+    // The first signal should be aborted
+    expect(signals[0].aborted).toBe(true)
+    // The second signal should be fresh
+    expect(signals[1].aborted).toBe(false)
+
+    // Clean up the hanging promise
+    resolveFirst([])
+    await Promise.resolve()
+
+    editor.destroy()
+  })
+
+  it('should not emit stale callbacks after a request is superseded', async () => {
+    const signals: AbortSignal[] = []
+    let resolveFirst: (value: unknown) => void = () => {}
+
+    const items = vi.fn().mockImplementation(({ signal }) => {
+      signals.push(signal)
+
+      if (signals.length === 1) {
+        return new Promise(resolve => {
+          resolveFirst = resolve
+        })
+      }
+
+      return []
+    })
+
+    const onStart = vi.fn()
+    const onUpdate = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-abort-stale-callbacks',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            items,
+            render: () => ({ onStart, onUpdate }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+
+    editor.chain().insertContent('a').run()
+    await Promise.resolve()
+    await Promise.resolve()
+
+    const startCallsBefore = onStart.mock.calls.length
+    const updateCallsBefore = onUpdate.mock.calls.length
+
+    resolveFirst([])
+    await Promise.resolve()
+    await Promise.resolve()
+
+    expect(onStart.mock.calls.length).toBe(startCallsBefore)
+    expect(onUpdate.mock.calls.length).toBe(updateCallsBefore)
+
+    editor.destroy()
+  })
+
+  it('should pass signal as a property in the items callback props', async () => {
+    const items = vi.fn().mockImplementation(({ signal }) => {
+      expect(signal).toBeInstanceOf(AbortSignal)
+      return []
+    })
+
+    const MentionExtension = Extension.create({
+      name: 'mention-abort-prop',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            items,
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+
+    expect(items).toHaveBeenCalled()
+    // The callback assertion already checked signal is an AbortSignal
+
+    editor.destroy()
+  })
+})
+
+describe('suggestion debounce', () => {
+  it('should delay the items() call by the configured debounce time', async () => {
+    vi.useFakeTimers()
+
+    const items = vi.fn().mockResolvedValue([])
+    const onBeforeStart = vi.fn()
+    const onStart = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-debounce',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            debounce: 100,
+            items,
+            render: () => ({ onBeforeStart, onStart }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    // Type @ to trigger suggestion
+    editor.chain().insertContent('@').run()
+
+    // items() should not have been called yet (debounce pending)
+    expect(items).not.toHaveBeenCalled()
+    // onBeforeStart should fire immediately (not debounced)
+    expect(onBeforeStart).toHaveBeenCalled()
+
+    // Advance past the debounce window
+    await vi.advanceTimersByTimeAsync(100)
+
+    // Now items() should have been called
+    expect(items).toHaveBeenCalledTimes(1)
+    // onStart fires after items resolves
+    expect(onStart).toHaveBeenCalled()
+
+    vi.useRealTimers()
+    editor.destroy()
+  })
+
+  it('should cancel pending debounce work on destroy', async () => {
+    vi.useFakeTimers()
+
+    const items = vi.fn().mockResolvedValue([])
+    const onBeforeStart = vi.fn()
+    const onStart = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-debounce-destroy',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            debounce: 100,
+            items,
+            render: () => ({ onBeforeStart, onStart }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+
+    expect(onBeforeStart).toHaveBeenCalledWith(expect.objectContaining({ loading: true }))
+
+    const startCallsBefore = onStart.mock.calls.length
+
+    editor.destroy()
+    await vi.advanceTimersByTimeAsync(100)
+
+    expect(items).not.toHaveBeenCalled()
+    expect(onStart.mock.calls.length).toBe(startCallsBefore)
+
+    vi.useRealTimers()
+  })
+
+  it('should reset the debounce timer on rapid typing', async () => {
+    vi.useFakeTimers()
+
+    const items = vi.fn().mockResolvedValue([])
+
+    const MentionExtension = Extension.create({
+      name: 'mention-debounce-rapid',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            debounce: 100,
+            items,
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    // Type @a
+    editor.chain().insertContent('@a').run()
+    await vi.advanceTimersByTimeAsync(60)
+
+    // Type b before debounce fires
+    editor.chain().insertContent('b').run()
+    await vi.advanceTimersByTimeAsync(60)
+
+    // Debounce should have reset — items not called yet
+    expect(items).not.toHaveBeenCalled()
+
+    // Advance past remaining debounce from last keystroke
+    await vi.advanceTimersByTimeAsync(100)
+
+    // Should have been called only once (not twice)
+    expect(items).toHaveBeenCalledTimes(1)
+
+    vi.useRealTimers()
+    editor.destroy()
+  })
+})
+
+describe('suggestion positioning options', () => {
+  it('should forward placement, offset, container, and flip to SuggestionProps', async () => {
+    const onStart = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-positioning',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            placement: 'top-start',
+            offset: { mainAxis: 8, crossAxis: 4 },
+            container: '.my-container',
+            flip: false,
+            render: () => ({ onStart }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+
+    expect(onStart).toHaveBeenCalledWith(
+      expect.objectContaining({
+        placement: 'top-start',
+        offset: { mainAxis: 8, crossAxis: 4 },
+        container: '.my-container',
+        flip: false,
+      }),
+    )
+
+    editor.destroy()
+  })
+
+  it('should use defaults when positioning options are not set', async () => {
+    const onStart = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-positioning-defaults',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            render: () => ({ onStart }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+
+    expect(onStart).toHaveBeenCalledWith(
+      expect.objectContaining({
+        placement: 'bottom-start',
+        offset: { mainAxis: 4, crossAxis: 0 },
+        flip: true,
+      }),
+    )
+
+    editor.destroy()
+  })
+
+  it('should pass through floatingUi config and middleware', async () => {
+    const customMiddleware = {
+      name: 'custom',
+      fn: vi.fn(() => ({ x: 0, y: 0 })),
+    } as Middleware
+
+    const onStart = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-floating-ui',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            placement: 'top-start',
+            offset: { mainAxis: 8, crossAxis: 4 },
+            flip: false,
+            floatingUi: {
+              strategy: 'fixed',
+              middleware: [customMiddleware],
+            },
+            render: () => ({ onStart }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+
+    expect(onStart).toHaveBeenCalledWith(
+      expect.objectContaining({
+        floatingUi: expect.objectContaining({
+          placement: 'top-start',
+          strategy: 'fixed',
+        }),
+      }),
+    )
+
+    const floatingUi = onStart.mock.calls[0][0].floatingUi
+    expect(floatingUi.middleware).toHaveLength(2)
+    expect(floatingUi.middleware).toEqual(expect.arrayContaining([customMiddleware]))
+
+    editor.destroy()
+  })
+})
+
+describe('suggestion mount', () => {
+  // Captures `props.mount` from a started suggestion so each test can call it
+  // against a real element.
+  async function getMount(container?: string | HTMLElement) {
+    const onStart = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-mount',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            container,
+            render: () => ({ onStart }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+
+    return { mount: onStart.mock.calls[0][0].mount, editor }
+  }
+
+  it('mounts the element into document.body and removes it on unmount', async () => {
+    const { mount, editor } = await getMount()
+    const element = document.createElement('div')
+
+    const unmount = mount(element)
+    expect(element.parentElement).toBe(document.body)
+
+    unmount()
+    expect(element.isConnected).toBe(false)
+
+    editor.destroy()
+  })
+
+  it('mounts the element into a provided container', async () => {
+    const container = document.createElement('div')
+    document.body.appendChild(container)
+
+    const { mount, editor } = await getMount(container)
+    const element = document.createElement('div')
+
+    const unmount = mount(element)
+    expect(element.parentElement).toBe(container)
+
+    unmount()
+    container.remove()
+    editor.destroy()
+  })
+
+  it('leaves an already-mounted element in place (escape hatch)', async () => {
+    const { mount, editor } = await getMount()
+    const element = document.createElement('div')
+    const host = document.createElement('div')
+    host.appendChild(element)
+    document.body.appendChild(host)
+
+    const unmount = mount(element)
+    expect(element.parentElement).toBe(host)
+
+    // We did not mount it, so unmount must not remove it.
+    unmount()
+    expect(element.parentElement).toBe(host)
+
+    host.remove()
+    editor.destroy()
+  })
+})
+
+describe('suggestion outside click', () => {
+  async function setup(dismissOnOutsideClick?: boolean) {
+    const onStart = vi.fn()
+
+    const MentionExtension = Extension.create({
+      name: 'mention-outside-click',
+      addProseMirrorPlugins() {
+        return [
+          Suggestion({
+            editor: this.editor,
+            char: '@',
+            dismissOnOutsideClick,
+            render: () => ({ onStart }),
+          }),
+        ]
+      },
+    })
+
+    const editor = new Editor({
+      extensions: [StarterKit, MentionExtension],
+      content: '<p></p>',
+    })
+
+    editor.chain().insertContent('@').run()
+    await Promise.resolve()
+
+    const mount = onStart.mock.calls[0][0].mount
+    const isActive = () => SuggestionPluginKey.getState(editor.state)?.active === true
+
+    return { mount, editor, isActive }
+  }
+
+  it('dismisses when clicking outside the popup and editor', async () => {
+    const { mount, editor, isActive } = await setup()
+    const element = document.createElement('div')
+    const unmount = mount(element)
+
+    expect(isActive()).toBe(true)
+
+    const outside = document.createElement('div')
+    document.body.appendChild(outside)
+    outside.dispatchEvent(new Event('pointerdown', { bubbles: true }))
+
+    expect(isActive()).toBe(false)
+
+    unmount()
+    outside.remove()
+    editor.destroy()
+  })
+
+  it('does not dismiss when clicking inside the popup', async () => {
+    const { mount, editor, isActive } = await setup()
+    const element = document.createElement('div')
+    const unmount = mount(element)
+
+    element.dispatchEvent(new Event('pointerdown', { bubbles: true }))
+
+    expect(isActive()).toBe(true)
+
+    unmount()
+    editor.destroy()
+  })
+
+  it('does not attach the listener when dismissOnOutsideClick is false', async () => {
+    const { mount, editor, isActive } = await setup(false)
+    const element = document.createElement('div')
+    const unmount = mount(element)
+
+    const outside = document.createElement('div')
+    document.body.appendChild(outside)
+    outside.dispatchEvent(new Event('pointerdown', { bubbles: true }))
+
+    expect(isActive()).toBe(true)
+
+    unmount()
+    outside.remove()
+    editor.destroy()
+  })
+})
diff --git a/packages/suggestion/vite.config.ts b/packages/suggestion/vite.config.ts
new file mode 100644
index 0000000..0abd555
--- /dev/null
+++ b/packages/suggestion/vite.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite-plus'
+import { basePackConfig } from '../../pack.config.mjs'
+
+export default defineConfig({
+  pack: {
+    entry: ['src/index.ts'],
+    ...basePackConfig(),
+  },
+})
diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md
new file mode 100644
index 0000000..5da8596
--- /dev/null
+++ b/packages/vue/CHANGELOG.md
@@ -0,0 +1,2831 @@
+# Change Log
+
+## 3.30.3
+
+### Patch Changes
+
+- Updated dependencies [965a880]
+  - @tiptap/core@3.30.3
+  - @tiptap/pm@3.30.3
+
+## 3.30.2
+
+### Patch Changes
+
+- Updated dependencies [3dffed5]
+- Updated dependencies [214a140]
+  - @tiptap/core@3.30.2
+  - @tiptap/pm@3.30.2
+
+## 3.30.1
+
+### Patch Changes
+
+- Updated dependencies [abc8828]
+  - @tiptap/core@3.30.1
+  - @tiptap/pm@3.30.1
+
+## 3.30.0
+
+### Minor Changes
+
+- 3099eef: **New Decorations API**
+
+  Finally the decorations API is here! Even though Decorations itself are nothing new in ProseMirror, the new API makes it much easier to use them in Tiptap without leaving your extensions.
+
+  Decorations change how the document looks without changing the document itself. Highlighting search results, marking spelling mistakes, showing collaborator cursors, putting a drag handle next to every block.
+
+  Until now you had to write a ProseMirror plugin by hand for this, keep the decoration set in plugin state, and map it forward on every transaction. Extensions can now declare decorations directly with a new `addDecorations()` hook.
+
+  ```js
+  addDecorations() {
+    return {
+      create: ({ state }) =>
+        // findMatches can be any function that returns an array of { from, to } ranges
+        findMatches(state.doc).map(match =>
+          Decoration.Inline(match.from, match.to, { class: 'highlight' }),
+        ),
+    }
+  }
+  ```
+
+  There are three kinds. `Decoration.Inline()` styles a range of text. `Decoration.Node()` puts attributes on a block's DOM element. `Decoration.Widget()` renders your own element at a single position.
+
+  Every extension that declares decorations is collected into one plugin, so several extensions can decorate the same document without fighting over it.
+
+  **Doing less work on every keystroke**
+
+  By default decorations are rebuilt whenever the document changes. That is fine for small documents and wasteful for large ones, so there are two ways to narrow it down.
+
+  `shouldUpdate()` skips transactions you do not care about. If your decorations only depend on headings, ignore everything else.
+
+  `update: 'changedRanges'` together with `createInRange()` only rescans the blocks that actually changed. On a long document this is the difference between scanning the whole thing on every keystroke and scanning one paragraph.
+
+  For decorations driven by data outside the editor, like comments loaded from a server, use `update: 'manual'` and refresh them yourself with `editor.commands.updateDecorations()`.
+
+  **React and Vue components as widgets**
+
+  `ReactWidgetRenderer` and `VueWidgetRenderer` render a real component into a widget decoration, inside your existing app context. Providers, context and stores work as usual.
+
+  Widgets take a `key`. Reuse the same key and the component instance stays mounted while the document changes around it, so local state such as an open menu, a counter or a half-typed input survives editing. Use a stable id from your own data, not a position or a list index, otherwise the component remounts and loses that state.
+
+  Widgets also accept the ProseMirror options `side`, `relaxedSide`, `stopEvent` and `ignoreSelection`.
+
+  **Documentation**
+
+  - [Decorations](https://tiptap.dev/docs/editor/core-concepts/decorations)
+  - [Decorations with React](https://tiptap.dev/docs/guides/decorations-react)
+  - [Decorations with Vue](https://tiptap.dev/docs/guides/decorations-vue)
+  - [API Documentation](https://tiptap.dev/docs/editor/api/decorations)
+
+### Patch Changes
+
+- Updated dependencies [0247d39]
+- Updated dependencies [58a8953]
+- Updated dependencies [51909d3]
+- Updated dependencies [3099eef]
+  - @tiptap/core@3.30.0
+  - @tiptap/pm@3.30.0
+
+## 3.29.2
+
+### Patch Changes
+
+- @tiptap/core@3.29.2
+- @tiptap/pm@3.29.2
+
+## 3.29.1
+
+### Patch Changes
+
+- @tiptap/core@3.29.1
+- @tiptap/pm@3.29.1
+
+## 3.29.0
+
+### Patch Changes
+
+- bd47229: Fix `<node-view-content as="tbody">` (and similar restricted-content elements) rendering with an extra wrapper `<div>` nested inside them, which broke tables in Vue node views. Note: keep `<node-view-content>` mounted (use `v-show`, not `v-if`) — conditionally remounting it can leave ProseMirror attached to the old element.
+- Updated dependencies [d26840f]
+- Updated dependencies [e150ee0]
+- Updated dependencies [935e63f]
+- Updated dependencies [b4c5a2d]
+- Updated dependencies [a963d48]
+- Updated dependencies [51f45b6]
+- Updated dependencies [0f63969]
+- Updated dependencies [9acaa65]
+  - @tiptap/core@3.29.0
+  - @tiptap/pm@3.29.0
+
+## 3.28.0
+
+### Patch Changes
+
+- @tiptap/core@3.28.0
+- @tiptap/pm@3.28.0
+
+## 3.27.4
+
+### Patch Changes
+
+- @tiptap/core@3.27.4
+- @tiptap/pm@3.27.4
+
+## 3.27.3
+
+### Patch Changes
+
+- Updated dependencies [023f98c]
+  - @tiptap/core@3.27.3
+  - @tiptap/pm@3.27.3
+
+## 3.27.2
+
+### Patch Changes
+
+- Updated dependencies [ceebb31]
+  - @tiptap/pm@3.27.2
+  - @tiptap/core@3.27.2
+
+## 3.27.1
+
+### Patch Changes
+
+- @tiptap/core@3.27.1
+- @tiptap/pm@3.27.1
+
+## 3.27.0
+
+### Patch Changes
+
+- Updated dependencies [0d0094d]
+- Updated dependencies [795033c]
+- Updated dependencies [0e0c4f9]
+- Updated dependencies [6d12bb9]
+  - @tiptap/core@3.27.0
+  - @tiptap/pm@3.27.0
+
+## 3.26.1
+
+### Patch Changes
+
+- @tiptap/core@3.26.1
+- @tiptap/pm@3.26.1
+
+## 3.26.0
+
+### Patch Changes
+
+- @tiptap/core@3.26.0
+- @tiptap/pm@3.26.0
+
+## 3.25.0
+
+### Patch Changes
+
+- 26e6f0f: Fix `VueNodeViewRenderer` thrashing the DOM when `contentDOM` is null for non-leaf nodes. The renderer now always creates a contentDOM element for non-leaf nodes (matching React's behavior), so ProseMirror has a valid element to render children into even when the NodeView component does not include `NodeViewContent` or renders it conditionally.
+- Updated dependencies [ec291dd]
+- Updated dependencies [454e9b8]
+- Updated dependencies [9cf8db0]
+- Updated dependencies [c1a2ce8]
+- Updated dependencies [3d4f94c]
+  - @tiptap/core@3.25.0
+  - @tiptap/pm@3.25.0
+
+## 3.24.0
+
+### Patch Changes
+
+- Updated dependencies [7c0499b]
+  - @tiptap/pm@3.24.0
+  - @tiptap/core@3.24.0
+
+## 3.23.6
+
+### Patch Changes
+
+- Updated dependencies [d168376]
+  - @tiptap/core@3.23.6
+  - @tiptap/pm@3.23.6
+
+## 3.23.5
+
+### Patch Changes
+
+- 95e138c: fix(nodeview): eliminate unnecessary re-renders, add opt-in position tracking
+
+  NodeViews no longer re-render when decorations or position change without
+  content changes. Added `trackNodeViewPosition` option — when enabled, the
+  component re-renders on every position shift so calls to `getPos()` stay
+  current in render output. Removed the internal `nodeViewPositionRegistry`.
+  Added shallow prop comparison in `ReactRenderer.updateProps()`.
+
+- Updated dependencies [835caf5]
+- Updated dependencies [95e138c]
+  - @tiptap/core@3.23.5
+  - @tiptap/pm@3.23.5
+
+## 3.23.4
+
+### Patch Changes
+
+- @tiptap/core@3.23.4
+- @tiptap/pm@3.23.4
+
+## 3.23.3
+
+### Patch Changes
+
+- @tiptap/core@3.23.3
+- @tiptap/pm@3.23.3
+
+## 3.23.2
+
+### Patch Changes
+
+- d52188d: Fix a `useEditor` unmount crash by avoiding replacement of Vue-managed DOM nodes during teardown.
+- Updated dependencies [f98eaaf]
+  - @tiptap/core@3.23.2
+  - @tiptap/pm@3.23.2
+
+## 3.23.1
+
+### Patch Changes
+
+- @tiptap/core@3.23.1
+- @tiptap/pm@3.23.1
+
+## 3.23.0
+
+### Patch Changes
+
+- Updated dependencies [57f8d66]
+- Updated dependencies [e64e5a7]
+- Updated dependencies [207a2bc]
+  - @tiptap/core@3.23.0
+  - @tiptap/pm@3.23.0
+
+## 3.22.5
+
+### Patch Changes
+
+- a375002: Add `selectedOnTextSelection` option to node view renderers. When enabled, the `selected` prop also becomes true when a TextSelection is fully inside the node's range, not only on NodeSelection.
+- Updated dependencies [a375002]
+  - @tiptap/core@3.22.5
+  - @tiptap/pm@3.22.5
+
+## 3.22.4
+
+### Patch Changes
+
+- 27ea931: Fix dependencies installation after packages updates producing peer dependency resolution conflicts
+- Updated dependencies [27ea931]
+- Updated dependencies [64f36b8]
+- Updated dependencies [032f8f1]
+  - @tiptap/core@3.22.4
+  - @tiptap/pm@3.22.4
+
+## 3.22.3
+
+### Patch Changes
+
+- Updated dependencies [cb28e7b]
+  - @tiptap/core@3.22.3
+  - @tiptap/pm@3.22.3
+
+## 3.22.2
+
+### Patch Changes
+
+- Updated dependencies [f1d504c]
+- Updated dependencies [404c683]
+  - @tiptap/core@3.22.2
+  - @tiptap/pm@3.22.2
+
+## 3.22.1
+
+### Patch Changes
+
+- ee03ac0: Fix NodeView not re-rendering when a node's position changes without content or decoration changes (e.g. when a sibling node is moved within the same parent)
+- Updated dependencies [ee03ac0]
+- Updated dependencies [b88f9ed]
+  - @tiptap/core@3.22.1
+  - @tiptap/pm@3.22.1
+
+## 3.22.0
+
+### Patch Changes
+
+- Updated dependencies [912a49b]
+- Updated dependencies [7d4fb9a]
+- Updated dependencies [0c1c112]
+- Updated dependencies [0c1c112]
+- Updated dependencies [f99bdc2]
+  - @tiptap/core@3.22.0
+  - @tiptap/pm@3.22.0
+
+## 3.21.0
+
+### Patch Changes
+
+- @tiptap/core@3.21.0
+- @tiptap/pm@3.21.0
+
+## 3.20.6
+
+### Patch Changes
+
+- @tiptap/core@3.20.6
+- @tiptap/pm@3.20.6
+
+## 3.20.5
+
+### Patch Changes
+
+- @tiptap/core@3.20.5
+- @tiptap/pm@3.20.5
+
+## 3.20.4
+
+### Patch Changes
+
+- Updated dependencies [0bcf3c2]
+  - @tiptap/core@3.20.4
+  - @tiptap/pm@3.20.4
+
+## 3.20.3
+
+### Patch Changes
+
+- f4f6be2: Generate a stable per-instance menu plugin key automatically when `pluginKey` is omitted, so multiple BubbleMenu or FloatingMenu components can be mounted without colliding.
+- Updated dependencies [c94fac4]
+- Updated dependencies [6b9ea92]
+  - @tiptap/core@3.20.3
+  - @tiptap/pm@3.20.3
+
+## 3.20.2
+
+### Patch Changes
+
+- Updated dependencies [269823d]
+  - @tiptap/core@3.20.2
+  - @tiptap/pm@3.20.2
+
+## 3.20.1
+
+### Patch Changes
+
+- Updated dependencies [25f57e4]
+  - @tiptap/core@3.20.1
+  - @tiptap/pm@3.20.1
+
+## 3.20.0
+
+### Patch Changes
+
+- Updated dependencies [4b731e2]
+- Updated dependencies [98546ac]
+- Updated dependencies [57624a1]
+- Updated dependencies [76ce47d]
+  - @tiptap/core@3.20.0
+  - @tiptap/pm@3.20.0
+
+## 3.19.0
+
+### Patch Changes
+
+- @tiptap/core@3.19.0
+- @tiptap/pm@3.19.0
+
+## 3.18.0
+
+### Patch Changes
+
+- feac5c8: Fixed extension storage not updating in React and Vue node views
+  - @tiptap/core@3.18.0
+  - @tiptap/pm@3.18.0
+
+## 3.17.1
+
+### Patch Changes
+
+- 4807c55: Fixed IME input (Chinese, Japanese, Korean) in Vue 3 mark views by preventing DOM element destruction during composition events
+- Updated dependencies [aa9709e]
+- Updated dependencies [b46e66a]
+  - @tiptap/core@3.17.1
+  - @tiptap/pm@3.17.1
+
+## 3.17.0
+
+### Patch Changes
+
+- Updated dependencies [eecf1c9]
+  - @tiptap/core@3.17.0
+  - @tiptap/pm@3.17.0
+
+## 3.16.0
+
+### Minor Changes
+
+- 9516ee0: Add updateEvent support for FloatingMenu to allow programmatic position updates via `setMeta('floatingMenu', 'updatePosition')`
+
+### Patch Changes
+
+- @tiptap/core@3.16.0
+- @tiptap/pm@3.16.0
+
+## 3.15.3
+
+### Patch Changes
+
+- Updated dependencies [8f86f06]
+  - @tiptap/core@3.15.3
+  - @tiptap/pm@3.15.3
+
+## 3.15.2
+
+### Patch Changes
+
+- 7d5ce72: Fix Vue prop validation warning for `appendTo` prop in BubbleMenu and FloatingMenu
+  - @tiptap/core@3.15.2
+  - @tiptap/pm@3.15.2
+
+## 3.15.1
+
+### Patch Changes
+
+- @tiptap/core@3.15.1
+- @tiptap/pm@3.15.1
+
+## 3.15.0
+
+### Patch Changes
+
+- Updated dependencies [ac8361c]
+  - @tiptap/core@3.15.0
+  - @tiptap/pm@3.15.0
+
+## 3.14.0
+
+### Patch Changes
+
+- 383145e: Append all children of editors parent node to element
+
+  Fixes a regression introduced by #6972, that resulted in elements that got appended to the editors parent node staying detached. E.g. the drag handle plugin is affected by this regression.
+
+  - @tiptap/core@3.14.0
+  - @tiptap/pm@3.14.0
+
+## 3.13.0
+
+### Patch Changes
+
+- Updated dependencies [526365a]
+- Updated dependencies [e3b4f68]
+  - @tiptap/core@3.13.0
+  - @tiptap/pm@3.13.0
+
+## 3.12.1
+
+### Patch Changes
+
+- @tiptap/core@3.12.1
+- @tiptap/pm@3.12.1
+
+## 3.12.0
+
+### Patch Changes
+
+- Updated dependencies [f232c5a]
+  - @tiptap/core@3.12.0
+  - @tiptap/pm@3.12.0
+
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies [d0c4264]
+  - @tiptap/core@3.11.1
+  - @tiptap/pm@3.11.1
+
+## 3.11.0
+
+### Patch Changes
+
+- Updated dependencies [541c93c]
+  - @tiptap/core@3.11.0
+  - @tiptap/pm@3.11.0
+
+## 3.10.8
+
+### Patch Changes
+
+- Updated dependencies [8375241]
+- Updated dependencies [b7ead7c]
+- Updated dependencies [95d3e80]
+- Updated dependencies [fd479bd]
+  - @tiptap/core@3.10.8
+  - @tiptap/pm@3.10.8
+
+## 3.10.7
+
+### Patch Changes
+
+- @tiptap/core@3.10.7
+- @tiptap/pm@3.10.7
+
+## 3.10.6
+
+### Patch Changes
+
+- @tiptap/core@3.10.6
+- @tiptap/pm@3.10.6
+
+## 3.10.5
+
+### Patch Changes
+
+- Updated dependencies [92fae18]
+  - @tiptap/core@3.10.5
+  - @tiptap/pm@3.10.5
+
+## 3.10.4
+
+### Patch Changes
+
+- Updated dependencies [64561c4]
+  - @tiptap/core@3.10.4
+  - @tiptap/pm@3.10.4
+
+## 3.10.3
+
+### Patch Changes
+
+- @tiptap/core@3.10.3
+- @tiptap/pm@3.10.3
+
+## 3.10.2
+
+### Patch Changes
+
+- @tiptap/core@3.10.2
+- @tiptap/pm@3.10.2
+
+## 3.10.1
+
+### Patch Changes
+
+- Updated dependencies [3564e7c]
+  - @tiptap/core@3.10.1
+  - @tiptap/pm@3.10.1
+
+## 3.10.0
+
+### Patch Changes
+
+- Updated dependencies [4aa9f57]
+- Updated dependencies [4aa9f57]
+  - @tiptap/core@3.10.0
+  - @tiptap/pm@3.10.0
+
+## 3.9.1
+
+### Patch Changes
+
+- @tiptap/core@3.9.1
+- @tiptap/pm@3.9.1
+
+## 3.9.0
+
+### Patch Changes
+
+- 78ac867: Fix attribute forwarding for BubbleMenu and FloatingMenu Vue 3 components to allow setting z-index and other HTML attributes
+- Updated dependencies [bbb8e16]
+  - @tiptap/core@3.9.0
+  - @tiptap/pm@3.9.0
+
+## 3.8.0
+
+### Patch Changes
+
+- @tiptap/core@3.8.0
+- @tiptap/pm@3.8.0
+
+## 3.7.2
+
+### Patch Changes
+
+- @tiptap/core@3.7.2
+- @tiptap/pm@3.7.2
+
+## 3.7.1
+
+### Patch Changes
+
+- @tiptap/core@3.7.1
+- @tiptap/pm@3.7.1
+
+## 3.7.0
+
+### Patch Changes
+
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+- Updated dependencies [35645d9]
+  - @tiptap/core@3.7.0
+  - @tiptap/pm@3.7.0
+
+## 3.6.7
+
+### Patch Changes
+
+- @tiptap/core@3.6.7
+- @tiptap/pm@3.6.7
+
+## 3.6.6
+
+### Patch Changes
+
+- 9ef26a6: Fixed a bug that caused conditionally rendered bubble menus not to be attached to the DOM correctly
+  - @tiptap/core@3.6.6
+  - @tiptap/pm@3.6.6
+
+## 3.6.5
+
+### Patch Changes
+
+- Updated dependencies [1e4caea]
+  - @tiptap/core@3.6.5
+  - @tiptap/pm@3.6.5
+
+## 3.6.4
+
+### Patch Changes
+
+- @tiptap/core@3.6.4
+- @tiptap/pm@3.6.4
+
+## 3.6.3
+
+### Patch Changes
+
+- Updated dependencies [67f7b4a]
+  - @tiptap/core@3.6.3
+  - @tiptap/pm@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- @tiptap/core@3.6.2
+- @tiptap/pm@3.6.2
+
+## 3.6.1
+
+### Patch Changes
+
+- @tiptap/core@3.6.1
+- @tiptap/pm@3.6.1
+
+## 3.6.0
+
+### Minor Changes
+
+- bffc44c: Pass `attrs` through Vue 3 menus
+
+### Patch Changes
+
+- Updated dependencies [c0190bd]
+  - @tiptap/core@3.6.0
+  - @tiptap/pm@3.6.0
+
+## 3.5.3
+
+### Patch Changes
+
+- @tiptap/core@3.5.3
+- @tiptap/pm@3.5.3
+
+## 3.5.2
+
+### Patch Changes
+
+- @tiptap/core@3.5.2
+- @tiptap/pm@3.5.2
+
+## 3.5.1
+
+### Patch Changes
+
+- f80c848: Add `appendTo` support to `FloatingMenu` and pass it through in React/Vue 2/Vue 3 for both `BubbleMenu` and `FloatingMenu` to allow fixing clipping/z-index issues.
+  - @tiptap/core@3.5.1
+  - @tiptap/pm@3.5.1
+
+## 3.5.0
+
+### Patch Changes
+
+- @tiptap/core@3.5.0
+- @tiptap/pm@3.5.0
+
+## 3.4.6
+
+### Patch Changes
+
+- Updated dependencies [968016f]
+  - @tiptap/core@3.4.6
+  - @tiptap/pm@3.4.6
+
+## 3.4.5
+
+### Patch Changes
+
+- bfcd958: refactor: replace `map(...).flat()` with `flatMap` for simpler, more efficient array flattening
+- Updated dependencies [0226d42]
+- Updated dependencies [37af83b]
+- Updated dependencies [f598ac7]
+  - @tiptap/core@3.4.5
+  - @tiptap/pm@3.4.5
+
+## 3.4.4
+
+### Patch Changes
+
+- Updated dependencies [00cf1d7]
+  - @tiptap/core@3.4.4
+  - @tiptap/pm@3.4.4
+
+## 3.4.3
+
+### Patch Changes
+
+- 915ed65: Add custom positioning support to the BubbleMenu.
+
+  This change adds an opt-in API that allows consumers to fully control how the BubbleMenu is positioned. Instead of relying solely on the internal placement logic, you can now provide a function (for example `getPosition`) that receives the relevant context (editor instance and menu DOM element) and returns the desired coordinates or positioning style.
+
+- Updated dependencies [1ea8906]
+  - @tiptap/core@3.4.3
+  - @tiptap/pm@3.4.3
+
+## 3.4.2
+
+### Patch Changes
+
+- @tiptap/core@3.4.2
+- @tiptap/pm@3.4.2
+
+## 3.4.1
+
+### Patch Changes
+
+- @tiptap/core@3.4.1
+- @tiptap/pm@3.4.1
+
+## 3.4.0
+
+### Patch Changes
+
+- Updated dependencies [895c73f]
+- Updated dependencies [ad51daa]
+  - @tiptap/core@3.4.0
+  - @tiptap/pm@3.4.0
+
+## 3.3.1
+
+### Patch Changes
+
+- @tiptap/core@3.3.1
+- @tiptap/pm@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- Updated dependencies [5423726]
+- Updated dependencies [5423726]
+  - @tiptap/core@3.3.0
+  - @tiptap/pm@3.3.0
+
+## 3.2.2
+
+### Patch Changes
+
+- @tiptap/core@3.2.2
+- @tiptap/pm@3.2.2
+
+## 3.2.1
+
+### Patch Changes
+
+- Updated dependencies [6a2873f]
+  - @tiptap/core@3.2.1
+  - @tiptap/pm@3.2.1
+
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [5056e3e]
+  - @tiptap/core@3.2.0
+  - @tiptap/pm@3.2.0
+
+## 3.1.0
+
+### Patch Changes
+
+- @tiptap/core@3.1.0
+- @tiptap/pm@3.1.0
+
+## 3.0.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.9
+- @tiptap/pm@3.0.9
+
+## 3.0.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.8
+- @tiptap/pm@3.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- @tiptap/core@3.0.7
+- @tiptap/pm@3.0.7
+
+## 3.0.6
+
+### Patch Changes
+
+- Updated dependencies [2e71d05]
+  - @tiptap/core@3.0.6
+  - @tiptap/pm@3.0.6
+
+## 3.0.5
+
+### Patch Changes
+
+- @tiptap/core@3.0.5
+- @tiptap/pm@3.0.5
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [7ed03fa]
+  - @tiptap/core@3.0.4
+  - @tiptap/pm@3.0.4
+
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies [75cabde]
+  - @tiptap/core@3.0.3
+  - @tiptap/pm@3.0.3
+
+## 3.0.2
+
+### Patch Changes
+
+- @tiptap/core@3.0.2
+- @tiptap/pm@3.0.2
+
+## 3.0.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Minor Changes
+
+- 0e3207f: Add support for [markviews](https://prosemirror.net/docs/ref/#view.MarkView), which allow you to render custom views for marks within the editor. This is useful for rendering custom UI for marks, like a color picker for a text color mark or a link editor for a link mark.
+
+  Here is a plain JS markview example:
+
+  ```ts
+  Mark.create({
+    // Other options...
+    addMarkView() {
+      return ({ mark, HTMLAttributes }) => {
+        const dom = document.createElement("b");
+        const contentDOM = document.createElement("span");
+
+        dom.appendChild(contentDOM);
+
+        return {
+          dom,
+          contentDOM,
+        };
+      };
+    },
+  });
+  ```
+
+  ## React binding
+
+  To use a React component for a markview, you can use the `@tiptap/react` package:
+
+  ```ts
+  import { Mark } from "@tiptap/core";
+  import { ReactMarkViewRenderer } from "@tiptap/react";
+
+  import Component from "./Component.jsx";
+
+  export default Mark.create({
+    name: "reactComponent",
+
+    parseHTML() {
+      return [
+        {
+          tag: "react-component",
+        },
+      ];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ["react-component", HTMLAttributes];
+    },
+
+    addMarkView() {
+      return ReactMarkViewRenderer(Component);
+    },
+  });
+  ```
+
+  And here is an example of a React component:
+
+  ```tsx
+  import { MarkViewContent, MarkViewRendererProps } from "@tiptap/react";
+  import React from "react";
+
+  // oxlint-disable-next-line no-unused-vars
+  export default (props: MarkViewRendererProps) => {
+    const [count, setCount] = React.useState(0);
+
+    return (
+      <span className="content" data-test-id="mark-view">
+        <MarkViewContent />
+        <label contentEditable={false}>
+          React component:
+          <button
+            onClick={() => {
+              setCount(count + 1);
+            }}
+          >
+            This button has been clicked {count} times.
+          </button>
+        </label>
+      </span>
+    );
+  };
+  ```
+
+  ## Vue 3 binding
+
+  To use a Vue 3 component for a markview, you can use the `@tiptap/vue-3` package:
+
+  ```ts
+  import { Mark } from "@tiptap/core";
+  import { VueMarkViewRenderer } from "@tiptap/vue-3";
+
+  import Component from "./Component.vue";
+
+  export default Mark.create({
+    name: "vueComponent",
+
+    parseHTML() {
+      return [
+        {
+          tag: "vue-component",
+        },
+      ];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ["vue-component", HTMLAttributes];
+    },
+
+    addMarkView() {
+      return VueMarkViewRenderer(Component);
+    },
+  });
+  ```
+
+  And here is an example of a Vue 3 component:
+
+  ```vue
+  <template>
+    <span className="content" data-test-id="mark-view">
+      <mark-view-content />
+      <label contenteditable="false"
+        >Vue Component::
+        <button @click="increase" class="primary">
+          This button has been clicked {{ count }} times.
+        </button>
+      </label>
+    </span>
+  </template>
+
+  <script>
+  import { MarkViewContent, markViewProps } from "@tiptap/vue-3";
+  export default {
+    components: {
+      MarkViewContent,
+    },
+    data() {
+      return {
+        count: 0,
+      };
+    },
+    props: markViewProps,
+    methods: {
+      increase() {
+        this.count += 1;
+      },
+    },
+  };
+  </script>
+  ```
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+- 00693b8: Fixed a bug where table cell selections would not position the bubble menu accordingly
+- 73d1888: Fixed a bug where the global resize handler of the BubbleMenu plugin would not be unregistered on destroy
+- 8c69002: Synced beta with stable features
+- 0f14cc5: Added missing `onShow`, `onUpdate`, `onHide` and `onDestroy` options
+- 5ba480b: Added `updateAttributes` to MarkView and its renderers to allow updating MarkView attributes
+- Updated dependencies [1b4c82b]
+- Updated dependencies [1e91f9b]
+- Updated dependencies [a92f4a6]
+- Updated dependencies [8de8e13]
+- Updated dependencies [20f68f6]
+- Updated dependencies [5e957e5]
+- Updated dependencies [89bd9c7]
+- Updated dependencies [d0fda30]
+- Updated dependencies [0e3207f]
+- Updated dependencies [37913d5]
+- Updated dependencies [28c5418]
+- Updated dependencies [32958d6]
+- Updated dependencies [12bb31a]
+- Updated dependencies [9f207a6]
+- Updated dependencies [412e1bd]
+- Updated dependencies [062afaf]
+- Updated dependencies [ff8eed6]
+- Updated dependencies [704f462]
+- Updated dependencies [95b8c71]
+- Updated dependencies [8c69002]
+- Updated dependencies [664834f]
+- Updated dependencies [ac897e7]
+- Updated dependencies [087d114]
+- Updated dependencies [32958d6]
+- Updated dependencies [fc17b21]
+- Updated dependencies [62b0877]
+- Updated dependencies [e20006b]
+- Updated dependencies [5ba480b]
+- Updated dependencies [d6c7558]
+- Updated dependencies [062afaf]
+- Updated dependencies [9ceeab4]
+- Updated dependencies [32958d6]
+- Updated dependencies [bf835b0]
+- Updated dependencies [4e2f6d8]
+- Updated dependencies [32958d6]
+  - @tiptap/core@3.0.1
+  - @tiptap/pm@3.0.1
+
+## 3.0.0-beta.30
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.30
+- @tiptap/pm@3.0.0-beta.30
+
+## 3.0.0-beta.29
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.29
+- @tiptap/pm@3.0.0-beta.29
+
+## 3.0.0-beta.28
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.28
+- @tiptap/pm@3.0.0-beta.28
+
+## 3.0.0-beta.27
+
+### Patch Changes
+
+- Updated dependencies [412e1bd]
+  - @tiptap/core@3.0.0-beta.27
+  - @tiptap/pm@3.0.0-beta.27
+
+## 3.0.0-beta.26
+
+### Patch Changes
+
+- 5ba480b: Added `updateAttributes` to MarkView and its renderers to allow updating MarkView attributes
+- Updated dependencies [5ba480b]
+  - @tiptap/core@3.0.0-beta.26
+  - @tiptap/pm@3.0.0-beta.26
+
+## 3.0.0-beta.25
+
+### Patch Changes
+
+- Updated dependencies [4e2f6d8]
+  - @tiptap/core@3.0.0-beta.25
+  - @tiptap/pm@3.0.0-beta.25
+
+## 3.0.0-beta.24
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.24
+- @tiptap/pm@3.0.0-beta.24
+
+## 3.0.0-beta.23
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.23
+- @tiptap/pm@3.0.0-beta.23
+
+## 3.0.0-beta.22
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.22
+- @tiptap/pm@3.0.0-beta.22
+
+## 3.0.0-beta.21
+
+### Patch Changes
+
+- Updated dependencies [813674c]
+- Updated dependencies [fc17b21]
+  - @tiptap/core@3.0.0-beta.21
+  - @tiptap/pm@3.0.0-beta.21
+
+## 3.0.0-beta.20
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.20
+- @tiptap/pm@3.0.0-beta.20
+
+## 3.0.0-beta.19
+
+### Patch Changes
+
+- Updated dependencies [9ceeab4]
+  - @tiptap/core@3.0.0-beta.19
+  - @tiptap/pm@3.0.0-beta.19
+
+## 3.0.0-beta.18
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.18
+- @tiptap/pm@3.0.0-beta.18
+
+## 3.0.0-beta.17
+
+### Patch Changes
+
+- Updated dependencies [e20006b]
+  - @tiptap/core@3.0.0-beta.17
+  - @tiptap/pm@3.0.0-beta.17
+
+## 3.0.0-beta.16
+
+### Patch Changes
+
+- 73d1888: Fixed a bug where the global resize handler of the BubbleMenu plugin would not be unregistered on destroy
+- Updated dependencies [ac897e7]
+- Updated dependencies [bf835b0]
+  - @tiptap/core@3.0.0-beta.16
+  - @tiptap/pm@3.0.0-beta.16
+
+## 3.0.0-beta.15
+
+### Patch Changes
+
+- Updated dependencies [087d114]
+  - @tiptap/core@3.0.0-beta.15
+  - @tiptap/pm@3.0.0-beta.15
+
+## 3.0.0-beta.14
+
+### Patch Changes
+
+- Updated dependencies [95b8c71]
+  - @tiptap/core@3.0.0-beta.14
+  - @tiptap/pm@3.0.0-beta.14
+
+## 3.0.0-beta.13
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.13
+- @tiptap/pm@3.0.0-beta.13
+
+## 3.0.0-beta.12
+
+### Patch Changes
+
+- 00693b8: Fixed a bug where table cell selections would not position the bubble menu accordingly
+  - @tiptap/core@3.0.0-beta.12
+  - @tiptap/pm@3.0.0-beta.12
+
+## 3.0.0-beta.11
+
+### Patch Changes
+
+- 0f14cc5: Added missing `onShow`, `onUpdate`, `onHide` and `onDestroy` options
+  - @tiptap/core@3.0.0-beta.11
+  - @tiptap/pm@3.0.0-beta.11
+
+## 3.0.0-beta.10
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.10
+- @tiptap/pm@3.0.0-beta.10
+
+## 3.0.0-beta.9
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.9
+- @tiptap/pm@3.0.0-beta.9
+
+## 3.0.0-beta.8
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.8
+- @tiptap/pm@3.0.0-beta.8
+
+## 3.0.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [d0fda30]
+  - @tiptap/core@3.0.0-beta.7
+  - @tiptap/pm@3.0.0-beta.7
+
+## 3.0.0-beta.6
+
+### Patch Changes
+
+- @tiptap/core@3.0.0-beta.6
+- @tiptap/pm@3.0.0-beta.6
+
+## 3.0.0-beta.5
+
+### Patch Changes
+
+- 8c69002: Synced beta with stable features
+- Updated dependencies [8c69002]
+- Updated dependencies [62b0877]
+  - @tiptap/core@3.0.0-beta.5
+  - @tiptap/pm@3.0.0-beta.5
+
+## 3.0.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [5e957e5]
+- Updated dependencies [9f207a6]
+  - @tiptap/core@3.0.0-beta.4
+  - @tiptap/pm@3.0.0-beta.4
+
+## 3.0.0-beta.3
+
+### Patch Changes
+
+- 1b4c82b: We are now using pnpm package aliases for versions to enable better version pinning for the monorepository
+- Updated dependencies [1b4c82b]
+  - @tiptap/core@3.0.0-beta.3
+  - @tiptap/pm@3.0.0-beta.3
+
+## 3.0.0-beta.2
+
+## 3.0.0-beta.1
+
+## 3.0.0-beta.0
+
+## 3.0.0-next.8
+
+## 3.0.0-next.7
+
+### Patch Changes
+
+- 89bd9c7: Enforce type imports so that the bundler ignores TypeScript type imports when generating the index.js file of the dist directory
+
+## 3.0.0-next.6
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Minor Changes
+
+- 0e3207f: Add support for [markviews](https://prosemirror.net/docs/ref/#view.MarkView), which allow you to render custom views for marks within the editor. This is useful for rendering custom UI for marks, like a color picker for a text color mark or a link editor for a link mark.
+
+  Here is a plain JS markview example:
+
+  ```ts
+  Mark.create({
+    // Other options...
+    addMarkView() {
+      return ({ mark, HTMLAttributes }) => {
+        const dom = document.createElement("b");
+        const contentDOM = document.createElement("span");
+
+        dom.appendChild(contentDOM);
+
+        return {
+          dom,
+          contentDOM,
+        };
+      };
+    },
+  });
+  ```
+
+  ## React binding
+
+  To use a React component for a markview, you can use the `@tiptap/react` package:
+
+  ```ts
+  import { Mark } from "@tiptap/core";
+  import { ReactMarkViewRenderer } from "@tiptap/react";
+
+  import Component from "./Component.jsx";
+
+  export default Mark.create({
+    name: "reactComponent",
+
+    parseHTML() {
+      return [
+        {
+          tag: "react-component",
+        },
+      ];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ["react-component", HTMLAttributes];
+    },
+
+    addMarkView() {
+      return ReactMarkViewRenderer(Component);
+    },
+  });
+  ```
+
+  And here is an example of a React component:
+
+  ```tsx
+  import { MarkViewContent, MarkViewRendererProps } from "@tiptap/react";
+  import React from "react";
+
+  // oxlint-disable-next-line no-unused-vars
+  export default (props: MarkViewRendererProps) => {
+    const [count, setCount] = React.useState(0);
+
+    return (
+      <span className="content" data-test-id="mark-view">
+        <MarkViewContent />
+        <label contentEditable={false}>
+          React component:
+          <button
+            onClick={() => {
+              setCount(count + 1);
+            }}
+          >
+            This button has been clicked {count} times.
+          </button>
+        </label>
+      </span>
+    );
+  };
+  ```
+
+  ## Vue 3 binding
+
+  To use a Vue 3 component for a markview, you can use the `@tiptap/vue-3` package:
+
+  ```ts
+  import { Mark } from "@tiptap/core";
+  import { VueMarkViewRenderer } from "@tiptap/vue-3";
+
+  import Component from "./Component.vue";
+
+  export default Mark.create({
+    name: "vueComponent",
+
+    parseHTML() {
+      return [
+        {
+          tag: "vue-component",
+        },
+      ];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ["vue-component", HTMLAttributes];
+    },
+
+    addMarkView() {
+      return VueMarkViewRenderer(Component);
+    },
+  });
+  ```
+
+  And here is an example of a Vue 3 component:
+
+  ```vue
+  <template>
+    <span className="content" data-test-id="mark-view">
+      <mark-view-content />
+      <label contenteditable="false"
+        >Vue Component::
+        <button @click="increase" class="primary">
+          This button has been clicked {{ count }} times.
+        </button>
+      </label>
+    </span>
+  </template>
+
+  <script>
+  import { MarkViewContent, markViewProps } from "@tiptap/vue-3";
+  export default {
+    components: {
+      MarkViewContent,
+    },
+    data() {
+      return {
+        count: 0,
+      };
+    },
+    props: markViewProps,
+    methods: {
+      increase() {
+        this.count += 1;
+      },
+    },
+  };
+  </script>
+  ```
+
+## 3.0.0-next.5
+
+### Minor Changes
+
+- 0e3207f: Add support for [markviews](https://prosemirror.net/docs/ref/#view.MarkView), which allow you to render custom views for marks within the editor. This is useful for rendering custom UI for marks, like a color picker for a text color mark or a link editor for a link mark.
+
+  Here is a plain JS markview example:
+
+  ```ts
+  Mark.create({
+    // Other options...
+    addMarkView() {
+      return ({ mark, HTMLAttributes }) => {
+        const dom = document.createElement("b");
+        const contentDOM = document.createElement("span");
+
+        dom.appendChild(contentDOM);
+
+        return {
+          dom,
+          contentDOM,
+        };
+      };
+    },
+  });
+  ```
+
+  ## React binding
+
+  To use a React component for a markview, you can use the `@tiptap/react` package:
+
+  ```ts
+  import { Mark } from "@tiptap/core";
+  import { ReactMarkViewRenderer } from "@tiptap/react";
+
+  import Component from "./Component.jsx";
+
+  export default Mark.create({
+    name: "reactComponent",
+
+    parseHTML() {
+      return [
+        {
+          tag: "react-component",
+        },
+      ];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ["react-component", HTMLAttributes];
+    },
+
+    addMarkView() {
+      return ReactMarkViewRenderer(Component);
+    },
+  });
+  ```
+
+  And here is an example of a React component:
+
+  ```tsx
+  import { MarkViewContent, MarkViewRendererProps } from "@tiptap/react";
+  import React from "react";
+
+  // oxlint-disable-next-line no-unused-vars
+  export default (props: MarkViewRendererProps) => {
+    const [count, setCount] = React.useState(0);
+
+    return (
+      <span className="content" data-test-id="mark-view">
+        <MarkViewContent />
+        <label contentEditable={false}>
+          React component:
+          <button
+            onClick={() => {
+              setCount(count + 1);
+            }}
+          >
+            This button has been clicked {count} times.
+          </button>
+        </label>
+      </span>
+    );
+  };
+  ```
+
+  ## Vue 3 binding
+
+  To use a Vue 3 component for a markview, you can use the `@tiptap/vue-3` package:
+
+  ```ts
+  import { Mark } from "@tiptap/core";
+  import { VueMarkViewRenderer } from "@tiptap/vue-3";
+
+  import Component from "./Component.vue";
+
+  export default Mark.create({
+    name: "vueComponent",
+
+    parseHTML() {
+      return [
+        {
+          tag: "vue-component",
+        },
+      ];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return ["vue-component", HTMLAttributes];
+    },
+
+    addMarkView() {
+      return VueMarkViewRenderer(Component);
+    },
+  });
+  ```
+
+  And here is an example of a Vue 3 component:
+
+  ```vue
+  <template>
+    <span className="content" data-test-id="mark-view">
+      <mark-view-content />
+      <label contenteditable="false"
+        >Vue Component::
+        <button @click="increase" class="primary">
+          This button has been clicked {{ count }} times.
+        </button>
+      </label>
+    </span>
+  </template>
+
+  <script>
+  import { MarkViewContent, markViewProps } from "@tiptap/vue-3";
+  export default {
+    components: {
+      MarkViewContent,
+    },
+    data() {
+      return {
+        count: 0,
+      };
+    },
+    props: markViewProps,
+    methods: {
+      increase() {
+        this.count += 1;
+      },
+    },
+  };
+  </script>
+  ```
+
+## 3.0.0-next.4
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@3.0.0-next.4
+- @tiptap/extension-floating-menu@3.0.0-next.4
+
+## 3.0.0-next.3
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@3.0.0-next.3
+- @tiptap/extension-floating-menu@3.0.0-next.3
+
+## 3.0.0-next.2
+
+### Patch Changes
+
+- Updated dependencies [d9b6ef5]
+  - @tiptap/extension-floating-menu@3.0.0-next.2
+  - @tiptap/extension-bubble-menu@3.0.0-next.2
+
+## 3.0.0-next.1
+
+### Major Changes
+
+- a92f4a6: We are now building packages with tsup which does not support UMD builds, please repackage if you require UMD builds
+
+### Patch Changes
+
+- Updated dependencies [a92f4a6]
+- Updated dependencies [da76972]
+  - @tiptap/extension-floating-menu@3.0.0-next.1
+  - @tiptap/extension-bubble-menu@3.0.0-next.1
+  - @tiptap/core@3.0.0-next.1
+  - @tiptap/pm@3.0.0-next.1
+
+## 3.0.0-next.0
+
+### Major Changes
+
+- 7eaa34d: Removed tippy.js and replaced it with [Floating UI](https://floating-ui.com/) - a newer, more lightweight and customizable floating element library.
+
+  This change is breaking existing menu implementations and will require a manual migration.
+
+  **Affected packages:**
+
+  - `@tiptap/extension-floating-menu`
+  - `@tiptap/extension-bubble-menu`
+  - `@tiptap/extension-mention`
+  - `@tiptap/suggestion`
+  - `@tiptap/react`
+  - `@tiptap/vue-2`
+  - `@tiptap/vue-3`
+
+  Make sure to remove `tippyOptions` from the `FloatingMenu` and `BubbleMenu` components, and replace them with the new `options` object. Check our documentation to see how to migrate your existing menu implementations.
+
+  - [FloatingMenu](https://tiptap.dev/docs/editor/extensions/functionality/floatingmenu)
+  - [BubbleMenu](https://tiptap.dev/docs/editor/extensions/functionality/bubble-menu)
+
+  You'll also need to install `@floating-ui/dom` as a peer dependency to your project like this:
+
+  ```bash
+  npm install @floating-ui/dom@^1.6.0
+  ```
+
+  The new `options` object is compatible with all components that use these extensions.
+
+### Patch Changes
+
+- Updated dependencies [7eaa34d]
+- Updated dependencies [0ec0af6]
+  - @tiptap/extension-floating-menu@3.0.0-next.0
+  - @tiptap/extension-bubble-menu@3.0.0-next.0
+  - @tiptap/core@3.0.0-next.0
+  - @tiptap/pm@3.0.0-next.0
+
+## 2.12.0
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.12.0
+- @tiptap/extension-floating-menu@2.12.0
+
+## 2.11.9
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.11.9
+- @tiptap/extension-floating-menu@2.11.9
+
+## 2.11.8
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.11.8
+- @tiptap/extension-floating-menu@2.11.8
+
+## 2.11.7
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.11.7
+- @tiptap/extension-floating-menu@2.11.7
+
+## 2.11.6
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.11.6
+- @tiptap/extension-floating-menu@2.11.6
+
+## 2.11.5
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.11.5
+- @tiptap/extension-floating-menu@2.11.5
+
+## 2.11.4
+
+### Patch Changes
+
+- @tiptap/extension-bubble-menu@2.11.4
+- @tiptap/extension-floating-menu@2.11.4
+
+## 2.11.3
+
+- @tiptap/extension-bubble-menu@2.11.3
+- @tiptap/extension-floating-menu@2.11.3
+
+## 2.5.8
+
+### Patch Changes
+
+- f7f644f: Correctly set editor's appContext.provide to forward full inject chain
+- Updated dependencies [a08bf85]
+  - @tiptap/core@2.5.8
+  - @tiptap/extension-bubble-menu@2.5.8
+  - @tiptap/extension-floating-menu@2.5.8
+  - @tiptap/pm@2.5.8
+
+## 2.5.7
+
+### Patch Changes
+
+- Updated dependencies [b012471]
+- Updated dependencies [cc3497e]
+  - @tiptap/core@2.5.7
+  - @tiptap/extension-bubble-menu@2.5.7
+  - @tiptap/extension-floating-menu@2.5.7
+  - @tiptap/pm@2.5.7
+
+## 2.5.6
+
+### Patch Changes
+
+- Updated dependencies [b5c1b32]
+- Updated dependencies [618bca9]
+- Updated dependencies [35682d1]
+- Updated dependencies [2104f0f]
+  - @tiptap/pm@2.5.6
+  - @tiptap/core@2.5.6
+  - @tiptap/extension-bubble-menu@2.5.6
+  - @tiptap/extension-floating-menu@2.5.6
+
+## 2.5.5
+
+### Patch Changes
+
+- ab8389a: VueNodeViewRenderer should return `null` for `contentDOM` for a non-leaf node with no `NodeViewContent`
+- Updated dependencies [4cca382]
+- Updated dependencies [3b67e8a]
+  - @tiptap/core@2.5.5
+  - @tiptap/extension-bubble-menu@2.5.5
+  - @tiptap/extension-floating-menu@2.5.5
+  - @tiptap/pm@2.5.5
+
+## 2.5.4
+
+### Patch Changes
+
+- dd7f9ac: There was an issue with the cjs bundling of packages and default exports, now we resolve default exports in legacy compatible way
+- Updated dependencies [dd7f9ac]
+  - @tiptap/extension-floating-menu@2.5.4
+  - @tiptap/extension-bubble-menu@2.5.4
+  - @tiptap/core@2.5.4
+  - @tiptap/pm@2.5.4
+
+## 2.5.3
+
+### Patch Changes
+
+- @tiptap/core@2.5.3
+- @tiptap/extension-bubble-menu@2.5.3
+- @tiptap/extension-floating-menu@2.5.3
+- @tiptap/pm@2.5.3
+
+## 2.5.2
+
+### Patch Changes
+
+- Updated dependencies [07f4c03]
+  - @tiptap/core@2.5.2
+  - @tiptap/extension-bubble-menu@2.5.2
+  - @tiptap/extension-floating-menu@2.5.2
+  - @tiptap/pm@2.5.2
+
+## 2.5.1
+
+### Patch Changes
+
+- 85d21ca: Updated demos and reverted vue specific performance enhancements until we know they work
+
+  > in commit ff04353b3ee0e6fc63733a673e2b27d2272a3355 revert: "fix(vue-3): faster component rendering (#5206)"
+  > This reverts commit 31f37464912b7b21f3a565ca63222b9f5b6cce00.
+
+  and
+
+  > in commit dbab8e42eac893a0237566fb30c14b4ed0f3674a revert: "fix(vue-3): fix editor.state updating too late during a transaction due to reactiveState fixes #4870 (#5252)"
+  > This reverts commit 509676ed4a63b84b904a98c1e34d18449d25c2a7.
+
+  - @tiptap/core@2.5.1
+  - @tiptap/extension-bubble-menu@2.5.1
+  - @tiptap/extension-floating-menu@2.5.1
+  - @tiptap/pm@2.5.1
+
+## 2.5.0
+
+### Patch Changes
+
+- fb45149: Vue 3 bubble menus are properly synchronized with state transitions with the new beforeTransaction hook which is fired before the transaction is applied to the view
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+- Updated dependencies [fb45149]
+  - @tiptap/core@2.5.0
+  - @tiptap/extension-bubble-menu@2.5.0
+  - @tiptap/extension-floating-menu@2.5.0
+  - @tiptap/pm@2.5.0
+
+## 2.5.0-pre.16
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.16
+- @tiptap/extension-bubble-menu@2.5.0-pre.16
+- @tiptap/extension-floating-menu@2.5.0-pre.16
+- @tiptap/pm@2.5.0-pre.16
+
+## 2.5.0-pre.15
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.15
+- @tiptap/extension-bubble-menu@2.5.0-pre.15
+- @tiptap/extension-floating-menu@2.5.0-pre.15
+- @tiptap/pm@2.5.0-pre.15
+
+## 2.5.0-pre.14
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.14
+- @tiptap/extension-bubble-menu@2.5.0-pre.14
+- @tiptap/extension-floating-menu@2.5.0-pre.14
+- @tiptap/pm@2.5.0-pre.14
+
+## 2.5.0-pre.13
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.13
+  - @tiptap/extension-bubble-menu@2.5.0-pre.13
+  - @tiptap/extension-floating-menu@2.5.0-pre.13
+  - @tiptap/pm@2.5.0-pre.13
+
+## 2.5.0-pre.12
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.12
+  - @tiptap/extension-bubble-menu@2.5.0-pre.12
+  - @tiptap/extension-floating-menu@2.5.0-pre.12
+  - @tiptap/pm@2.5.0-pre.12
+
+## 2.5.0-pre.11
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.11
+  - @tiptap/extension-bubble-menu@2.5.0-pre.11
+  - @tiptap/extension-floating-menu@2.5.0-pre.11
+  - @tiptap/pm@2.5.0-pre.11
+
+## 2.5.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies [74a37ff]
+  - @tiptap/core@2.5.0-pre.10
+  - @tiptap/extension-bubble-menu@2.5.0-pre.10
+  - @tiptap/extension-floating-menu@2.5.0-pre.10
+  - @tiptap/pm@2.5.0-pre.10
+
+## 2.5.0-pre.9
+
+### Patch Changes
+
+- Updated dependencies [14a00f4]
+  - @tiptap/core@2.5.0-pre.9
+  - @tiptap/extension-bubble-menu@2.5.0-pre.9
+  - @tiptap/extension-floating-menu@2.5.0-pre.9
+  - @tiptap/pm@2.5.0-pre.9
+
+## 2.5.0-pre.8
+
+### Patch Changes
+
+- 509676e: Vue 3 bubble menus are properly synchronized with state transitions with the new beforeTransaction hook which is fired before the transaction is applied to the view
+- Updated dependencies [509676e]
+  - @tiptap/core@2.5.0-pre.8
+  - @tiptap/extension-bubble-menu@2.5.0-pre.8
+  - @tiptap/extension-floating-menu@2.5.0-pre.8
+  - @tiptap/pm@2.5.0-pre.8
+
+## 2.5.0-pre.7
+
+### Patch Changes
+
+- @tiptap/core@2.5.0-pre.7
+- @tiptap/extension-bubble-menu@2.5.0-pre.7
+- @tiptap/extension-floating-menu@2.5.0-pre.7
+- @tiptap/pm@2.5.0-pre.7
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.4.0](https://github.com/ueberdosis/tiptap/compare/v2.3.2...v2.4.0) (2024-05-14)
+
+### Features
+
+- added jsdocs ([#4356](https://github.com/ueberdosis/tiptap/issues/4356)) ([b941eea](https://github.com/ueberdosis/tiptap/commit/b941eea6daba09d48a5d18ccc1b9a1d84b2249dd))
+
+## [2.3.2](https://github.com/ueberdosis/tiptap/compare/v2.3.1...v2.3.2) (2024-05-08)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.3.1](https://github.com/ueberdosis/tiptap/compare/v2.3.0...v2.3.1) (2024-04-30)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.3.0](https://github.com/ueberdosis/tiptap/compare/v2.2.6...v2.3.0) (2024-04-09)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.2.6](https://github.com/ueberdosis/tiptap/compare/v2.2.5...v2.2.6) (2024-04-06)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.2.5](https://github.com/ueberdosis/tiptap/compare/v2.2.4...v2.2.5) (2024-04-05)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.2.4](https://github.com/ueberdosis/tiptap/compare/v2.2.3...v2.2.4) (2024-02-23)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.2.3](https://github.com/ueberdosis/tiptap/compare/v2.2.2...v2.2.3) (2024-02-15)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.2.2](https://github.com/ueberdosis/tiptap/compare/v2.2.1...v2.2.2) (2024-02-07)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.2.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0...v2.2.1) (2024-01-31)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.2.0](https://github.com/ueberdosis/tiptap/compare/v2.1.16...v2.2.0) (2024-01-29)
+
+# [2.2.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.2.0-rc.8) (2024-01-08)
+
+# [2.2.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.6...v2.2.0-rc.7) (2023-11-27)
+
+# [2.2.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.5...v2.2.0-rc.6) (2023-11-23)
+
+# [2.2.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.2.0-rc.4) (2023-10-10)
+
+# [2.2.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2023-08-18)
+
+# [2.2.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.2.0-rc.0...v2.2.0-rc.1) (2023-08-18)
+
+# [2.2.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.2.0-rc.0) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.16](https://github.com/ueberdosis/tiptap/compare/v2.1.15...v2.1.16) (2024-01-10)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.15](https://github.com/ueberdosis/tiptap/compare/v2.1.14...v2.1.15) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.14](https://github.com/ueberdosis/tiptap/compare/v2.1.13...v2.1.14) (2024-01-08)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.13](https://github.com/ueberdosis/tiptap/compare/v2.1.12...v2.1.13) (2023-11-30)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.12](https://github.com/ueberdosis/tiptap/compare/v2.1.11...v2.1.12) (2023-10-11)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.11](https://github.com/ueberdosis/tiptap/compare/v2.1.10...v2.1.11) (2023-09-20)
+
+### Reverts
+
+- Revert "v2.2.11" ([6aa755a](https://github.com/ueberdosis/tiptap/commit/6aa755a04b9955fc175c7ab33dee527d0d5deef0))
+
+## [2.1.10](https://github.com/ueberdosis/tiptap/compare/v2.1.9...v2.1.10) (2023-09-15)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.9](https://github.com/ueberdosis/tiptap/compare/v2.1.8...v2.1.9) (2023-09-14)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.8](https://github.com/ueberdosis/tiptap/compare/v2.1.7...v2.1.8) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.7](https://github.com/ueberdosis/tiptap/compare/v2.1.6...v2.1.7) (2023-09-04)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.6](https://github.com/ueberdosis/tiptap/compare/v2.1.5...v2.1.6) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.5](https://github.com/ueberdosis/tiptap/compare/v2.1.4...v2.1.5) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.4](https://github.com/ueberdosis/tiptap/compare/v2.1.3...v2.1.4) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.3](https://github.com/ueberdosis/tiptap/compare/v2.1.2...v2.1.3) (2023-08-18)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.2](https://github.com/ueberdosis/tiptap/compare/v2.1.1...v2.1.2) (2023-08-17)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.1.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0...v2.1.1) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.14...v2.1.0) (2023-08-16)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.14](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.13...v2.1.0-rc.14) (2023-08-11)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.13](https://github.com/ueberdosis/tiptap/compare/v2.0.4...v2.1.0-rc.13) (2023-08-11)
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.12](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.11...v2.1.0-rc.12) (2023-07-14)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.11](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.10...v2.1.0-rc.11) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.10](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.9...v2.1.0-rc.10) (2023-07-07)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.9](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.8...v2.1.0-rc.9) (2023-06-15)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.8](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.7...v2.1.0-rc.8) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.7](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.6...v2.1.0-rc.7) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.6](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.5...v2.1.0-rc.6) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.5](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.4...v2.1.0-rc.5) (2023-05-25)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.4](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.3...v2.1.0-rc.4) (2023-04-27)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.3](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.2...v2.1.0-rc.3) (2023-04-26)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.2](https://github.com/ueberdosis/tiptap/compare/v2.0.3...v2.1.0-rc.2) (2023-04-26)
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0c1bba3](https://github.com/ueberdosis/tiptap/commit/0c1bba3137b535776bcef95ff3c55e13f5a2db46))
+
+# [2.1.0-rc.1](https://github.com/ueberdosis/tiptap/compare/v2.1.0-rc.0...v2.1.0-rc.1) (2023-04-12)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.1.0-rc.0](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.1.0-rc.0) (2023-04-05)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.0.3](https://github.com/ueberdosis/tiptap/compare/v2.0.2...v2.0.3) (2023-04-13)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.0.2](https://github.com/ueberdosis/tiptap/compare/v2.0.1...v2.0.2) (2023-04-03)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+## [2.0.1](https://github.com/ueberdosis/tiptap/compare/v2.0.0...v2.0.1) (2023-03-30)
+
+### Bug Fixes
+
+- Update peerDependencies to fix lerna version tasks ([#3914](https://github.com/ueberdosis/tiptap/issues/3914)) ([0534f76](https://github.com/ueberdosis/tiptap/commit/0534f76401bf5399c01ca7f39d87f7221d91b4f7))
+
+# [2.0.0-beta.220](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.219...v2.0.0-beta.220) (2023-02-28)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.219](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.218...v2.0.0-beta.219) (2023-02-27)
+
+### Bug Fixes
+
+- update typings for node view decorations ([#3783](https://github.com/ueberdosis/tiptap/issues/3783)) ([f869507](https://github.com/ueberdosis/tiptap/commit/f8695073968c5c6865ad8faf05351020abb2a3cc))
+
+# [2.0.0-beta.218](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.217...v2.0.0-beta.218) (2023-02-18)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.217](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.216...v2.0.0-beta.217) (2023-02-09)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.216](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.215...v2.0.0-beta.216) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.215](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.214...v2.0.0-beta.215) (2023-02-08)
+
+### Bug Fixes
+
+- fix builds including prosemirror ([a380ec4](https://github.com/ueberdosis/tiptap/commit/a380ec41d198ebacc80cea9e79b0a8aa3092618a))
+
+# [2.0.0-beta.214](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.213...v2.0.0-beta.214) (2023-02-08)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.213](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.212...v2.0.0-beta.213) (2023-02-07)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.212](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.211...v2.0.0-beta.212) (2023-02-03)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.211](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.210...v2.0.0-beta.211) (2023-02-02)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.210](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.209...v2.0.0-beta.210) (2023-02-02)
+
+### Features
+
+- **pm:** new prosemirror package for dependency resolving ([f387ad3](https://github.com/ueberdosis/tiptap/commit/f387ad3dd4c2b30eaea33fb0ba0b42e0cd39263b))
+
+# [2.0.0-beta.209](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.208...v2.0.0-beta.209) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.208](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.207...v2.0.0-beta.208) (2022-12-16)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.207](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.206...v2.0.0-beta.207) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.206](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.205...v2.0.0-beta.206) (2022-12-08)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.205](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.204...v2.0.0-beta.205) (2022-12-05)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.204](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.203...v2.0.0-beta.204) (2022-11-25)
+
+### Bug Fixes
+
+- **core:** rename esm modules to esm.js ([c1a0c3a](https://github.com/ueberdosis/tiptap/commit/c1a0c3ae43baac9dd5ed90903d3a0d4eaeea7702))
+
+# [2.0.0-beta.203](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.202...v2.0.0-beta.203) (2022-11-24)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.202](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.201...v2.0.0-beta.202) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.201](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.200...v2.0.0-beta.201) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.200](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.199...v2.0.0-beta.200) (2022-11-04)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.199](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.198...v2.0.0-beta.199) (2022-09-30)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.198](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.197...v2.0.0-beta.198) (2022-09-29)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.197](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.196...v2.0.0-beta.197) (2022-09-26)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.196](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.195...v2.0.0-beta.196) (2022-09-20)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.195](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.194...v2.0.0-beta.195) (2022-09-14)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.194](https://github.com/ueberdosis/tiptap/compare/v2.0.0-beta.193...v2.0.0-beta.194) (2022-09-11)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.97](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.96...@tiptap/vue-3@2.0.0-beta.97) (2022-09-03)
+
+### Bug Fixes
+
+- vue inject grammar warning ([#3144](https://github.com/ueberdosis/tiptap/issues/3144)) ([c6c5fa6](https://github.com/ueberdosis/tiptap/commit/c6c5fa623a875411b0e72dc3f8f88166f2f8fa1e))
+
+# [2.0.0-beta.96](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.95...@tiptap/vue-3@2.0.0-beta.96) (2022-06-27)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.95](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.94...@tiptap/vue-3@2.0.0-beta.95) (2022-06-20)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.94](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.92...@tiptap/vue-3@2.0.0-beta.94) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.92](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.92...@tiptap/vue-3@2.0.0-beta.92) (2022-06-17)
+
+### Reverts
+
+- Revert "Publish" ([9c38d27](https://github.com/ueberdosis/tiptap/commit/9c38d2713e6feac5645ad9c1bfc57abdbf054576))
+
+# [2.0.0-beta.91](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.90...@tiptap/vue-3@2.0.0-beta.91) (2022-04-27)
+
+### Bug Fixes
+
+- improve Vue nodeViewProps typing ([190a699](https://github.com/ueberdosis/tiptap/commit/190a6993d4d93b4d37b978b33ef22690ed8269b6))
+
+# [2.0.0-beta.90](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.89...@tiptap/vue-3@2.0.0-beta.90) (2022-01-25)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.89](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.88...@tiptap/vue-3@2.0.0-beta.89) (2022-01-20)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.88](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.87...@tiptap/vue-3@2.0.0-beta.88) (2022-01-11)
+
+### Bug Fixes
+
+- Mark `@tiptap/vue-2` and `@tiptap/vue-3` as side effect free ([be8ca68](https://github.com/ueberdosis/tiptap/commit/be8ca68d97c8f169d548e72253d5e6406fcb4c5b))
+
+# [2.0.0-beta.87](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.86...@tiptap/vue-3@2.0.0-beta.87) (2022-01-05)
+
+### Bug Fixes
+
+- revert type changes for useEditor in vue-3 package ([3ba3afb](https://github.com/ueberdosis/tiptap/commit/3ba3afbea38b9b46b5d164e0d6a374ecd0ef63c6))
+
+# [2.0.0-beta.86](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.85...@tiptap/vue-3@2.0.0-beta.86) (2022-01-04)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.85](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.84...@tiptap/vue-3@2.0.0-beta.85) (2021-12-22)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.84](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.83...@tiptap/vue-3@2.0.0-beta.84) (2021-12-15)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.83](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.82...@tiptap/vue-3@2.0.0-beta.83) (2021-12-10)
+
+### Features
+
+- add support for template strings in VueNodeViewRenderer, fix [#1987](https://github.com/ueberdosis/tiptap/issues/1987) ([7c98f80](https://github.com/ueberdosis/tiptap/commit/7c98f80547b8aff9d574732d20f8a3b565b9fdb2))
+
+# [2.0.0-beta.82](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.81...@tiptap/vue-3@2.0.0-beta.82) (2021-12-02)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.81](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.80...@tiptap/vue-3@2.0.0-beta.81) (2021-11-17)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.80](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.79...@tiptap/vue-3@2.0.0-beta.80) (2021-11-10)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.79](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.78...@tiptap/vue-3@2.0.0-beta.79) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.78](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.77...@tiptap/vue-3@2.0.0-beta.78) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.77](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.76...@tiptap/vue-3@2.0.0-beta.77) (2021-11-09)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.76](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.75...@tiptap/vue-3@2.0.0-beta.76) (2021-11-08)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.75](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.74...@tiptap/vue-3@2.0.0-beta.75) (2021-11-05)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.74](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.73...@tiptap/vue-3@2.0.0-beta.74) (2021-10-31)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.73](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.72...@tiptap/vue-3@2.0.0-beta.73) (2021-10-26)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.72](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.71...@tiptap/vue-3@2.0.0-beta.72) (2021-10-22)
+
+### Bug Fixes
+
+- fix a bug when using drag handles ([8f8b83a](https://github.com/ueberdosis/tiptap/commit/8f8b83afe47085a86caef00b48ad64c87a64af89))
+
+# [2.0.0-beta.71](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.70...@tiptap/vue-3@2.0.0-beta.71) (2021-10-22)
+
+### Features
+
+- Add extension storage ([#2069](https://github.com/ueberdosis/tiptap/issues/2069)) ([7ffabf2](https://github.com/ueberdosis/tiptap/commit/7ffabf251c408a652eec1931cc78a8bd43cccb67))
+
+# [2.0.0-beta.70](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.69...@tiptap/vue-3@2.0.0-beta.70) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.69](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.68...@tiptap/vue-3@2.0.0-beta.69) (2021-10-14)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.68](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.67...@tiptap/vue-3@2.0.0-beta.68) (2021-10-08)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.67](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.66...@tiptap/vue-3@2.0.0-beta.67) (2021-10-02)
+
+### Bug Fixes
+
+- fix reactive props, see [#1728](https://github.com/ueberdosis/tiptap/issues/1728) ([7f7f93d](https://github.com/ueberdosis/tiptap/commit/7f7f93dc1b4b56c7647de27a792e000b3513c226))
+
+# [2.0.0-beta.66](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.65...@tiptap/vue-3@2.0.0-beta.66) (2021-09-29)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.65](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.64...@tiptap/vue-3@2.0.0-beta.65) (2021-09-28)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.64](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.63...@tiptap/vue-3@2.0.0-beta.64) (2021-09-27)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.63](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.62...@tiptap/vue-3@2.0.0-beta.63) (2021-09-23)
+
+### Bug Fixes
+
+- add support for scoped styles, fix [#1931](https://github.com/ueberdosis/tiptap/issues/1931) ([19840f3](https://github.com/ueberdosis/tiptap/commit/19840f3b258f5dbf8a7edff1a85f297871a5ac66))
+
+# [2.0.0-beta.62](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.61...@tiptap/vue-3@2.0.0-beta.62) (2021-09-22)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.61](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.60...@tiptap/vue-3@2.0.0-beta.61) (2021-09-20)
+
+### Bug Fixes
+
+- fix expose error when using new setup syntax (fix [#1914](https://github.com/ueberdosis/tiptap/issues/1914)) ([60e7755](https://github.com/ueberdosis/tiptap/commit/60e7755b7f7657eec448566580a57db550681ed2))
+
+# [2.0.0-beta.60](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.59...@tiptap/vue-3@2.0.0-beta.60) (2021-09-18)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.59](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.58...@tiptap/vue-3@2.0.0-beta.59) (2021-09-15)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.58](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.57...@tiptap/vue-3@2.0.0-beta.58) (2021-09-07)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.57](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.56...@tiptap/vue-3@2.0.0-beta.57) (2021-09-06)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.56](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.55...@tiptap/vue-3@2.0.0-beta.56) (2021-08-26)
+
+### Bug Fixes
+
+- use shallowRef on Editor ([#1804](https://github.com/ueberdosis/tiptap/issues/1804)) ([46701fd](https://github.com/ueberdosis/tiptap/commit/46701fde666b925e80f6796a45f928e671bee92d))
+
+# [2.0.0-beta.55](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.54...@tiptap/vue-3@2.0.0-beta.55) (2021-08-23)
+
+### Bug Fixes
+
+- fix types for BubbleMenu and FloatingMenu props ([d3242c9](https://github.com/ueberdosis/tiptap/commit/d3242c9a0728ea0d164571a6e1eee20fb528f2d8))
+
+# [2.0.0-beta.54](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.53...@tiptap/vue-3@2.0.0-beta.54) (2021-08-23)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.53](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.52...@tiptap/vue-3@2.0.0-beta.53) (2021-08-20)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.52](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.51...@tiptap/vue-3@2.0.0-beta.52) (2021-08-13)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.51](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.50...@tiptap/vue-3@2.0.0-beta.51) (2021-08-13)
+
+### Bug Fixes
+
+- rename key to pluginKey for menus ([89d26f7](https://github.com/ueberdosis/tiptap/commit/89d26f7cba2a115aa342f0ee621f0b65c840dfb8))
+
+# [2.0.0-beta.50](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.49...@tiptap/vue-3@2.0.0-beta.50) (2021-08-12)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.49](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.48...@tiptap/vue-3@2.0.0-beta.49) (2021-08-11)
+
+### Features
+
+- add key option and shouldShow option to menus (fix [#1480](https://github.com/ueberdosis/tiptap/issues/1480), fix [#1043](https://github.com/ueberdosis/tiptap/issues/1043), fix [#1268](https://github.com/ueberdosis/tiptap/issues/1268), fix [#1503](https://github.com/ueberdosis/tiptap/issues/1503)) ([9ba61c1](https://github.com/ueberdosis/tiptap/commit/9ba61c1582cee838f2214d00285773ace2fb229e))
+
+# [2.0.0-beta.48](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.47...@tiptap/vue-3@2.0.0-beta.48) (2021-07-28)
+
+### Bug Fixes
+
+- fix updating node views, fix [#1656](https://github.com/ueberdosis/tiptap/issues/1656) ([d7f6e0c](https://github.com/ueberdosis/tiptap/commit/d7f6e0ce3f99381d3822cde5ab1c484ed13a4c20))
+
+# [2.0.0-beta.47](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.46...@tiptap/vue-3@2.0.0-beta.47) (2021-07-27)
+
+### Features
+
+- add ignoreMutation option to NodeViewRenderer, fix [#1538](https://github.com/ueberdosis/tiptap/issues/1538) ([651e691](https://github.com/ueberdosis/tiptap/commit/651e6911e3ea5407df6a48783ee16733e0a4f474))
+
+# [2.0.0-beta.46](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.45...@tiptap/vue-3@2.0.0-beta.46) (2021-07-26)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.45](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.44...@tiptap/vue-3@2.0.0-beta.45) (2021-06-23)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.44](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.43...@tiptap/vue-3@2.0.0-beta.44) (2021-06-15)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.43](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.42...@tiptap/vue-3@2.0.0-beta.43) (2021-06-15)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.42](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.41...@tiptap/vue-3@2.0.0-beta.42) (2021-06-14)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.41](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.40...@tiptap/vue-3@2.0.0-beta.41) (2021-06-09)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.40](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.39...@tiptap/vue-3@2.0.0-beta.40) (2021-05-28)
+
+### Bug Fixes
+
+- prevent bug when editor is destroyed very fast ([939fc3d](https://github.com/ueberdosis/tiptap/commit/939fc3d93ab67d54b7fe67b64c423290b3a40df8))
+
+# [2.0.0-beta.39](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.38...@tiptap/vue-3@2.0.0-beta.39) (2021-05-27)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.38](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.37...@tiptap/vue-3@2.0.0-beta.38) (2021-05-24)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.36...@tiptap/vue-3@2.0.0-beta.37) (2021-05-18)
+
+### Bug Fixes
+
+- move all child nodes within EditorContent ([0f299d2](https://github.com/ueberdosis/tiptap/commit/0f299d228eb4075d24e1c0fb5b39febc6bc77de6))
+
+### Features
+
+- add deleteNode method to node views ([fcee5f8](https://github.com/ueberdosis/tiptap/commit/fcee5f82c6a282191afe5c2cb83b9f5820af28dd))
+
+# [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.35...@tiptap/vue-3@2.0.0-beta.36) (2021-05-18)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.35](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.34...@tiptap/vue-3@2.0.0-beta.35) (2021-05-17)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.34](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.33...@tiptap/vue-3@2.0.0-beta.34) (2021-05-13)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.33](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.32...@tiptap/vue-3@2.0.0-beta.33) (2021-05-07)
+
+### Bug Fixes
+
+- revert adding exports ([bc320d0](https://github.com/ueberdosis/tiptap/commit/bc320d0b4b80b0e37a7e47a56e0f6daec6e65d98))
+
+# [2.0.0-beta.32](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.31...@tiptap/vue-3@2.0.0-beta.32) (2021-05-06)
+
+### Bug Fixes
+
+- revert adding type: module ([f8d6475](https://github.com/ueberdosis/tiptap/commit/f8d6475e2151faea6f96baecdd6bd75880d50d2c))
+
+# [2.0.0-beta.31](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.30...@tiptap/vue-3@2.0.0-beta.31) (2021-05-06)
+
+### Bug Fixes
+
+- add exports to package.json ([1277fa4](https://github.com/ueberdosis/tiptap/commit/1277fa47151e9c039508cdb219bdd0ffe647f4ee))
+
+# [2.0.0-beta.30](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.29...@tiptap/vue-3@2.0.0-beta.30) (2021-05-06)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.29](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.28...@tiptap/vue-3@2.0.0-beta.29) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.28](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.27...@tiptap/vue-3@2.0.0-beta.28) (2021-05-05)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.27](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.26...@tiptap/vue-3@2.0.0-beta.27) (2021-05-04)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.26](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.25...@tiptap/vue-3@2.0.0-beta.26) (2021-04-23)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.25](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.24...@tiptap/vue-3@2.0.0-beta.25) (2021-04-22)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.24](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.23...@tiptap/vue-3@2.0.0-beta.24) (2021-04-21)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.23](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.22...@tiptap/vue-3@2.0.0-beta.23) (2021-04-16)
+
+### Bug Fixes
+
+- fix editor type for VueRenderer, fix [#281](https://github.com/ueberdosis/tiptap/issues/281) ([f6d8776](https://github.com/ueberdosis/tiptap/commit/f6d8776ca086bf1f2edc6dc099e33a1f00fdd4c7))
+
+# [2.0.0-beta.22](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.21...@tiptap/vue-3@2.0.0-beta.22) (2021-04-16)
+
+### Features
+
+- add tippyOptions prop ([9a56f66](https://github.com/ueberdosis/tiptap/commit/9a56f666a118ca7c59a6f1f67f40e6490e20d3b8))
+- remove keepInBounds ([d7282f1](https://github.com/ueberdosis/tiptap/commit/d7282f168bc6cfae4e1630d14bb8462bc135b254))
+
+# [2.0.0-beta.21](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.20...@tiptap/vue-3@2.0.0-beta.21) (2021-04-15)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.20](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.19...@tiptap/vue-3@2.0.0-beta.20) (2021-04-11)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.19](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.18...@tiptap/vue-3@2.0.0-beta.19) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.18](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.17...@tiptap/vue-3@2.0.0-beta.18) (2021-04-08)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.17](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.16...@tiptap/vue-3@2.0.0-beta.17) (2021-04-06)
+
+### Bug Fixes
+
+- fix vue dependency ([73650c1](https://github.com/ueberdosis/tiptap/commit/73650c12e0cc7be13705775a02c031e5e36ee4d1))
+
+# [2.0.0-beta.16](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.15...@tiptap/vue-3@2.0.0-beta.16) (2021-04-06)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.15](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.14...@tiptap/vue-3@2.0.0-beta.15) (2021-04-03)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.14](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.13...@tiptap/vue-3@2.0.0-beta.14) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.13](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.12...@tiptap/vue-3@2.0.0-beta.13) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.12](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.11...@tiptap/vue-3@2.0.0-beta.12) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.11](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.10...@tiptap/vue-3@2.0.0-beta.11) (2021-04-01)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.10](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.9...@tiptap/vue-3@2.0.0-beta.10) (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.9](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.8...@tiptap/vue-3@2.0.0-beta.9) (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.8](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.7...@tiptap/vue-3@2.0.0-beta.8) (2021-03-31)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.7](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.6...@tiptap/vue-3@2.0.0-beta.7) (2021-03-28)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.6](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.5...@tiptap/vue-3@2.0.0-beta.6) (2021-03-24)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.5](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.4...@tiptap/vue-3@2.0.0-beta.5) (2021-03-18)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.4](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.3...@tiptap/vue-3@2.0.0-beta.4) (2021-03-17)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.3](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.2...@tiptap/vue-3@2.0.0-beta.3) (2021-03-16)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.2](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.1...@tiptap/vue-3@2.0.0-beta.2) (2021-03-09)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# [2.0.0-beta.1](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-alpha.1...@tiptap/vue-3@2.0.0-beta.1) (2021-03-05)
+
+**Note:** Version bump only for package @tiptap/vue-3
+
+# 2.0.0-alpha.1 (2021-02-28)
+
+**Note:** Version bump only for package @tiptap/vue-3
diff --git a/packages/vue/README.md b/packages/vue/README.md
new file mode 100644
index 0000000..1fd2491
--- /dev/null
+++ b/packages/vue/README.md
@@ -0,0 +1,18 @@
+# @tiptap/vue
+
+[![Version](https://img.shields.io/npm/v/@tiptap/vue.svg?label=version)](https://www.npmjs.com/package/@tiptap/vue)
+[![Downloads](https://img.shields.io/npm/dm/@tiptap/vue.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
+[![License](https://img.shields.io/npm/l/@tiptap/vue.svg)](https://www.npmjs.com/package/@tiptap/vue)
+[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)
+
+## Introduction
+
+Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
+
+## Official Documentation
+
+Documentation can be found on the [Tiptap website](https://tiptap.dev).
+
+## License
+
+Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
diff --git a/packages/vue/package.json b/packages/vue/package.json
new file mode 100644
index 0000000..655dba1
--- /dev/null
+++ b/packages/vue/package.json
@@ -0,0 +1,68 @@
+{
+  "name": "@tiptap/vue",
+  "version": "3.30.3",
+  "description": "Vue components for tiptap",
+  "keywords": [
+    "tiptap",
+    "tiptap vue components"
+  ],
+  "homepage": "https://tiptap.dev",
+  "bugs": {
+    "url": "https://github.com/ueberdosis/tiptap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ueberdosis/tiptap",
+    "directory": "packages/vue"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/ueberdosis"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./menus": {
+      "types": {
+        "import": "./dist/menus/index.d.ts",
+        "require": "./dist/menus/index.d.cts"
+      },
+      "import": "./dist/menus/index.js",
+      "require": "./dist/menus/index.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "@tiptap/core": "workspace:^",
+    "@tiptap/pm": "workspace:^",
+    "vue": "^3.5.13"
+  },
+  "peerDependencies": {
+    "@floating-ui/dom": "^1.0.0",
+    "@tiptap/core": "workspace:*",
+    "@tiptap/pm": "workspace:*",
+    "vue": "^3.0.0"
+  },
+  "optionalDependencies": {
+    "@tiptap/extension-bubble-menu": "workspace:^",
+    "@tiptap/extension-floating-menu": "workspace:^"
+  }
+}
diff --git a/packages/vue/src/Editor.ts b/packages/vue/src/Editor.ts
new file mode 100644
index 0000000..abdcb92
--- /dev/null
+++ b/packages/vue/src/Editor.ts
@@ -0,0 +1,93 @@
+/* oslint-disable react-hooks/rules-of-hooks */
+import type { EditorOptions, Storage } from '@tiptap/core'
+import { Editor as CoreEditor } from '@tiptap/core'
+import type { EditorState, Plugin, PluginKey } from '@tiptap/pm/state'
+import type { AppContext, ComponentInternalInstance, ComponentPublicInstance, Ref } from 'vue'
+import { customRef, markRaw } from 'vue'
+
+function useDebouncedRef<T>(value: T) {
+  return customRef<T>((track, trigger) => {
+    return {
+      get() {
+        track()
+        return value
+      },
+      set(newValue) {
+        // update state
+        value = newValue
+
+        // update view as soon as possible
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            trigger()
+          })
+        })
+      },
+    }
+  })
+}
+
+export type ContentComponent = ComponentInternalInstance & {
+  ctx: ComponentPublicInstance
+}
+
+export class Editor extends CoreEditor {
+  private reactiveState: Ref<EditorState>
+
+  private reactiveExtensionStorage: Ref<Storage>
+
+  public contentComponent: ContentComponent | null = null
+
+  public appContext: AppContext | null = null
+
+  constructor(options: Partial<EditorOptions> = {}) {
+    super(options)
+
+    this.reactiveState = useDebouncedRef(this.view.state)
+    this.reactiveExtensionStorage = useDebouncedRef(this.extensionStorage)
+
+    this.on('beforeTransaction', ({ nextState }) => {
+      this.reactiveState.value = nextState
+      this.reactiveExtensionStorage.value = this.extensionStorage
+    })
+
+    return markRaw(this) // oxlint-disable-line
+  }
+
+  get state() {
+    return this.reactiveState ? this.reactiveState.value : this.view.state
+  }
+
+  get storage() {
+    return this.reactiveExtensionStorage ? this.reactiveExtensionStorage.value : super.storage
+  }
+
+  /**
+   * Register a ProseMirror plugin.
+   */
+  public registerPlugin(
+    plugin: Plugin,
+    handlePlugins?: (newPlugin: Plugin, plugins: Plugin[]) => Plugin[],
+  ): EditorState {
+    const nextState = super.registerPlugin(plugin, handlePlugins)
+
+    if (this.reactiveState) {
+      this.reactiveState.value = nextState
+    }
+
+    return nextState
+  }
+
+  /**
+   * Unregister a ProseMirror plugin.
+   */
+  public unregisterPlugin(nameOrPluginKey: string | PluginKey): EditorState | undefined {
+    const nextState = super.unregisterPlugin(nameOrPluginKey)
+
+    if (this.reactiveState && nextState) {
+      this.reactiveState.value = nextState
+    }
+
+    return nextState
+  }
+}
diff --git a/packages/vue/src/EditorContent.ts b/packages/vue/src/EditorContent.ts
new file mode 100644
index 0000000..188f700
--- /dev/null
+++ b/packages/vue/src/EditorContent.ts
@@ -0,0 +1,86 @@
+import type { PropType, Ref } from 'vue'
+import {
+  defineComponent,
+  getCurrentInstance,
+  h,
+  nextTick,
+  onBeforeUnmount,
+  ref,
+  unref,
+  watchEffect,
+} from 'vue'
+
+import type { Editor } from './Editor.js'
+
+export const EditorContent = defineComponent({
+  name: 'EditorContent',
+
+  props: {
+    editor: {
+      default: null,
+      type: Object as PropType<Editor>,
+    },
+  },
+
+  setup(props) {
+    const rootEl: Ref<Element | undefined> = ref()
+    const instance = getCurrentInstance()
+
+    watchEffect(() => {
+      const editor = props.editor
+
+      if (editor && editor.options.element && rootEl.value) {
+        nextTick(() => {
+          if (!rootEl.value || !editor.view.dom?.parentNode) {
+            return
+          }
+
+          // TODO using the new editor.mount method might allow us to remove this
+          const element = unref(rootEl.value)
+
+          rootEl.value.append(...editor.view.dom.parentNode.childNodes)
+
+          // @ts-ignore
+          editor.contentComponent = instance.ctx._
+
+          if (instance) {
+            editor.appContext = {
+              ...instance.appContext,
+              // Vue internally uses prototype chain to forward/shadow injects across the entire component chain
+              // so don't use object spread operator or 'Object.assign' and just set `provides` as is on editor's appContext
+              // @ts-expect-error forward instance's 'provides' into appContext
+              provides: instance.provides,
+            }
+          }
+
+          editor.setOptions({
+            element,
+          })
+
+          editor.createNodeViews()
+        })
+      }
+    })
+
+    onBeforeUnmount(() => {
+      const editor = props.editor
+
+      if (!editor) {
+        return
+      }
+
+      editor.contentComponent = null
+      editor.appContext = null
+    })
+
+    return { rootEl }
+  },
+
+  render() {
+    return h('div', {
+      ref: (el: any) => {
+        this.rootEl = el
+      },
+    })
+  },
+})
diff --git a/packages/vue/src/NodeViewContent.ts b/packages/vue/src/NodeViewContent.ts
new file mode 100644
index 0000000..6912b33
--- /dev/null
+++ b/packages/vue/src/NodeViewContent.ts
@@ -0,0 +1,39 @@
+import { defineComponent, h } from 'vue'
+
+export const NodeViewContent = defineComponent({
+  name: 'NodeViewContent',
+
+  props: {
+    as: {
+      type: String,
+      default: 'div',
+    },
+  },
+
+  inject: {
+    nodeViewContentRef: { default: undefined },
+  },
+
+  mounted() {
+    const ref = (this as any).nodeViewContentRef as ((el: HTMLElement | null) => void) | undefined
+    if (ref && this.$el) {
+      ref(this.$el)
+    }
+  },
+
+  beforeUnmount() {
+    const ref = (this as any).nodeViewContentRef as ((el: HTMLElement | null) => void) | undefined
+    if (ref) {
+      ref(null)
+    }
+  },
+
+  render() {
+    return h(this.as, {
+      style: {
+        whiteSpace: 'pre-wrap',
+      },
+      'data-node-view-content': '',
+    })
+  },
+})
diff --git a/packages/vue/src/NodeViewWrapper.ts b/packages/vue/src/NodeViewWrapper.ts
new file mode 100644
index 0000000..5ea071d
--- /dev/null
+++ b/packages/vue/src/NodeViewWrapper.ts
@@ -0,0 +1,31 @@
+import { defineComponent, h } from 'vue'
+
+export const NodeViewWrapper = defineComponent({
+  name: 'NodeViewWrapper',
+
+  props: {
+    as: {
+      type: String,
+      default: 'div',
+    },
+  },
+
+  inject: ['onDragStart', 'decorationClasses'],
+
+  render() {
+    return h(
+      this.as,
+      {
+        // @ts-ignore
+        class: this.decorationClasses,
+        style: {
+          whiteSpace: 'normal',
+        },
+        'data-node-view-wrapper': '',
+        // @ts-ignore (https://github.com/vuejs/vue-next/issues/3031)
+        onDragstart: this.onDragStart,
+      },
+      this.$slots.default?.(),
+    )
+  },
+})
diff --git a/packages/vue/src/VueMarkViewRenderer.test.ts b/packages/vue/src/VueMarkViewRenderer.test.ts
new file mode 100644
index 0000000..b46fd8a
--- /dev/null
+++ b/packages/vue/src/VueMarkViewRenderer.test.ts
@@ -0,0 +1,140 @@
+import { Editor, Mark, mergeAttributes } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+import { defineComponent } from 'vue'
+
+import { MarkViewContent, markViewProps, VueMarkViewRenderer } from './VueMarkViewRenderer.js'
+
+// Create a simple Vue component for the mark view
+const TestMarkComponent = defineComponent({
+  name: 'TestMarkComponent',
+  props: markViewProps,
+  setup() {
+    return {}
+  },
+  template: '<mark><MarkViewContent /></mark>',
+  components: { MarkViewContent },
+})
+
+// Create a custom mark that uses VueMarkViewRenderer
+const CustomMark = Mark.create({
+  name: 'customMark',
+
+  parseHTML() {
+    return [{ tag: 'mark' }]
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ['mark', mergeAttributes(HTMLAttributes), 0]
+  },
+
+  addMarkView() {
+    return VueMarkViewRenderer(TestMarkComponent)
+  },
+})
+
+describe('VueMarkViewRenderer IME composition', () => {
+  let editor: Editor | null = null
+  let editorElement: HTMLElement | null = null
+
+  beforeEach(() => {
+    // Create editor element
+    editorElement = document.createElement('div')
+    document.body.appendChild(editorElement)
+  })
+
+  afterEach(() => {
+    // Clean up
+    if (editor) {
+      editor.destroy()
+      editor = null
+    }
+    if (editorElement && editorElement.parentNode) {
+      editorElement.parentNode.removeChild(editorElement)
+      editorElement = null
+    }
+  })
+
+  it('should handle rapid content changes without errors', async () => {
+    // Create editor with custom mark
+    editor = new Editor({
+      element: editorElement!,
+      extensions: [Document, Paragraph, Text, CustomMark],
+      content: '<p>This is <mark>marked text</mark> here.</p>',
+    })
+
+    // Wait for editor to initialize
+    await new Promise(resolve => {
+      setTimeout(() => resolve(undefined), 10)
+    })
+
+    // Get the mark view element
+    const markElement = editorElement!.querySelector('mark')
+    expect(markElement).toBeTruthy()
+
+    // Rapidly change content which could trigger mark view recreation
+    // This simulates what happens during IME composition
+    expect(() => {
+      const { tr } = editor.state
+      editor.view.dispatch(tr.insertText('a', 15))
+      editor.view.dispatch(editor.state.tr.insertText('b', 16))
+      editor.view.dispatch(editor.state.tr.insertText('c', 17))
+    }).not.toThrow()
+
+    // Mark should still be present
+    const markAfterChanges = editorElement!.querySelector('mark')
+    expect(markAfterChanges).toBeTruthy()
+  })
+
+  it('should allow multiple destroy calls without errors', async () => {
+    // Create editor with custom mark
+    editor = new Editor({
+      element: editorElement!,
+      extensions: [Document, Paragraph, Text, CustomMark],
+      content: '<p>This is <mark>marked text</mark> here.</p>',
+    })
+
+    await new Promise(resolve => {
+      setTimeout(() => resolve(undefined), 10)
+    })
+
+    // Verify mark is rendered
+    const markElement = editorElement!.querySelector('mark')
+    expect(markElement).toBeTruthy()
+
+    // Destroy editor (which destroys all mark views)
+    editor.destroy()
+
+    // Try to destroy again - should not throw
+    expect(() => {
+      editor!.destroy()
+    }).not.toThrow()
+  })
+
+  it('should handle content replacement without errors', async () => {
+    editor = new Editor({
+      element: editorElement!,
+      extensions: [Document, Paragraph, Text, CustomMark],
+      content: '<p>This is <mark>marked text</mark> here.</p>',
+    })
+
+    await new Promise(resolve => {
+      setTimeout(() => resolve(undefined), 10)
+    })
+
+    const markElement = editorElement!.querySelector('mark')
+    expect(markElement).toBeTruthy()
+
+    // Replace content entirely, which destroys and recreates mark views
+    expect(() => {
+      editor.commands.setContent('<p>New content with <mark>new mark</mark>!</p>')
+    }).not.toThrow()
+
+    // New mark should be present
+    const newMarkElement = editorElement!.querySelector('mark')
+    expect(newMarkElement).toBeTruthy()
+    expect(newMarkElement?.textContent).toBe('new mark')
+  })
+})
diff --git a/packages/vue/src/VueMarkViewRenderer.ts b/packages/vue/src/VueMarkViewRenderer.ts
new file mode 100644
index 0000000..3409ab7
--- /dev/null
+++ b/packages/vue/src/VueMarkViewRenderer.ts
@@ -0,0 +1,137 @@
+/* oslint-disable no-underscore-dangle */
+import type { MarkViewProps, MarkViewRenderer, MarkViewRendererOptions } from '@tiptap/core'
+import { MarkView } from '@tiptap/core'
+import type { Component, PropType } from 'vue'
+import { defineComponent, h, toRaw } from 'vue'
+
+import type { Editor } from './Editor.js'
+import { VueRenderer } from './VueRenderer.js'
+
+export interface VueMarkViewRendererOptions extends MarkViewRendererOptions {
+  as?: string
+  className?: string
+  attrs?: { [key: string]: string }
+}
+
+export const markViewProps = {
+  editor: {
+    type: Object as PropType<MarkViewProps['editor']>,
+    required: true as const,
+  },
+  mark: {
+    type: Object as PropType<MarkViewProps['mark']>,
+    required: true as const,
+  },
+  extension: {
+    type: Object as PropType<MarkViewProps['extension']>,
+    required: true as const,
+  },
+  inline: {
+    type: Boolean as PropType<MarkViewProps['inline']>,
+    required: true as const,
+  },
+  view: {
+    type: Object as PropType<MarkViewProps['view']>,
+    required: true as const,
+  },
+  updateAttributes: {
+    type: Function as PropType<MarkViewProps['updateAttributes']>,
+    required: true as const,
+  },
+  HTMLAttributes: {
+    type: Object as PropType<MarkViewProps['HTMLAttributes']>,
+    required: true as const,
+  },
+}
+
+export const MarkViewContent = defineComponent({
+  name: 'MarkViewContent',
+
+  props: {
+    as: {
+      type: String,
+      default: 'span',
+    },
+  },
+
+  render() {
+    return h(this.as, {
+      style: {
+        whiteSpace: 'inherit',
+      },
+      'data-mark-view-content': '',
+    })
+  },
+})
+
+export class VueMarkView extends MarkView<Component, VueMarkViewRendererOptions> {
+  renderer: VueRenderer
+
+  constructor(
+    component: Component,
+    props: MarkViewProps,
+    options?: Partial<VueMarkViewRendererOptions>,
+  ) {
+    super(component, props, options)
+
+    const componentProps = {
+      ...props,
+      updateAttributes: this.updateAttributes.bind(this),
+    } satisfies MarkViewProps
+
+    // Create extended component with provide
+    const extendedComponent = defineComponent({
+      extends: { ...component },
+      props: Object.keys(componentProps),
+      template: (this.component as any).template,
+      setup: reactiveProps => {
+        return (component as any).setup?.(reactiveProps, {
+          expose: () => undefined,
+        })
+      },
+      // Add support for scoped styles
+      __scopeId: (component as any).__scopeId,
+      __cssModules: (component as any).__cssModules,
+      __name: (component as any).__name,
+      __file: (component as any).__file,
+    })
+    this.renderer = new VueRenderer(extendedComponent, {
+      editor: this.editor,
+      props: componentProps,
+    })
+  }
+
+  get dom() {
+    return this.renderer.element as HTMLElement
+  }
+
+  get contentDOM() {
+    return this.dom.querySelector('[data-mark-view-content]') as HTMLElement | null
+  }
+
+  updateAttributes(attrs: Record<string, any>): void {
+    // since this.mark is now an proxy, we need to get the actual mark from it
+    const unproxiedMark = toRaw(this.mark)
+    super.updateAttributes(attrs, unproxiedMark)
+  }
+
+  destroy() {
+    this.renderer.destroy()
+  }
+}
+
+export function VueMarkViewRenderer(
+  component: Component,
+  options: Partial<VueMarkViewRendererOptions> = {},
+): MarkViewRenderer {
+  return props => {
+    // try to get the parent component
+    // this is important for vue devtools to show the component hierarchy correctly
+    // maybe it’s `undefined` because <editor-content> isn’t rendered yet
+    if (!(props.editor as Editor).contentComponent) {
+      return {} as unknown as MarkView<any, any>
+    }
+
+    return new VueMarkView(component, props, options)
+  }
+}
diff --git a/packages/vue/src/VueNodeViewRenderer.test.ts b/packages/vue/src/VueNodeViewRenderer.test.ts
new file mode 100644
index 0000000..3783d15
--- /dev/null
+++ b/packages/vue/src/VueNodeViewRenderer.test.ts
@@ -0,0 +1,187 @@
+import { Editor, Node, mergeAttributes } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+import { defineComponent } from 'vue'
+
+import { Editor as VueEditor } from './Editor.js'
+import { NodeViewContent } from './NodeViewContent.js'
+import { NodeViewWrapper } from './NodeViewWrapper.js'
+import {
+  nodeViewProps,
+  VueNodeViewRenderer,
+  type VueNodeViewRendererOptions,
+} from './VueNodeViewRenderer.js'
+
+const ComponentWithoutContent = defineComponent({
+  name: 'WithoutContent',
+  props: nodeViewProps,
+  template:
+    '<node-view-wrapper class="no-content"><div class="custom-content">Custom UI</div></node-view-wrapper>',
+  components: { NodeViewWrapper },
+})
+
+const ComponentWithContent = defineComponent({
+  name: 'WithContent',
+  props: nodeViewProps,
+  template:
+    '<node-view-wrapper class="with-content"><node-view-content class="content-editable" /></node-view-wrapper>',
+  components: { NodeViewWrapper, NodeViewContent },
+})
+
+const ComponentWithTbodyContent = defineComponent({
+  name: 'WithTbodyContent',
+  props: nodeViewProps,
+  template: '<node-view-wrapper as="table"><node-view-content as="tbody" /></node-view-wrapper>',
+  components: { NodeViewWrapper, NodeViewContent },
+})
+
+const LeafComponent = defineComponent({
+  name: 'LeafComponent',
+  props: nodeViewProps,
+  template:
+    '<node-view-wrapper class="leaf"><div class="leaf-content">Leaf</div></node-view-wrapper>',
+  components: { NodeViewWrapper },
+})
+
+function createBlockNode(
+  component: ReturnType<typeof defineComponent>,
+  options?: Partial<VueNodeViewRendererOptions>,
+) {
+  return Node.create({
+    name: 'customBlock',
+    group: 'block',
+    content: 'inline*',
+    parseHTML: () => [{ tag: 'custom-block' }],
+    renderHTML: ({ HTMLAttributes }) => ['custom-block', mergeAttributes(HTMLAttributes), 0],
+    addNodeView: () => VueNodeViewRenderer(component, options),
+  })
+}
+
+function createLeafNode(component: ReturnType<typeof defineComponent>) {
+  return Node.create({
+    name: 'customLeaf',
+    group: 'block',
+    atom: true,
+    parseHTML: () => [{ tag: 'custom-leaf' }],
+    renderHTML: ({ HTMLAttributes }) => ['custom-leaf', mergeAttributes(HTMLAttributes)],
+    addNodeView: () => VueNodeViewRenderer(component),
+  })
+}
+
+function createVueEditor(options: ConstructorParameters<typeof VueEditor>[0]) {
+  const desc = Object.getOwnPropertyDescriptor(VueEditor.prototype, 'contentComponent')
+  Object.defineProperty(VueEditor.prototype, 'contentComponent', {
+    value: {},
+    writable: true,
+    configurable: true,
+  })
+  const instance = new VueEditor(options)
+  if (desc) Object.defineProperty(VueEditor.prototype, 'contentComponent', desc)
+  else delete (VueEditor.prototype as any).contentComponent
+  return instance
+}
+
+describe('VueNodeViewRenderer contentDOM', () => {
+  let editor: Editor | null = null
+  let el: HTMLElement | null = null
+
+  function withEditor(
+    content: string,
+    component: ReturnType<typeof defineComponent>,
+    leaf = false,
+    options?: Partial<VueNodeViewRendererOptions>,
+  ) {
+    editor = createVueEditor({
+      element: el!,
+      extensions: [
+        Document,
+        Paragraph,
+        Text,
+        leaf ? createLeafNode(component) : createBlockNode(component, options),
+      ],
+      content,
+    })
+    return new Promise(r => setTimeout(r, 10))
+  }
+
+  beforeEach(() => {
+    el = document.createElement('div')
+    document.body.appendChild(el)
+  })
+
+  afterEach(() => {
+    editor?.destroy()
+    editor = null
+    el?.parentNode?.removeChild(el)
+    el = null
+  })
+
+  it('does not thrash the DOM when <node-view-content> is absent', async () => {
+    await withEditor('<custom-block>Hello World</custom-block>', ComponentWithoutContent)
+
+    // Node view wrapper should mount
+    expect(el!.querySelector('[data-node-view-wrapper]')).toBeTruthy()
+
+    // Without <node-view-content>, the contentDOMElement stays detached
+    // (matching React's behavior). It exists but is not in the DOM tree.
+    expect(el!.querySelector('[data-node-view-content]')).toBeFalsy()
+
+    // Verify the internal contentDOM is not null (fixes the thrashing bug)
+    const wrapperDesc = (el!.querySelector('[data-node-view-wrapper]') as any)?.pmViewDesc
+    expect(wrapperDesc?.spec?.contentDOM).toBeTruthy()
+  })
+
+  it('returns null for leaf nodes', async () => {
+    await withEditor('<custom-leaf />', LeafComponent, true)
+    expect(el!.querySelector('[data-node-view-content]')).toBeFalsy()
+  })
+
+  it('works with <node-view-content> in the component', async () => {
+    await withEditor('<custom-block>Hello World</custom-block>', ComponentWithContent)
+    const content = el!.querySelector('[data-node-view-content]')
+    expect(content).toBeTruthy()
+    expect(content!.textContent).toContain('Hello World')
+  })
+
+  it('adopts <node-view-content as="tbody"> as the contentDOM instead of nesting a wrapper div inside it', async () => {
+    await withEditor('<custom-block>Hello World</custom-block>', ComponentWithTbodyContent)
+    const tbody = el!.querySelector('tbody[data-node-view-content]')
+    expect(tbody).toBeTruthy()
+    // A <tbody> may only contain <tr> elements, so the placeholder wrapper div
+    // must never be nested inside it.
+    expect(tbody!.querySelector('[data-node-view-content-vue]')).toBeFalsy()
+    expect(tbody!.children.length).toBe(0)
+    expect(tbody!.textContent).toContain('Hello World')
+  })
+
+  it('does not throw on destroy', async () => {
+    await withEditor('<custom-block>Hello World</custom-block>', ComponentWithoutContent)
+    expect(() => editor!.destroy()).not.toThrow()
+  })
+
+  // Uses `<node-view-content>` as `contentDOM`; `contentDOMElementTag` only defines the fallback when none is rendered.
+  it('ignores contentDOMElementTag when a real <node-view-content> is present', async () => {
+    await withEditor('<custom-block>Hello World</custom-block>', ComponentWithContent, false, {
+      contentDOMElementTag: 'custom-content-dom',
+    })
+    expect(el!.querySelector('custom-content-dom')).toBeFalsy()
+    const content = el!.querySelector('[data-node-view-content]')
+    expect(content).toBeTruthy()
+    expect(content!.tagName.toLowerCase()).toBe('div')
+    expect(content!.textContent).toContain('Hello World')
+  })
+
+  it('use custom content dom element tag as the fallback when there is no <node-view-content>', async () => {
+    await withEditor('<custom-block>Hello World</custom-block>', ComponentWithoutContent, false, {
+      contentDOMElementTag: 'custom-content-dom',
+    })
+    // The fallback placeholder stays detached (see "does not thrash the DOM" above),
+    // so we assert on the internal contentDOM rather than querying the live DOM.
+    const wrapperDesc = (el!.querySelector('[data-node-view-wrapper]') as any)?.pmViewDesc
+    const contentDOM = wrapperDesc?.spec?.contentDOM as HTMLElement | undefined
+    expect(contentDOM).toBeTruthy()
+    expect(contentDOM!.tagName.toLowerCase()).toBe('custom-content-dom')
+  })
+})
diff --git a/packages/vue/src/VueNodeViewRenderer.ts b/packages/vue/src/VueNodeViewRenderer.ts
new file mode 100644
index 0000000..86f0f21
--- /dev/null
+++ b/packages/vue/src/VueNodeViewRenderer.ts
@@ -0,0 +1,441 @@
+/* oslint-disable no-underscore-dangle */
+import type {
+  DecorationWithType,
+  NodeViewProps,
+  NodeViewRenderer,
+  NodeViewRendererOptions,
+  NodeViewRendererProps,
+} from '@tiptap/core'
+import { isNodeViewSelected, NodeView } from '@tiptap/core'
+import type { Node as PMNode } from '@tiptap/pm/model'
+import type { Decoration, DecorationSource, NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'
+import type { Component, PropType, Ref } from 'vue'
+import { defineComponent, provide, ref } from 'vue'
+
+import type { Editor } from './Editor.js'
+import { VueRenderer } from './VueRenderer.js'
+
+export const nodeViewProps = {
+  editor: {
+    type: Object as PropType<NodeViewProps['editor']>,
+    required: true as const,
+  },
+  node: {
+    type: Object as PropType<NodeViewProps['node']>,
+    required: true as const,
+  },
+  decorations: {
+    type: Object as PropType<NodeViewProps['decorations']>,
+    required: true as const,
+  },
+  selected: {
+    type: Boolean as PropType<NodeViewProps['selected']>,
+    required: true as const,
+  },
+  extension: {
+    type: Object as PropType<NodeViewProps['extension']>,
+    required: true as const,
+  },
+  getPos: {
+    type: Function as PropType<NodeViewProps['getPos']>,
+    required: true as const,
+  },
+  updateAttributes: {
+    type: Function as PropType<NodeViewProps['updateAttributes']>,
+    required: true as const,
+  },
+  deleteNode: {
+    type: Function as PropType<NodeViewProps['deleteNode']>,
+    required: true as const,
+  },
+  view: {
+    type: Object as PropType<NodeViewProps['view']>,
+    required: true as const,
+  },
+  innerDecorations: {
+    type: Object as PropType<NodeViewProps['innerDecorations']>,
+    required: true as const,
+  },
+  HTMLAttributes: {
+    type: Object as PropType<NodeViewProps['HTMLAttributes']>,
+    required: true as const,
+  },
+}
+
+export interface VueNodeViewRendererOptions extends NodeViewRendererOptions {
+  update:
+    | ((props: {
+        oldNode: PMNode
+        oldDecorations: readonly Decoration[]
+        oldInnerDecorations: DecorationSource
+        newNode: PMNode
+        newDecorations: readonly Decoration[]
+        innerDecorations: DecorationSource
+        updateProps: () => void
+      }) => boolean)
+    | null
+}
+
+class VueNodeView extends NodeView<Component, Editor, VueNodeViewRendererOptions> {
+  renderer!: VueRenderer
+
+  decorationClasses!: Ref<string>
+
+  /**
+   * The element that holds the rich-text content of the node.
+   * Always created for non-leaf nodes to guarantee a valid contentDOM,
+   * even when the user's component does not include a NodeViewContent.
+   * This matches React's behavior and prevents ProseMirror from
+   * thrashing the DOM when contentDOM is unexpectedly null.
+   *
+   * NOTE: must NOT have an initializer (= null), because class field
+   * initializers run AFTER super() and would overwrite the value set
+   * by mount() during the super() call.
+   */
+  contentDOMElement!: HTMLElement | null
+
+  private currentPos: number | undefined
+
+  private cachedExtensionWithSyncedStorage: NodeViewProps['extension'] | null = null
+
+  constructor(
+    component: Component,
+    props: NodeViewRendererProps,
+    options?: Partial<VueNodeViewRendererOptions>,
+  ) {
+    super(component, props, options)
+
+    if (this.options.trackNodeViewPosition) {
+      this.editor.on('update', this.handlePositionUpdate)
+    }
+  }
+
+  /**
+   * Returns a proxy of the extension that redirects storage access to the editor's mutable storage.
+   * This preserves the original prototype chain (instanceof checks, methods like configure/extend work).
+   * Cached to avoid proxy creation on every update.
+   */
+  get extensionWithSyncedStorage(): NodeViewProps['extension'] {
+    if (!this.cachedExtensionWithSyncedStorage) {
+      const editor = this.editor
+      const extension = this.extension
+
+      this.cachedExtensionWithSyncedStorage = new Proxy(extension, {
+        get(target, prop, receiver) {
+          if (prop === 'storage') {
+            return editor.storage[extension.name as keyof typeof editor.storage] ?? {}
+          }
+          return Reflect.get(target, prop, receiver)
+        },
+      })
+    }
+
+    return this.cachedExtensionWithSyncedStorage
+  }
+
+  mount() {
+    const props: Record<string, any> = {
+      editor: this.editor,
+      node: this.node,
+      decorations: this.decorations as DecorationWithType[],
+      innerDecorations: this.innerDecorations,
+      view: this.view,
+      selected: false,
+      extension: this.extensionWithSyncedStorage,
+      HTMLAttributes: this.HTMLAttributes,
+      getPos: () => this.getPos(),
+      updateAttributes: (attributes = {}) => this.updateAttributes(attributes),
+      deleteNode: () => this.deleteNode(),
+    }
+
+    const mountProps = props as NodeViewProps
+
+    const onDragStart = this.onDragStart.bind(this)
+
+    this.decorationClasses = ref(this.getDecorationClasses())
+
+    const extendedComponent = defineComponent({
+      extends: { ...this.component },
+      props: Object.keys(props),
+      template: (this.component as any).template,
+      setup: reactiveProps => {
+        provide('onDragStart', onDragStart)
+        provide('decorationClasses', this.decorationClasses)
+        provide('nodeViewContentRef', (el: HTMLElement | null) => {
+          if (!el || el === this.contentDOMElement) return
+
+          // Adopt this stable element as contentDOM, preserving existing children.
+          // Do not conditionally remount it; use v-show instead of v-if).
+          if (this.contentDOMElement) {
+            while (this.contentDOMElement.firstChild) {
+              el.appendChild(this.contentDOMElement.firstChild)
+            }
+          }
+          this.contentDOMElement = el
+        })
+
+        return (this.component as any).setup?.(reactiveProps, {
+          expose: () => undefined,
+        })
+      },
+      // add support for scoped styles
+      // @ts-ignore
+      // oxlint-disable-next-line
+      __scopeId: this.component.__scopeId,
+      // add support for CSS Modules
+      // @ts-ignore
+      // oxlint-disable-next-line
+      __cssModules: this.component.__cssModules,
+      // add support for vue devtools
+      // @ts-ignore
+      // oxlint-disable-next-line
+      __name: this.component.__name,
+      // @ts-ignore
+      // oxlint-disable-next-line
+      __file: this.component.__file,
+    })
+
+    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this)
+    this.editor.on('selectionUpdate', this.handleSelectionUpdate)
+
+    this.currentPos = this.getPos()
+
+    if (!this.node.isLeaf) {
+      // Create the content DOM element BEFORE rendering the Vue component,
+      // so it is available immediately when ProseMirror accesses contentDOM
+      // during the initial DOM build.
+      if (this.options.contentDOMElementTag) {
+        this.contentDOMElement = document.createElement(this.options.contentDOMElementTag)
+      } else {
+        this.contentDOMElement = document.createElement(this.node.isInline ? 'span' : 'div')
+      }
+      this.contentDOMElement.style.whiteSpace = 'inherit'
+      // Use a distinct attribute to avoid clashing with the user's
+      // <node-view-content> element (which carries data-node-view-content).
+      // Matches React's data-node-view-content-react convention.
+      this.contentDOMElement.dataset.nodeViewContentVue = ''
+    }
+
+    this.renderer = new VueRenderer(extendedComponent, {
+      editor: this.editor,
+      props: mountProps,
+    })
+  }
+
+  /**
+   * Fires on editor updates when trackNodeViewPosition is enabled.
+   * Detects position shifts where update() is NOT called.
+   */
+  private handlePositionUpdate = () => {
+    const newPos = this.getPos()
+    if (typeof newPos !== 'number' || newPos === this.currentPos) {
+      return
+    }
+    this.currentPos = newPos
+    this.renderer.updateProps({ getPos: () => this.getPos() })
+  }
+
+  /**
+   * Return the DOM element.
+   * This is the element that will be used to display the node view.
+   */
+  get dom() {
+    if (!this.renderer.element || !this.renderer.element.hasAttribute('data-node-view-wrapper')) {
+      throw Error('Please use the NodeViewWrapper component for your node view.')
+    }
+
+    return this.renderer.element as HTMLElement
+  }
+
+  /**
+   * Return the content DOM element.
+   * This is the element that will be used to display the rich-text content of the node.
+   */
+  get contentDOM() {
+    if (this.node.isLeaf) {
+      return null
+    }
+
+    return this.contentDOMElement
+  }
+
+  /**
+   * On editor selection update, check if the node is selected.
+   * If it is, call `selectNode`, otherwise call `deselectNode`.
+   */
+  handleSelectionUpdate() {
+    const pos = this.getPos()
+
+    if (typeof pos !== 'number') {
+      return
+    }
+
+    const isSelected = isNodeViewSelected({
+      selection: this.editor.state.selection,
+      pos,
+      nodeSize: this.node.nodeSize,
+      selectedOnTextSelection: this.options.selectedOnTextSelection,
+    })
+
+    if (isSelected) {
+      if (this.renderer.props.selected) {
+        return
+      }
+
+      this.selectNode()
+    } else {
+      if (!this.renderer.props.selected) {
+        return
+      }
+
+      this.deselectNode()
+    }
+  }
+
+  /**
+   * On update, update the React component.
+   * To prevent unnecessary updates, the `update` option can be used.
+   */
+  update(
+    node: PMNode,
+    decorations: readonly Decoration[],
+    innerDecorations: DecorationSource,
+  ): boolean {
+    const rerenderComponent = (props?: Record<string, any>) => {
+      this.decorationClasses.value = this.getDecorationClasses()
+      this.renderer.updateProps(props)
+    }
+
+    if (typeof this.options.update === 'function') {
+      const oldNode = this.node
+      const oldDecorations = this.decorations
+      const oldInnerDecorations = this.innerDecorations
+
+      this.node = node
+      this.decorations = decorations
+      this.innerDecorations = innerDecorations
+
+      return this.options.update({
+        oldNode,
+        oldDecorations,
+        newNode: node,
+        newDecorations: decorations,
+        oldInnerDecorations,
+        innerDecorations,
+        updateProps: () =>
+          rerenderComponent({
+            node,
+            decorations,
+            innerDecorations,
+            extension: this.extensionWithSyncedStorage,
+          }),
+      })
+    }
+
+    if (node.type !== this.node.type) {
+      return false
+    }
+
+    const nodeChanged = node !== this.node
+
+    // Node reference unchanged — only decorations may have changed.
+    // ProseMirror renders decorations independently on the contentDOM,
+    // and the getPos closure (bound in mount()) calls through to
+    // ProseMirror's position function at call time, so it is always
+    // current. Update internal refs, refresh decoration classes for
+    // the wrapper component, and skip the Vue re-render.
+    if (!nodeChanged) {
+      this.node = node
+      this.decorations = decorations
+      this.innerDecorations = innerDecorations
+      this.decorationClasses.value = this.getDecorationClasses()
+      return true
+    }
+
+    this.node = node
+    this.decorations = decorations
+    this.innerDecorations = innerDecorations
+    this.currentPos = this.getPos()
+
+    const extraProps: Record<string, any> = {
+      node,
+      decorations,
+      innerDecorations,
+      extension: this.extensionWithSyncedStorage,
+    }
+
+    if (this.options.trackNodeViewPosition) {
+      extraProps.getPos = () => this.getPos()
+    }
+
+    rerenderComponent(extraProps)
+    return true
+  }
+
+  /**
+   * Select the node.
+   * Add the `selected` prop and the `ProseMirror-selectednode` class.
+   */
+  selectNode() {
+    this.renderer.updateProps({
+      selected: true,
+    })
+    if (this.renderer.element) {
+      this.renderer.element.classList.add('ProseMirror-selectednode')
+    }
+  }
+
+  /**
+   * Deselect the node.
+   * Remove the `selected` prop and the `ProseMirror-selectednode` class.
+   */
+  deselectNode() {
+    this.renderer.updateProps({
+      selected: false,
+    })
+    if (this.renderer.element) {
+      this.renderer.element.classList.remove('ProseMirror-selectednode')
+    }
+  }
+
+  getDecorationClasses() {
+    return (
+      this.decorations
+        // @ts-ignore
+        .flatMap(item => item.type.attrs.class)
+        .join(' ')
+    )
+  }
+
+  destroy() {
+    this.renderer.destroy()
+    this.editor.off('selectionUpdate', this.handleSelectionUpdate)
+
+    if (this.options.trackNodeViewPosition) {
+      this.editor.off('update', this.handlePositionUpdate)
+    }
+
+    this.contentDOMElement = null
+  }
+}
+
+export function VueNodeViewRenderer(
+  component: Component<NodeViewProps>,
+  options?: Partial<VueNodeViewRendererOptions>,
+): NodeViewRenderer {
+  return props => {
+    // try to get the parent component
+    // this is important for vue devtools to show the component hierarchy correctly
+    // maybe it’s `undefined` because <editor-content> isn’t rendered yet
+    if (!(props.editor as Editor).contentComponent) {
+      return {} as unknown as ProseMirrorNodeView
+    }
+    // check for class-component and normalize if neccessary
+    const normalizedComponent =
+      typeof component === 'function' && '__vccOpts' in component
+        ? (component.__vccOpts as Component)
+        : component
+
+    return new VueNodeView(normalizedComponent, props, options)
+  }
+}
diff --git a/packages/vue/src/VueRenderer.test.ts b/packages/vue/src/VueRenderer.test.ts
new file mode 100644
index 0000000..dc24a42
--- /dev/null
+++ b/packages/vue/src/VueRenderer.test.ts
@@ -0,0 +1,178 @@
+import { Editor } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, beforeEach, describe, expect, it } from 'vite-plus/test'
+import { defineComponent } from 'vue'
+
+import { VueRenderer } from './VueRenderer.js'
+
+describe('VueRenderer', () => {
+  let editor: Editor | null = null
+  let editorElement: HTMLElement | null = null
+
+  beforeEach(() => {
+    editorElement = document.createElement('div')
+    document.body.appendChild(editorElement)
+
+    editor = new Editor({
+      element: editorElement,
+      extensions: [Document, Paragraph, Text],
+      content: '<p>Hello World</p>',
+    })
+  })
+
+  afterEach(() => {
+    if (editor) {
+      editor.destroy()
+      editor = null
+    }
+    if (editorElement && editorElement.parentNode) {
+      editorElement.parentNode.removeChild(editorElement)
+      editorElement = null
+    }
+  })
+
+  it('should initialize with destroyed flag set to false', () => {
+    const TestComponent = defineComponent({
+      name: 'TestComponent',
+      template: '<div>Test</div>',
+    })
+
+    const renderer = new VueRenderer(TestComponent, {
+      editor: editor!,
+      props: {},
+    })
+
+    expect(renderer.destroyed).toBe(false)
+
+    renderer.destroy()
+  })
+
+  it('should set destroyed flag to true after destroy', () => {
+    const TestComponent = defineComponent({
+      name: 'TestComponent',
+      template: '<div>Test</div>',
+    })
+
+    const renderer = new VueRenderer(TestComponent, {
+      editor: editor!,
+      props: {},
+    })
+
+    expect(renderer.destroyed).toBe(false)
+    renderer.destroy()
+    expect(renderer.destroyed).toBe(true)
+  })
+
+  it('should allow multiple destroy calls without errors', () => {
+    const TestComponent = defineComponent({
+      name: 'TestComponent',
+      template: '<div>Test</div>',
+    })
+
+    const renderer = new VueRenderer(TestComponent, {
+      editor: editor!,
+      props: {},
+    })
+
+    expect(() => {
+      renderer.destroy()
+      renderer.destroy()
+      renderer.destroy()
+    }).not.toThrow()
+
+    expect(renderer.destroyed).toBe(true)
+  })
+
+  it('should not update props when destroyed', () => {
+    const TestComponent = defineComponent({
+      name: 'TestComponent',
+      props: {
+        value: {
+          type: String,
+          default: '',
+        },
+      },
+      template: '<div>{{ value }}</div>',
+    })
+
+    const renderer = new VueRenderer(TestComponent, {
+      editor: editor!,
+      props: { value: 'initial' },
+    })
+
+    expect(renderer.props.value).toBe('initial')
+
+    renderer.destroy()
+    renderer.updateProps({ value: 'updated' })
+
+    // Props should not be updated after destroy
+    expect(renderer.props.value).toBe('initial')
+  })
+
+  it('should not render when destroyed', () => {
+    const TestComponent = defineComponent({
+      name: 'TestComponent',
+      template: '<div>Test</div>',
+    })
+
+    const renderer = new VueRenderer(TestComponent, {
+      editor: editor!,
+      props: {},
+    })
+
+    const originalComponent = renderer.renderedComponent
+
+    renderer.destroy()
+    const resultAfterDestroy = renderer.renderComponent()
+
+    // Should return the same renderedComponent without re-rendering
+    expect(resultAfterDestroy).toBe(originalComponent)
+  })
+
+  it('should handle props updates before destroy', () => {
+    const TestComponent = defineComponent({
+      name: 'TestComponent',
+      props: {
+        count: {
+          type: Number,
+          default: 0,
+        },
+      },
+      template: '<div>{{ count }}</div>',
+    })
+
+    const renderer = new VueRenderer(TestComponent, {
+      editor: editor!,
+      props: { count: 0 },
+    })
+
+    expect(renderer.props.count).toBe(0)
+
+    renderer.updateProps({ count: 5 })
+    expect(renderer.props.count).toBe(5)
+
+    renderer.updateProps({ count: 10 })
+    expect(renderer.props.count).toBe(10)
+
+    renderer.destroy()
+  })
+
+  it('should create and render element', () => {
+    const TestComponent = defineComponent({
+      name: 'TestComponent',
+      template: '<div class="test-class">Content</div>',
+    })
+
+    const renderer = new VueRenderer(TestComponent, {
+      editor: editor!,
+      props: {},
+    })
+
+    expect(renderer.element).toBeTruthy()
+    expect(renderer.element?.textContent).toBe('Content')
+
+    renderer.destroy()
+  })
+})
diff --git a/packages/vue/src/VueRenderer.ts b/packages/vue/src/VueRenderer.ts
new file mode 100644
index 0000000..778fd85
--- /dev/null
+++ b/packages/vue/src/VueRenderer.ts
@@ -0,0 +1,104 @@
+import type { Editor } from '@tiptap/core'
+import type { Component, DefineComponent } from 'vue'
+import { h, markRaw, reactive, render } from 'vue'
+
+import type { Editor as ExtendedEditor } from './Editor.js'
+
+export interface VueRendererOptions {
+  editor: Editor
+  props?: Record<string, any>
+}
+
+type ExtendedVNode = ReturnType<typeof h> | null
+
+interface RenderedComponent {
+  vNode: ExtendedVNode
+  destroy: () => void
+  el: Element | null
+}
+
+/**
+ * This class is used to render Vue components inside the editor.
+ */
+export class VueRenderer {
+  renderedComponent!: RenderedComponent
+
+  editor: ExtendedEditor
+
+  component: Component
+
+  el: Element | null
+
+  props: Record<string, any>
+
+  /**
+   * Flag to track if the renderer has been destroyed, preventing queued or asynchronous renders from executing after teardown.
+   */
+  destroyed = false
+
+  constructor(component: Component, { props = {}, editor }: VueRendererOptions) {
+    this.editor = editor as ExtendedEditor
+    this.component = markRaw(component)
+    this.el = document.createElement('div')
+    this.props = reactive(props)
+    this.renderedComponent = this.renderComponent()
+  }
+
+  get element(): Element | null {
+    return this.renderedComponent.el
+  }
+
+  get ref(): any {
+    // Composition API
+    if (this.renderedComponent.vNode?.component?.exposed) {
+      return this.renderedComponent.vNode.component.exposed
+    }
+    // Option API
+    return this.renderedComponent.vNode?.component?.proxy
+  }
+
+  renderComponent() {
+    if (this.destroyed) {
+      return this.renderedComponent
+    }
+
+    let vNode: ExtendedVNode = h(this.component as DefineComponent, this.props)
+
+    if (this.editor.appContext) {
+      vNode.appContext = this.editor.appContext
+    }
+    if (typeof document !== 'undefined' && this.el) {
+      render(vNode, this.el)
+    }
+
+    const destroy = () => {
+      if (this.el) {
+        render(null, this.el)
+      }
+      this.el = null
+      vNode = null
+    }
+
+    return { vNode, destroy, el: this.el ? this.el.firstElementChild : null }
+  }
+
+  updateProps(props: Record<string, any> = {}): void {
+    if (this.destroyed) {
+      return
+    }
+
+    Object.entries(props).forEach(([key, value]) => {
+      this.props[key] = value
+    })
+    this.renderComponent()
+  }
+
+  destroy(): void {
+    if (this.destroyed) {
+      return
+    }
+
+    this.destroyed = true
+    this.renderedComponent.destroy()
+  }
+}
diff --git a/packages/vue/src/VueWidgetRenderer.test.ts b/packages/vue/src/VueWidgetRenderer.test.ts
new file mode 100644
index 0000000..2a194c2
--- /dev/null
+++ b/packages/vue/src/VueWidgetRenderer.test.ts
@@ -0,0 +1,498 @@
+import { type AnyExtension, Extension } from '@tiptap/core'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { UndoRedo } from '@tiptap/extensions'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+import { defineComponent, h } from 'vue'
+
+import { Editor } from './Editor.js'
+import { VueWidgetRenderer } from './VueWidgetRenderer.js'
+
+let renderCount = 0
+let unmountCount = 0
+
+const Counter = defineComponent({
+  name: 'Counter',
+  inheritAttrs: false,
+  props: { index: { type: Number, default: 0 } },
+  data() {
+    return { count: 0 }
+  },
+  unmounted() {
+    unmountCount += 1
+  },
+  render() {
+    renderCount += 1
+    return h('button', { class: 'counter' }, `${this.index}:${this.count}`)
+  },
+})
+
+/**
+ * A widget per paragraph, keyed by paragraph index.
+ *
+ * NOTE: Index-based keys churn when paragraphs are inserted/removed. This is
+ * intentional for testing re-keying behavior. In production, use stable domain
+ * keys (e.g. `paragraph-${node.attrs.id}`) so the widget DOM and component
+ * state are preserved across edits.
+ */
+function paragraphWidgets() {
+  return Extension.create({
+    name: 'paragraphWidgets',
+    addDecorations() {
+      return {
+        create: ({ editor, state }) => {
+          const decorations: any[] = []
+          let index = 0
+
+          state.doc.forEach((node, offset) => {
+            if (node.type.name !== 'paragraph') {
+              return
+            }
+            decorations.push(
+              VueWidgetRenderer(Counter, {
+                editor,
+                pos: offset + node.nodeSize - 1,
+                key: `p-${index}`,
+                props: { index },
+                side: 1,
+              }),
+            )
+            index += 1
+          })
+
+          return decorations
+        },
+      }
+    },
+  })
+}
+
+// Same as Counter but without inheritAttrs: false. Used to verify the renderer
+// auto-declares editor/getPos so they never fall through to the DOM.
+const CounterNoInheritAttrs = defineComponent({
+  name: 'CounterNoInheritAttrs',
+  props: { index: { type: Number, default: 0 } },
+  data() {
+    return { count: 0 }
+  },
+  render() {
+    return h('button', { class: 'counter-no-inherit' }, `${this.index}:${this.count}`)
+  },
+})
+
+// Records the props each render received, so a test can assert the widget never
+// loses `editor` / `getPos` during the two-phase prop update.
+const propLog: Array<{ hasEditor: boolean; hasGetPos: boolean }> = []
+
+const PropSpy = defineComponent({
+  name: 'PropSpy',
+  inheritAttrs: false,
+  props: {
+    size: { type: Number, default: 0 },
+    editor: { type: Object, default: null },
+    getPos: { type: Function, default: null },
+  },
+  render() {
+    propLog.push({ hasEditor: !!this.editor, hasGetPos: typeof this.getPos === 'function' })
+    return h('span', { class: 'spy' })
+  },
+})
+
+// A single stable-keyed widget whose `size` prop changes on every edit, so the
+// pre-render `updateProps` (which pushes only user props, not editor/getPos)
+// actually fires.
+function spyWidget() {
+  return Extension.create({
+    name: 'spyWidget',
+    addDecorations() {
+      return {
+        create: ({ editor, state }) => {
+          const first = state.doc.firstChild
+
+          if (!first) {
+            return []
+          }
+
+          return [
+            VueWidgetRenderer(PropSpy, {
+              editor,
+              pos: first.nodeSize - 1,
+              key: 'spy-stable',
+              props: { size: state.doc.content.size },
+              side: 1,
+            }),
+          ]
+        },
+      }
+    },
+  })
+}
+
+// Widget props queued during a transaction are pushed on the next microtask,
+// so `state.apply` stays pure.
+async function flushWidgetProps() {
+  await Promise.resolve()
+  await new Promise(resolve => setTimeout(resolve, 0))
+}
+
+describe('VueWidgetRenderer', () => {
+  let editor: Editor | null = null
+  let el: HTMLElement | null = null
+
+  afterEach(() => {
+    editor?.destroy()
+    editor = null
+    if (el?.parentNode) {
+      el.parentNode.removeChild(el)
+    }
+    el = null
+    renderCount = 0
+    unmountCount = 0
+  })
+
+  function mount(content: string, extraExtensions: AnyExtension[] = []) {
+    el = document.createElement('div')
+    document.body.appendChild(el)
+    editor = new Editor({
+      element: el,
+      extensions: [Document, Paragraph, Text, paragraphWidgets(), ...extraExtensions],
+      content,
+    })
+
+    return editor
+  }
+
+  function mountWithUndo(content: string) {
+    return mount(content, [UndoRedo])
+  }
+
+  it('renders a widget per paragraph', () => {
+    mount('<p>aaa</p><p>bbb</p>')
+
+    expect(el!.querySelectorAll('.counter').length).toBe(2)
+  })
+
+  it('passes ProseMirror widget options through', () => {
+    const stopEvent = vi.fn(() => true)
+    const destroy = vi.fn()
+    const extension = Extension.create({
+      name: 'widgetOptions',
+      addDecorations: () => ({
+        create: ({ editor }) => [
+          VueWidgetRenderer(Counter, {
+            editor,
+            pos: 1,
+            key: 'options',
+            side: -1,
+            relaxedSide: true,
+            ignoreSelection: true,
+            stopEvent,
+            destroy,
+          }),
+        ],
+      }),
+    })
+    mount('<p>a</p>', [extension])
+    const decorationState = editor!.state.plugins
+      .find(plugin => plugin.props.decorations)
+      ?.getState(editor!.state) as
+      | { mergedDecorationSet?: { find: () => Array<{ spec: Record<string, unknown> }> } }
+      | undefined
+    const widget = decorationState?.mergedDecorationSet?.find()[0]
+
+    expect(widget?.spec).toMatchObject({
+      side: -1,
+      relaxedSide: true,
+      ignoreSelection: true,
+      stopEvent,
+      destroy: expect.any(Function),
+    })
+
+    editor!.destroy()
+    expect(destroy).not.toHaveBeenCalled()
+    editor = null
+  })
+
+  it('does not re-render widgets when props are unchanged on a transaction', () => {
+    mount('<p>aaa</p><p>bbb</p>')
+
+    const afterMount = renderCount
+
+    // Typing does not change any widget's `index` prop — the guard must avoid
+    // re-rendering every widget on every transaction (the cause of the hang).
+    editor!.commands.insertContentAt(2, 'X')
+    editor!.commands.insertContentAt(2, 'Y')
+    editor!.commands.insertContentAt(2, 'Z')
+
+    expect(renderCount).toBe(afterMount)
+  })
+
+  it('does not push props while a transaction is being applied', async () => {
+    propLog.length = 0
+    mount('<p>aaa</p>', [spyWidget()])
+
+    const afterMount = propLog.length
+
+    // `create()` runs inside `state.apply`, which must stay pure. VueRenderer
+    // renders synchronously on updateProps, so the push has to wait.
+    editor!.commands.insertContentAt(2, 'X')
+    expect(propLog.length).toBe(afterMount)
+
+    await flushWidgetProps()
+    expect(propLog.length).toBeGreaterThan(afterMount)
+  })
+
+  it('never drops editor/getPos from widget props across updates', async () => {
+    propLog.length = 0
+    mount('<p>aaa</p>', [spyWidget()])
+
+    expect(propLog.length).toBeGreaterThan(0)
+
+    // Each insert changes the spy's `size` prop, which queues a deferred
+    // updateProps pushing only user props. Because updateProps merges,
+    // editor/getPos pushed by the previous render must survive.
+    editor!.commands.insertContentAt(2, 'X')
+    editor!.commands.insertContentAt(2, 'Y')
+    await flushWidgetProps()
+
+    expect(propLog.length).toBeGreaterThan(1)
+    expect(propLog.every(entry => entry.hasEditor && entry.hasGetPos)).toBe(true)
+  })
+
+  it('keeps every widget mounted when keys are reassigned by a split', () => {
+    mount('<p>aaa</p><p>bbb</p>')
+    expect(el!.querySelectorAll('.counter').length).toBe(2)
+
+    editor!.chain().setTextSelection(2).splitBlock().run()
+
+    expect(editor!.state.doc.childCount).toBe(3)
+    expect(el!.querySelectorAll('.counter').length).toBe(3)
+  })
+
+  it('removes the widget when a paragraph is removed', () => {
+    mount('<p>aaa</p><p>bbb</p>')
+    expect(el!.querySelectorAll('.counter').length).toBe(2)
+
+    editor!.chain().setTextSelection(6).joinBackward().run()
+
+    expect(editor!.state.doc.childCount).toBe(1)
+    expect(el!.querySelectorAll('.counter').length).toBe(1)
+  })
+
+  it('removes stale widgets when setContent replaces the whole document', () => {
+    mount('<p>a</p><p>b</p><p>c</p>')
+    expect(el!.querySelectorAll('.counter').length).toBe(3)
+
+    editor!.commands.setContent('<p>only</p>')
+
+    expect(editor!.state.doc.childCount).toBe(1)
+    expect(el!.querySelectorAll('.counter').length).toBe(1)
+  })
+
+  it('destroys all active widget components when the editor is destroyed', () => {
+    mount('<p>a</p><p>b</p>')
+    expect(el!.querySelectorAll('.counter').length).toBe(2)
+
+    const local = editor!
+    const prevUnmount = unmountCount
+
+    local.destroy()
+
+    expect(unmountCount).toBe(prevUnmount + 2)
+  })
+
+  it('does not leak components after undo of a paragraph split', () => {
+    mountWithUndo('<p>a</p><p>b</p>')
+    expect(el!.querySelectorAll('.counter').length).toBe(2)
+    const prevUnmount = unmountCount
+
+    // Split first paragraph — 3 widgets.
+    editor!.chain().setTextSelection(2).splitBlock().run()
+    expect(editor!.state.doc.childCount).toBe(3)
+    expect(el!.querySelectorAll('.counter').length).toBe(3)
+
+    // Undo removes the split-created paragraph, which destroys its widget.
+    // The 1 unmount is correct cleanup — not a leak.
+    editor!.commands.undo()
+    expect(editor!.state.doc.childCount).toBe(2)
+    expect(el!.querySelectorAll('.counter').length).toBe(2)
+    expect(unmountCount).toBe(prevUnmount + 1)
+  })
+
+  it('does not leak editor/getPos as DOM attributes without inheritAttrs: false', () => {
+    const extension = Extension.create({
+      name: 'noInheritAttrsWidgets',
+      addDecorations() {
+        return {
+          create: ({ editor, state }) => {
+            const decorations: any[] = []
+            let index = 0
+
+            state.doc.forEach((node, offset) => {
+              if (node.type.name !== 'paragraph') {
+                return
+              }
+              decorations.push(
+                VueWidgetRenderer(CounterNoInheritAttrs, {
+                  editor,
+                  pos: offset + node.nodeSize - 1,
+                  key: `no-inherit-${index}`,
+                  props: { index },
+                  side: 1,
+                }),
+              )
+              index += 1
+            })
+
+            return decorations
+          },
+        }
+      },
+    })
+
+    mount('<p>aaa</p><p>bbb</p>', [extension])
+
+    const buttons = el!.querySelectorAll('.counter-no-inherit')
+    expect(buttons.length).toBe(2)
+
+    buttons.forEach(button => {
+      expect(button.hasAttribute('editor')).toBe(false)
+      expect(button.hasAttribute('getpos')).toBe(false)
+      expect(button.hasAttribute('getPos')).toBe(false)
+    })
+  })
+
+  it('keeps the component prop options: defaults and Boolean casting', () => {
+    const seen: Array<{ label: string; flag: boolean }> = []
+    const Typed = defineComponent({
+      name: 'Typed',
+      props: {
+        label: { type: String, default: 'FALLBACK' },
+        flag: { type: Boolean, default: false },
+      },
+      render() {
+        seen.push({ label: this.label, flag: this.flag })
+        return h('span', { class: 'typed' }, this.label)
+      },
+    })
+
+    mount('<p>a</p>', [
+      Extension.create({
+        name: 'typedWidget',
+        addDecorations: () => ({
+          create: ({ editor }) => [
+            VueWidgetRenderer(Typed, {
+              editor,
+              pos: 1,
+              key: 'typed',
+              // `undefined` must fall back to the default, `''` must cast to true.
+              props: { label: undefined, flag: '' },
+            }),
+          ],
+        }),
+      }),
+    ])
+
+    expect(seen[0]).toEqual({ label: 'FALLBACK', flag: true })
+  })
+
+  it('renders a plain functional component', () => {
+    const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
+    const Functional = (props: any) => h('span', { class: 'functional' }, String(props.label))
+
+    mount('<p>a</p>', [
+      Extension.create({
+        name: 'functionalWidget',
+        addDecorations: () => ({
+          create: ({ editor }) => [
+            VueWidgetRenderer(Functional, {
+              editor,
+              pos: 1,
+              key: 'functional',
+              props: { label: 'hi' },
+            }),
+          ],
+        }),
+      }),
+    ])
+
+    const widget = el!.querySelector('.functional')
+
+    expect(widget?.textContent).toBe('hi')
+    expect(warn).not.toHaveBeenCalledWith(
+      expect.stringContaining('missing template or render function'),
+      expect.anything(),
+    )
+
+    warn.mockRestore()
+  })
+
+  it('keeps an array props declaration on a functional component', () => {
+    const seen: Array<{ label: string; hasEditor: boolean }> = []
+    const Functional: any = (props: any) => {
+      seen.push({ label: props.label, hasEditor: !!props.editor })
+      return h('span', { class: 'functional-array' })
+    }
+
+    Functional.props = ['label']
+
+    mount('<p>a</p>', [
+      Extension.create({
+        name: 'functionalArrayWidget',
+        addDecorations: () => ({
+          create: ({ editor }) => [
+            VueWidgetRenderer(Functional, {
+              editor,
+              pos: 1,
+              key: 'functional-array',
+              props: { label: 'hi' },
+            }),
+          ],
+        }),
+      }),
+    ])
+
+    expect(seen[0]).toEqual({ label: 'hi', hasEditor: true })
+
+    // editor/getPos are declared as props, so they never fall through to the DOM.
+    const widget = el!.querySelector('.functional-array')!
+    expect(widget.hasAttribute('editor')).toBe(false)
+    expect(widget.hasAttribute('getpos')).toBe(false)
+  })
+
+  it('gives the component setup an emit function', () => {
+    const emitted: string[] = []
+    const Emitter = defineComponent({
+      name: 'Emitter',
+      emits: ['ready'],
+      setup(_props, { emit }) {
+        emit('ready')
+        return () => h('span', { class: 'emitter' })
+      },
+    })
+
+    mount('<p>a</p>', [
+      Extension.create({
+        name: 'emitterWidget',
+        addDecorations: () => ({
+          create: ({ editor }) => [
+            VueWidgetRenderer(Emitter, {
+              editor,
+              pos: 1,
+              key: 'emitter',
+              props: { onReady: () => emitted.push('ready') },
+            }),
+          ],
+        }),
+      }),
+    ])
+
+    expect(el!.querySelectorAll('.emitter').length).toBe(1)
+    expect(emitted).toEqual(['ready'])
+  })
+
+  // Duplicate widget keys intentionally not tested here — ProseMirror's view
+  // crashes when it encounters same-key widgets, and the type-level contract
+  // ("keys must be unique") is documented on WidgetDecoration.key.
+})
diff --git a/packages/vue/src/VueWidgetRenderer.ts b/packages/vue/src/VueWidgetRenderer.ts
new file mode 100644
index 0000000..989307e
--- /dev/null
+++ b/packages/vue/src/VueWidgetRenderer.ts
@@ -0,0 +1,120 @@
+import { createWidgetDecoration } from '@tiptap/core'
+import type { Editor, WidgetDecoration, WidgetDecorationOptions } from '@tiptap/core'
+import type { Component, FunctionalComponent, SetupContext } from 'vue'
+import { defineComponent, markRaw } from 'vue'
+
+import { undeclaredWidgetProps } from './utils/undeclaredWidgetProps.js'
+import { wrapFunctionalWidget } from './utils/wrapFunctionalWidget.js'
+import { VueRenderer } from './VueRenderer.js'
+
+/**
+ * Props every widget-decoration component receives in addition to the props you
+ * pass through `VueWidgetRenderer`.
+ */
+export interface VueWidgetDecorationProps {
+  editor: Editor
+  getPos: () => number | undefined
+}
+
+export interface VueWidgetRendererOptions<
+  P extends Record<string, any> = object,
+> extends WidgetDecorationOptions {
+  /**
+   * The editor instance.
+   */
+  editor: Editor
+  /**
+   * The document position the widget is rendered at.
+   */
+  pos: number
+  /**
+   * A stable, position-independent identifier for the widget.
+   * Reusing the same key keeps the component mounted across re-renders.
+   * Good: `comment-${id}`. Bad: paragraph index or document position.
+   */
+  key: string
+  /**
+   * Props passed to the component (merged with {@link VueWidgetDecorationProps}).
+   * The component must have a single root element.
+   *
+   * @remarks Props are deeply wrapped in `reactive()` by `VueRenderer`. The
+   *   `editor` is protected with `markRaw`; any other non-reactive objects you
+   *   pass (ProseMirror nodes, views, editor refs, ...) are not. Mark them raw
+   *   yourself when reactivity would cause recursion or unwanted tracking.
+   */
+  props?: P
+}
+
+const WIDGET_CACHE = Symbol('tiptapVueWidgetCache')
+
+/**
+ * Renders a Vue component into a ProseMirror widget decoration.
+ * Reuses Tiptap's `VueRenderer` so the component shares the editor's app
+ * context (provide/inject works as usual). Use a stable `key` for stateful
+ * widgets. The component must render a single root element.
+ * @example
+ * addDecorations() {
+ *   return {
+ *     create: ({ editor, state }) =>
+ *       findMatches(state.doc).map(match =>
+ *         VueWidgetRenderer(MyWidget, {
+ *           editor, pos: match.pos, key: `match-${match.id}`,
+ *           props: { label: match.label },
+ *         }),
+ *       ),
+ *   }
+ * }
+ */
+export function VueWidgetRenderer<P extends Record<string, any> = object>(
+  component: Component,
+  options: VueWidgetRendererOptions<P>,
+): WidgetDecoration {
+  const { editor, props = {} as P } = options
+
+  // A functional component is its own render function, so it cannot go through
+  // the options wrapper below.
+  const wrappedComponent = isFunctionalComponent(component)
+    ? wrapFunctionalWidget(component, props)
+    : buildOptionsWidget(component, props)
+
+  return createWidgetDecoration<VueRenderer>({
+    // Forwards editor, pos, key and the ProseMirror widget options unchanged.
+    ...options,
+    props,
+    cacheKey: WIDGET_CACHE,
+    // VueRenderer wraps props in reactive(), deeply proxying every object.
+    // `editor` is markRaw so proxying its view/DOM graph does not crash.
+    // User props are NOT auto-protected: markRaw any ProseMirror nodes,
+    // views, editor refs, or other objects reactivity would harm.
+    context: getPos => ({ editor: markRaw(editor), getPos }),
+    create: renderProps => new VueRenderer(wrappedComponent, { editor, props: renderProps }),
+    materialize: renderer => renderer.element as HTMLElement,
+  })
+}
+
+function isFunctionalComponent(component: Component): component is FunctionalComponent {
+  return typeof component === 'function'
+}
+
+/**
+ * Wraps an object component so the widget props are declared on it. Everything
+ * Vue reads off the original options has to be carried over by hand, because
+ * `extends` alone does not apply to `template`, `setup` or the compiler keys.
+ */
+function buildOptionsWidget(component: Component, props: Record<string, any>) {
+  return defineComponent({
+    extends: { ...(component as any) },
+    // Only declare what the component does not declare itself. Redeclaring a
+    // prop here would replace its type, default and validator with an empty one.
+    props: undeclaredWidgetProps(component, props),
+    template: (component as any).template,
+    // Vue only calls the outermost `setup`, so run the component's own setup and
+    // forward the full context, otherwise `emit`, `slots` and `attrs` are missing.
+    setup: (reactiveProps: any, context: SetupContext) =>
+      (component as any).setup?.(reactiveProps, context),
+    __scopeId: (component as any).__scopeId,
+    __cssModules: (component as any).__cssModules,
+    __name: (component as any).__name,
+    __file: (component as any).__file,
+  })
+}
diff --git a/packages/vue/src/index.ts b/packages/vue/src/index.ts
new file mode 100644
index 0000000..b2bab12
--- /dev/null
+++ b/packages/vue/src/index.ts
@@ -0,0 +1,10 @@
+export { Editor } from './Editor.js'
+export * from './EditorContent.js'
+export * from './NodeViewContent.js'
+export * from './NodeViewWrapper.js'
+export * from './useEditor.js'
+export * from './VueMarkViewRenderer.js'
+export * from './VueNodeViewRenderer.js'
+export * from './VueRenderer.js'
+export * from './VueWidgetRenderer.js'
+export * from '@tiptap/core'
diff --git a/packages/vue/src/menus/BubbleMenu.ts b/packages/vue/src/menus/BubbleMenu.ts
new file mode 100644
index 0000000..ca9507c
--- /dev/null
+++ b/packages/vue/src/menus/BubbleMenu.ts
@@ -0,0 +1,110 @@
+import type { BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
+import { BubbleMenuPlugin } from '@tiptap/extension-bubble-menu'
+import { PluginKey } from '@tiptap/pm/state'
+import type { PropType } from 'vue'
+import { defineComponent, h, nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+
+export const BubbleMenu = defineComponent({
+  name: 'BubbleMenu',
+
+  inheritAttrs: false,
+
+  props: {
+    pluginKey: {
+      type: [String, Object] as PropType<BubbleMenuPluginProps['pluginKey']>,
+      default: undefined,
+    },
+
+    editor: {
+      type: Object as PropType<BubbleMenuPluginProps['editor']>,
+      required: true,
+    },
+
+    updateDelay: {
+      type: Number as PropType<BubbleMenuPluginProps['updateDelay']>,
+      default: undefined,
+    },
+
+    resizeDelay: {
+      type: Number as PropType<BubbleMenuPluginProps['resizeDelay']>,
+      default: undefined,
+    },
+
+    options: {
+      type: Object as PropType<BubbleMenuPluginProps['options']>,
+      default: () => ({}),
+    },
+
+    appendTo: {
+      type: [Object, Function] as PropType<BubbleMenuPluginProps['appendTo']>,
+      default: undefined,
+    },
+
+    shouldShow: {
+      type: Function as PropType<Exclude<Required<BubbleMenuPluginProps>['shouldShow'], null>>,
+      default: null,
+    },
+
+    getReferencedVirtualElement: {
+      type: Function as PropType<
+        Exclude<Required<BubbleMenuPluginProps>['getReferencedVirtualElement'], null>
+      >,
+      default: undefined,
+    },
+  },
+
+  setup(props, { slots, attrs }) {
+    const root = ref<HTMLElement | null>(null)
+    const resolvedPluginKey = props.pluginKey ?? new PluginKey('bubbleMenu')
+
+    onMounted(() => {
+      const {
+        editor,
+        options,
+        resizeDelay,
+        appendTo,
+        shouldShow,
+        getReferencedVirtualElement,
+        updateDelay,
+      } = props
+
+      const el = root.value
+
+      if (!el) {
+        return
+      }
+
+      el.style.visibility = 'hidden'
+      el.style.position = 'absolute'
+
+      // Remove element from DOM; plugin will re-parent it when shown
+      el.remove()
+
+      nextTick(() => {
+        editor.registerPlugin(
+          BubbleMenuPlugin({
+            editor,
+            element: el,
+            options,
+            pluginKey: resolvedPluginKey,
+            resizeDelay,
+            appendTo,
+            shouldShow,
+            getReferencedVirtualElement,
+            updateDelay,
+          }),
+        )
+      })
+    })
+
+    onBeforeUnmount(() => {
+      const { editor } = props
+
+      editor.unregisterPlugin(resolvedPluginKey)
+    })
+
+    // Vue owns this element; attrs are applied reactively by Vue
+    // Plugin re-parents it when showing the menu
+    return () => h('div', { ref: root, ...attrs }, slots.default?.())
+  },
+})
diff --git a/packages/vue/src/menus/FloatingMenu.ts b/packages/vue/src/menus/FloatingMenu.ts
new file mode 100644
index 0000000..c330a53
--- /dev/null
+++ b/packages/vue/src/menus/FloatingMenu.ts
@@ -0,0 +1,94 @@
+import type { FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
+import { FloatingMenuPlugin } from '@tiptap/extension-floating-menu'
+import { PluginKey } from '@tiptap/pm/state'
+import type { PropType } from 'vue'
+import { defineComponent, h, onBeforeUnmount, onMounted, ref } from 'vue'
+
+export const FloatingMenu = defineComponent({
+  name: 'FloatingMenu',
+
+  inheritAttrs: false,
+
+  props: {
+    pluginKey: {
+      // TODO: TypeScript breaks :(
+      // type: [String, Object as PropType<Exclude<FloatingMenuPluginProps['pluginKey'], string>>],
+      type: null,
+      default: undefined,
+    },
+
+    editor: {
+      type: Object as PropType<FloatingMenuPluginProps['editor']>,
+      required: true,
+    },
+
+    updateDelay: {
+      type: Number as PropType<FloatingMenuPluginProps['updateDelay']>,
+      default: undefined,
+    },
+
+    resizeDelay: {
+      type: Number as PropType<FloatingMenuPluginProps['resizeDelay']>,
+      default: undefined,
+    },
+
+    options: {
+      type: Object as PropType<FloatingMenuPluginProps['options']>,
+      default: () => ({}),
+    },
+
+    appendTo: {
+      type: [Object, Function] as PropType<FloatingMenuPluginProps['appendTo']>,
+      default: undefined,
+    },
+
+    shouldShow: {
+      type: Function as PropType<Exclude<Required<FloatingMenuPluginProps>['shouldShow'], null>>,
+      default: null,
+    },
+  },
+
+  setup(props, { slots, attrs }) {
+    const root = ref<HTMLElement | null>(null)
+    const resolvedPluginKey = props.pluginKey ?? new PluginKey('floatingMenu')
+
+    onMounted(() => {
+      const { editor, updateDelay, resizeDelay, options, appendTo, shouldShow } = props
+
+      const el = root.value
+
+      if (!el) {
+        return
+      }
+
+      el.style.visibility = 'hidden'
+      el.style.position = 'absolute'
+
+      // Remove element from DOM; plugin will re-parent it when shown
+      el.remove()
+
+      editor.registerPlugin(
+        FloatingMenuPlugin({
+          pluginKey: resolvedPluginKey,
+          editor,
+          element: el,
+          updateDelay,
+          resizeDelay,
+          options,
+          appendTo,
+          shouldShow,
+        }),
+      )
+    })
+
+    onBeforeUnmount(() => {
+      const { editor } = props
+
+      editor.unregisterPlugin(resolvedPluginKey)
+    })
+
+    // Vue owns this element; attrs are applied reactively by Vue
+    // Plugin re-parents it when showing the menu
+    return () => h('div', { ref: root, ...attrs }, slots.default?.())
+  },
+})
diff --git a/packages/vue/src/menus/index.ts b/packages/vue/src/menus/index.ts
new file mode 100644
index 0000000..d070ac5
--- /dev/null
+++ b/packages/vue/src/menus/index.ts
@@ -0,0 +1,2 @@
+export * from './BubbleMenu.js'
+export * from './FloatingMenu.js'
diff --git a/packages/vue/src/useEditor.ts b/packages/vue/src/useEditor.ts
new file mode 100644
index 0000000..5b97e63
--- /dev/null
+++ b/packages/vue/src/useEditor.ts
@@ -0,0 +1,18 @@
+import type { EditorOptions } from '@tiptap/core'
+import { onBeforeUnmount, onMounted, shallowRef } from 'vue'
+
+import { Editor } from './Editor.js'
+
+export const useEditor = (options: Partial<EditorOptions> = {}) => {
+  const editor = shallowRef<Editor>()
+
+  onMounted(() => {
+    editor.value = new Editor(options)
+  })
+
+  onBeforeUnmount(() => {
+    editor.value?.destroy()
+  })
+
+  return editor
+}
diff --git a/packages/vue/src/utils/undeclaredWidgetProps.test.ts b/packages/vue/src/utils/undeclaredWidgetProps.test.ts
new file mode 100644
index 0000000..c17242b
--- /dev/null
+++ b/packages/vue/src/utils/undeclaredWidgetProps.test.ts
@@ -0,0 +1,59 @@
+import { describe, expect, it } from 'vite-plus/test'
+import { defineComponent, h } from 'vue'
+
+import { undeclaredWidgetProps } from './undeclaredWidgetProps.js'
+
+const render = () => h('span')
+
+describe('undeclaredWidgetProps', () => {
+  it('declares the context props a component does not declare', () => {
+    const component = defineComponent({ props: { label: String }, render })
+
+    expect(undeclaredWidgetProps(component, { label: 'a' })).toEqual({
+      editor: null,
+      getPos: null,
+    })
+  })
+
+  it('skips props the component already declares', () => {
+    const component = defineComponent({
+      props: { editor: Object, getPos: Function, label: String },
+      render,
+    })
+
+    expect(undeclaredWidgetProps(component, { label: 'a' })).toEqual({})
+  })
+
+  it('declares passed props the component is missing', () => {
+    const component = defineComponent({ props: { label: String }, render })
+
+    expect(undeclaredWidgetProps(component, { label: 'a', count: 1 })).toEqual({
+      editor: null,
+      getPos: null,
+      count: null,
+    })
+  })
+
+  it('reads array prop declarations', () => {
+    const component = defineComponent({ props: ['label', 'get-pos'], render })
+
+    expect(undeclaredWidgetProps(component, { label: 'a' })).toEqual({ editor: null })
+  })
+
+  it('reads props from extends and mixins', () => {
+    const component = defineComponent({
+      extends: defineComponent({ props: { editor: Object }, render }),
+      mixins: [defineComponent({ props: { label: String }, render })],
+      render,
+    })
+
+    expect(undeclaredWidgetProps(component, { label: 'a' })).toEqual({ getPos: null })
+  })
+
+  it('handles a component without props', () => {
+    expect(undeclaredWidgetProps(defineComponent({ render }), {})).toEqual({
+      editor: null,
+      getPos: null,
+    })
+  })
+})
diff --git a/packages/vue/src/utils/undeclaredWidgetProps.ts b/packages/vue/src/utils/undeclaredWidgetProps.ts
new file mode 100644
index 0000000..71b6358
--- /dev/null
+++ b/packages/vue/src/utils/undeclaredWidgetProps.ts
@@ -0,0 +1,57 @@
+import type { Component } from 'vue'
+import { camelize } from 'vue'
+
+interface OptionsComponent {
+  props?: string[] | Record<string, unknown>
+  extends?: Component
+  mixins?: Component[]
+}
+
+function collectPropNames(component: Component | undefined, names: Set<string>): void {
+  const options = component as OptionsComponent | undefined
+
+  if (!options) {
+    return
+  }
+
+  options.mixins?.forEach(mixin => collectPropNames(mixin, names))
+  collectPropNames(options.extends, names)
+
+  const { props } = options
+
+  if (Array.isArray(props)) {
+    props.forEach(name => names.add(camelize(name)))
+  } else if (props) {
+    Object.keys(props).forEach(name => names.add(camelize(name)))
+  }
+}
+
+/**
+ * Builds prop declarations for the widget props a component does not declare itself.
+ * Declaring them keeps Vue from rendering them as DOM attributes, while leaving
+ * the component's own `type`, `default` and `validator` options untouched.
+ *
+ * @param component The widget component, including its `extends` and `mixins` chain.
+ * @param props The props passed through `VueWidgetRenderer`.
+ * @returns A Vue props object for the undeclared keys only.
+ * @example
+ * undeclaredWidgetProps(MyWidget, { label: 'a' }) // => { editor: null, getPos: null }
+ */
+export function undeclaredWidgetProps(
+  component: Component,
+  props: Record<string, any>,
+): Record<string, null> {
+  const declared = new Set<string>()
+
+  collectPropNames(component, declared)
+
+  const declarations: Record<string, null> = {}
+
+  for (const name of ['editor', 'getPos', ...Object.keys(props)]) {
+    if (!declared.has(camelize(name))) {
+      declarations[name] = null
+    }
+  }
+
+  return declarations
+}
diff --git a/packages/vue/src/utils/wrapFunctionalWidget.ts b/packages/vue/src/utils/wrapFunctionalWidget.ts
new file mode 100644
index 0000000..165e7ed
--- /dev/null
+++ b/packages/vue/src/utils/wrapFunctionalWidget.ts
@@ -0,0 +1,42 @@
+import type { FunctionalComponent } from 'vue'
+
+import { undeclaredWidgetProps } from './undeclaredWidgetProps.js'
+
+type PropsOption = FunctionalComponent['props']
+
+/** Keeps an array declaration an array, so Vue does not read numeric keys as prop names. */
+function mergePropsOption(declared: PropsOption, undeclared: Record<string, null>): PropsOption {
+  if (Array.isArray(declared)) {
+    return [...declared, ...Object.keys(undeclared)]
+  }
+
+  return { ...(declared as object), ...undeclared } as PropsOption
+}
+
+/**
+ * Wraps a functional component so it can be used as a widget decoration.
+ *
+ * A functional component is its own render function, so the options wrapper
+ * used for object components would spread it away and leave Vue with nothing
+ * to render.
+ *
+ * @param component The functional component.
+ * @param props The props passed through `VueWidgetRenderer`.
+ * @returns A functional component declaring the widget props.
+ * @example
+ * wrapFunctionalWidget(props => h('span', props.label), { label: 'a' })
+ */
+export function wrapFunctionalWidget(
+  component: FunctionalComponent,
+  props: Record<string, any>,
+): FunctionalComponent {
+  const wrapped: FunctionalComponent = (componentProps, context) =>
+    component(componentProps, context)
+
+  wrapped.props = mergePropsOption(component.props, undeclaredWidgetProps(component, props))
+  wrapped.emits = component.emits
+  wrapped.inheritAttrs = component.inheritAttrs
+  wrapped.displayName = component.displayName ?? component.name
+
+  return wrapped
+}
diff --git a/packages/vue/tests/integration/useEditor.test.ts b/packages/vue/tests/integration/useEditor.test.ts
new file mode 100644
index 0000000..796f2bb
--- /dev/null
+++ b/packages/vue/tests/integration/useEditor.test.ts
@@ -0,0 +1,54 @@
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { afterEach, describe, expect, it, vi } from 'vite-plus/test'
+import { createApp, defineComponent, h, nextTick } from 'vue'
+
+import { EditorContent, useEditor } from '../../src/index.js'
+
+describe('useEditor', () => {
+  const mountedElements: HTMLElement[] = []
+
+  afterEach(() => {
+    mountedElements.forEach(element => {
+      if (element.parentNode) {
+        element.parentNode.removeChild(element)
+      }
+    })
+
+    mountedElements.length = 0
+  })
+
+  it('should not replace Vue-owned DOM on unmount', async () => {
+    const replaceChildSpy = vi.spyOn(Node.prototype, 'replaceChild')
+
+    try {
+      const TestComponent = defineComponent({
+        setup() {
+          // oxlint-disable-next-line react-hooks/rules-of-hooks
+          const editor = useEditor({
+            extensions: [Document, Paragraph, Text],
+            content: '<p>Hello World</p>',
+          })
+
+          return () => h(EditorContent, { editor: editor.value })
+        },
+      })
+
+      const app = createApp(TestComponent)
+      const target = document.createElement('div')
+
+      document.body.appendChild(target)
+      mountedElements.push(target)
+
+      app.mount(target)
+      await nextTick()
+      await nextTick()
+
+      expect(() => app.unmount()).not.toThrow()
+      expect(replaceChildSpy).not.toHaveBeenCalled()
+    } finally {
+      replaceChildSpy.mockRestore()
+    }
+  })
+})
diff --git a/packages/vue/vite.config.ts b/packages/vue/vite.config.ts
new file mode 100644
index 0000000..6d2e11f
--- /dev/null
+++ b/packages/vue/vite.config.ts
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite-plus'
+import { tsupCompatibleExtensions } from '../../pack.config.mjs'
+
+const entries = ['src/menus/index.ts', 'src/index.ts']
+
+export default defineConfig({
+  pack: entries.map(entry => ({
+    entry: [entry],
+    tsconfig: '../../tsconfig.build.json',
+    outDir: `dist${entry.replace('src', '').split('/').slice(0, -1).join('/')}`,
+    dts: { sourcemap: true },
+    sourcemap: true,
+    target: 'es2019',
+    format: ['esm', 'cjs'],
+    outExtensions: tsupCompatibleExtensions,
+  })),
+})
diff --git a/patches/@changesets__assemble-release-plan@6.0.10.patch b/patches/@changesets__assemble-release-plan@6.0.10.patch
new file mode 100644
index 0000000..25a67db
--- /dev/null
+++ b/patches/@changesets__assemble-release-plan@6.0.10.patch
@@ -0,0 +1,15 @@
+diff --git a/dist/changesets-assemble-release-plan.cjs.js b/dist/changesets-assemble-release-plan.cjs.js
+index a91112a7ddf4b6f242965e0bf99ba2f60f988ede..6baddab89d4a41754c8f73d5d914604a54f248cb 100644
+--- a/dist/changesets-assemble-release-plan.cjs.js
++++ b/dist/changesets-assemble-release-plan.cjs.js
+@@ -336,6 +336,10 @@ function shouldBumpMajor({
+   preInfo,
+   onlyUpdatePeerDependentsWhenOutOfRange
+ }) {
++  if (depType === "peerDependencies") {
++    return false;
++  }
++
+   // we check if it is a peerDependency because if it is, our dependent bump type might need to be major.
+   return depType === "peerDependencies" && nextRelease.type !== "none" && nextRelease.type !== "patch" && (
+   // 1. If onlyUpdatePeerDependentsWhenOutOfRange set to true, bump major if the version is leaving the range.
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 0000000..5384000
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,28 @@
+import { defineConfig, devices } from '@playwright/test'
+
+process.env.NODE_OPTIONS = [process.env.NODE_OPTIONS, '--require tsconfig-paths/register']
+  .filter(Boolean)
+  .join(' ')
+
+export default defineConfig({
+  testDir: './demos',
+  testMatch: '**/*.spec.ts',
+  fullyParallel: false,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  reporter: process.env.CI ? [['github'], ['blob']] : [['line'], ['html', { open: 'never' }]],
+  use: {
+    baseURL: 'http://127.0.0.1:4080',
+    trace: 'on-first-retry',
+  },
+  projects: [
+    { name: 'chromium', use: { ...devices['Desktop Chrome'] } },
+    { name: 'firefox', use: { ...devices['Desktop Firefox'] } },
+  ],
+  webServer: {
+    command: 'vp -C demos run start:e2e',
+    url: 'http://127.0.0.1:4080',
+    reuseExistingServer: !process.env.CI,
+    timeout: 120000,
+  },
+})
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
new file mode 100644
index 0000000..dd019af
--- /dev/null
+++ b/pnpm-workspace.yaml
@@ -0,0 +1,36 @@
+packages:
+  - 'packages/*'
+  - 'codemods/*'
+  - 'demos'
+catalog:
+  vite: npm:@voidzero-dev/vite-plus-core@0.3.0
+  vite-plus: 0.3.0
+allowBuilds:
+  '@parcel/watcher': true
+  esbuild: true
+  iframe-resizer: true
+minimumReleaseAgeExclude:
+  - '@tiptap/*'
+overrides:
+  '@rollup/pluginutils>picomatch': '2.3.2'
+  'prosemirror-model': '^1.25.11'
+  'prosemirror-view': '^1.42.3'
+  '@octokit/action>undici': '6.24.1'
+  'anymatch>picomatch': '2.3.2'
+  'glob': '^10.5.0'
+  'micromatch>picomatch': '2.3.2'
+  'minimatch@^3.0.5': '3.1.4'
+  'minimatch@^3.1.2': '3.1.4'
+  'qs': '^6.14.1'
+  'readdirp>picomatch': '2.3.2'
+  'sass>immutable': '5.1.5'
+  'tinyglobby>picomatch': '4.0.4'
+  'vitest>picomatch': '4.0.4'
+  vite@*: 'catalog:'
+peerDependencyRules:
+  allowedVersions:
+    vite: '*'
+  allowAny:
+    - vite
+patchedDependencies:
+  '@changesets/assemble-release-plan@6.0.10': 'patches/@changesets__assemble-release-plan@6.0.10.patch'
diff --git a/scripts/aggregate-changeset.js b/scripts/aggregate-changeset.js
new file mode 100644
index 0000000..920efd2
--- /dev/null
+++ b/scripts/aggregate-changeset.js
@@ -0,0 +1,439 @@
+/* oslint-disable */
+
+import { execFile as execFileCallback } from 'node:child_process'
+import { readFile, writeFile } from 'node:fs/promises'
+import { createRequire } from 'node:module'
+import path from 'node:path'
+import { pathToFileURL } from 'node:url'
+import { promisify } from 'node:util'
+import fg from 'fast-glob'
+import getReleasePlan from '@changesets/get-release-plan'
+
+const execFile = promisify(execFileCallback)
+const require = createRequire(import.meta.url)
+const resolveFromWorkspace = request =>
+  require.resolve(request, {
+    paths: [process.cwd(), require.resolve('@changesets/cli/changelog')],
+  })
+const semverSatisfies = require(resolveFromWorkspace('semver/functions/satisfies'))
+const validRange = require(resolveFromWorkspace('semver/ranges/valid'))
+
+function normalizeChangelogOption(changelog) {
+  if (changelog === false) return false
+  if (typeof changelog === 'string') return [changelog, null]
+  return changelog
+}
+
+async function readChangesetConfig() {
+  const content = await readFile('.changeset/config.json', 'utf-8')
+  const json = JSON.parse(content)
+
+  return {
+    ...json,
+    changelog: normalizeChangelogOption(
+      json.changelog === undefined ? '@changesets/cli/changelog' : json.changelog,
+    ),
+  }
+}
+
+function resolveModuleFrom(fromDir, request) {
+  const fromRequire = createRequire(path.join(fromDir, '__changeset_resolver__.js'))
+  return fromRequire.resolve(request)
+}
+
+async function loadChangelogGenerator(cwd) {
+  const config = await readChangesetConfig()
+
+  if (!config.changelog) {
+    return {
+      config,
+      changelogFunctions: null,
+      changelogOpts: null,
+    }
+  }
+
+  const [modulePath, changelogOpts] = config.changelog
+  const changesetDir = path.join(cwd, '.changeset')
+
+  let resolvedPath
+
+  try {
+    resolvedPath = resolveModuleFrom(changesetDir, modulePath)
+  } catch {
+    resolvedPath = resolveModuleFrom(cwd, modulePath)
+  }
+
+  let mod = await import(pathToFileURL(resolvedPath).href)
+  mod = mod.default ?? mod
+  mod = mod.default ?? mod
+
+  if (
+    typeof mod.getReleaseLine !== 'function' ||
+    typeof mod.getDependencyReleaseLine !== 'function'
+  ) {
+    throw new Error(`Could not resolve changelog generation functions from ${modulePath}`)
+  }
+
+  return {
+    config,
+    changelogFunctions: mod,
+    changelogOpts,
+  }
+}
+
+async function getChangesetCommit(cwd, changesetId) {
+  const candidates = [`.changeset/${changesetId}.md`, `.changeset/${changesetId}/changes.json`]
+
+  for (const filePath of candidates) {
+    try {
+      const { stdout } = await execFile(
+        'git',
+        ['log', '--diff-filter=A', '--format=%H', '-n', '1', '--', filePath],
+        {
+          cwd,
+        },
+      )
+      const commit = stdout.trim()
+
+      if (commit) return commit
+    } catch {}
+  }
+
+  return undefined
+}
+
+async function addCommitsToChangesets(cwd, changesets) {
+  return Promise.all(
+    changesets.map(async changeset => ({
+      ...changeset,
+      commit: await getChangesetCommit(cwd, changeset.id),
+    })),
+  )
+}
+
+async function loadWorkspacePackages(cwd) {
+  const packageFiles = await fg(['packages/*/package.json', 'demos/package.json'], {
+    cwd,
+    absolute: true,
+  })
+
+  const packages = new Map()
+
+  for (const packageFile of packageFiles) {
+    const packageJson = JSON.parse(await readFile(packageFile, 'utf-8'))
+
+    if (!packageJson.name) continue
+
+    packages.set(packageJson.name, {
+      dir: path.dirname(packageFile),
+      packageJson,
+    })
+  }
+
+  return packages
+}
+
+function getBumpLevel(type) {
+  const level = ['none', 'patch', 'minor', 'major'].indexOf(type)
+
+  if (level < 0) {
+    throw new Error(`Unrecognised bump type ${type}`)
+  }
+
+  return level
+}
+
+function shouldUpdateDependencyBasedOnConfig(cwd, release, dependency, config) {
+  let { depVersionRange } = dependency
+  const usesWorkspaceRange = depVersionRange.startsWith('workspace:')
+
+  if (usesWorkspaceRange) {
+    depVersionRange = depVersionRange.replace(/^workspace:/, '')
+
+    switch (depVersionRange) {
+      case '*':
+        return true
+      case '^':
+      case '~':
+        depVersionRange = `${depVersionRange}${release.oldVersion}`
+        break
+      default:
+        if (!validRange(depVersionRange)) {
+          return (
+            path.posix.normalize(depVersionRange) ===
+            path.relative(cwd, release.dir).replaceAll('\\', '/')
+          )
+        }
+    }
+  }
+
+  if (!semverSatisfies(release.version, depVersionRange)) {
+    return true
+  }
+
+  let shouldUpdate = getBumpLevel(release.type) >= getBumpLevel(config.minReleaseType)
+
+  if (dependency.depType === 'peerDependencies') {
+    shouldUpdate = !config.onlyUpdatePeerDependentsWhenOutOfRange
+  }
+
+  return shouldUpdate
+}
+
+async function getPackageChangelogEntry(
+  cwd,
+  release,
+  releases,
+  changesets,
+  changelogFunctions,
+  changelogOpts,
+  config,
+) {
+  if (release.type === 'none') return null
+
+  const changelogLines = {
+    major: [],
+    minor: [],
+    patch: [],
+  }
+
+  for (const changeset of changesets) {
+    const changesetRelease = changeset.releases.find(item => item.name === release.name)
+
+    if (changesetRelease && changesetRelease.type !== 'none') {
+      changelogLines[changesetRelease.type].push(
+        changelogFunctions.getReleaseLine(changeset, changesetRelease.type, changelogOpts),
+      )
+    }
+  }
+
+  const dependentReleases = releases.filter(otherRelease => {
+    const dependencyVersionRange = release.packageJson.dependencies?.[otherRelease.name]
+    const peerDependencyVersionRange = release.packageJson.peerDependencies?.[otherRelease.name]
+    const versionRange = dependencyVersionRange || peerDependencyVersionRange
+    const usesWorkspaceRange = versionRange?.startsWith('workspace:')
+
+    return (
+      versionRange &&
+      (usesWorkspaceRange || validRange(versionRange) !== null) &&
+      shouldUpdateDependencyBasedOnConfig(
+        cwd,
+        {
+          type: otherRelease.type,
+          version: otherRelease.newVersion,
+          oldVersion: otherRelease.oldVersion,
+          dir: otherRelease.dir,
+        },
+        {
+          depVersionRange: versionRange,
+          depType: dependencyVersionRange ? 'dependencies' : 'peerDependencies',
+        },
+        {
+          minReleaseType: config.updateInternalDependencies,
+          onlyUpdatePeerDependentsWhenOutOfRange: config.onlyUpdatePeerDependentsWhenOutOfRange,
+        },
+      )
+    )
+  })
+
+  const relevantChangesetIds = new Set()
+
+  for (const dependentRelease of dependentReleases) {
+    for (const changesetId of dependentRelease.changesets) {
+      relevantChangesetIds.add(changesetId)
+    }
+  }
+
+  const relevantChangesets = changesets.filter(changeset => relevantChangesetIds.has(changeset.id))
+
+  changelogLines.patch.push(
+    changelogFunctions.getDependencyReleaseLine(
+      relevantChangesets,
+      dependentReleases,
+      changelogOpts,
+    ),
+  )
+
+  const sections = []
+
+  for (const type of ['major', 'minor', 'patch']) {
+    const lines = (await Promise.all(changelogLines[type]))
+      .map(line => line?.trim())
+      .filter(Boolean)
+
+    if (lines.length > 0) {
+      sections.push(`### ${type[0].toUpperCase()}${type.slice(1)} Changes\n\n${lines.join('\n')}\n`)
+    }
+  }
+
+  if (sections.length === 0) return null
+
+  return [`## ${release.newVersion}`, ...sections].join('\n')
+}
+
+function renderPackageSection(name, entry) {
+  const body = entry
+    .replace(/^##\s+.*\n+/, '')
+    .split('\n')
+    .map(line => line.replace(/^(#{1,5})\s/, '$1# '))
+    .join('\n')
+    .replace(/\n{3,}/g, '\n\n')
+    .trim()
+
+  return `### ${name}\n\n${body}`
+}
+
+function renderReleaseNotes(version, sections) {
+  return (
+    [
+      '# Releases',
+      '',
+      `## v${version}`,
+      '',
+      ...sections.flatMap((section, index) =>
+        index === sections.length - 1 ? [section] : [section, ''],
+      ),
+    ].join('\n') + '\n'
+  )
+}
+
+/**
+ * Replace an existing `## v<version>` section in the changelog body, or prepend it.
+ * The body passed in should not include the `# Releases` heading.
+ *
+ * @param {string} body - existing changelog body (without top heading)
+ * @param {string} newSection - the section text starting with `## v...` and ending with a newline
+ * @param {string} version - semantic version string (without leading 'v')
+ * @returns {string} updated changelog body including the new or replaced section
+ */
+function replaceOrPrependVersionSection(body, newSection, version) {
+  function escapeRegExp(string) {
+    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+  }
+
+  const existing = body || ''
+  const newTrim = newSection.trim()
+
+  if (!existing.trim()) {
+    return `${newTrim}\n\n`
+  }
+
+  const headerRe = new RegExp(`^## v${escapeRegExp(version)}\\b`, 'm')
+  const headerMatch = headerRe.exec(existing)
+
+  if (!headerMatch) {
+    return `${newTrim}\n\n${existing}`
+  }
+
+  const startIndex = headerMatch.index
+  const rest = existing.slice(startIndex + headerMatch[0].length)
+  const nextHeaderRe = /^#{1,2}\s.*$/m
+  const nextMatch = nextHeaderRe.exec(rest)
+
+  const endIndex = nextMatch
+    ? startIndex + headerMatch[0].length + nextMatch.index
+    : existing.length
+  const before = existing.slice(0, startIndex)
+  const after = existing.slice(endIndex)
+
+  return `${before}${newTrim}\n\n${after}`
+}
+
+/**
+ * Removes the release heading from the existing CHANGELOG.md file.
+ */
+async function readChangelogBody() {
+  try {
+    const content = await readFile('CHANGELOG.md', 'utf-8')
+    return content.replace(/^# Releases\n\n/, '')
+  } catch (err) {
+    if (err && err.code === 'ENOENT') return ''
+    throw err
+  }
+}
+
+async function main() {
+  try {
+    const cwd = process.cwd()
+    const plan = await getReleasePlan(cwd)
+
+    if (!plan || !Array.isArray(plan.changesets) || plan.changesets.length === 0) {
+      console.log('No changesets found — skipping changelog generation')
+      return
+    }
+
+    const version = plan.releases && plan.releases[0] ? plan.releases[0].newVersion : 'unreleased'
+    const { config, changelogFunctions, changelogOpts } = await loadChangelogGenerator(cwd)
+
+    if (!changelogFunctions) {
+      console.log(
+        'Changelog generation is disabled in .changeset/config.json — skipping aggregate changelog generation',
+      )
+      return
+    }
+
+    const packageMap = await loadWorkspacePackages(cwd)
+    const releasesWithPackages = plan.releases
+      .filter(release => {
+        const pkg = packageMap.get(release.name)
+        return !!pkg
+      })
+      .map(release => {
+        const pkg = packageMap.get(release.name)
+
+        return {
+          ...release,
+          ...pkg,
+        }
+      })
+      // Ignore private packages like the demos package
+      .filter(release => release.type !== 'none' && !release.packageJson.private)
+
+    const changesetsWithCommits = await addCommitsToChangesets(cwd, plan.changesets)
+    const aggregateConfig = {
+      updateInternalDependencies: config.updateInternalDependencies === 'minor' ? 'minor' : 'patch',
+      onlyUpdatePeerDependentsWhenOutOfRange: Boolean(
+        config.___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH
+          ?.onlyUpdatePeerDependentsWhenOutOfRange,
+      ),
+    }
+
+    const sections = []
+
+    for (const release of releasesWithPackages) {
+      const entry = await getPackageChangelogEntry(
+        cwd,
+        release,
+        releasesWithPackages,
+        changesetsWithCommits,
+        changelogFunctions,
+        changelogOpts,
+        aggregateConfig,
+      )
+
+      if (entry) {
+        sections.push(renderPackageSection(release.name, entry))
+      }
+    }
+
+    if (sections.length === 0) {
+      console.log(
+        'No package changelog entries generated — skipping aggregate changelog generation',
+      )
+      return
+    }
+
+    const output = renderReleaseNotes(version, sections)
+    const existingBody = await readChangelogBody()
+    const newSection = output.split('\n').slice(2).join('\n').trimEnd() + '\n'
+    const updatedBody = replaceOrPrependVersionSection(existingBody, newSection, version)
+    await writeFile('CHANGELOG.md', `# Releases\n\n${updatedBody}`, 'utf-8')
+
+    console.log('Release notes written to CHANGELOG.md')
+  } catch (err) {
+    console.error('Failed to aggregate changesets:', err)
+    process.exit(1)
+  }
+}
+
+main()
diff --git a/scripts/check-package-dists.sh b/scripts/check-package-dists.sh
new file mode 100755
index 0000000..07ee7ec
--- /dev/null
+++ b/scripts/check-package-dists.sh
@@ -0,0 +1,53 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
+SCRIPT_DIR="$(cd -- "$(dirname -- "${BASH_SOURCE[0]}")" && pwd)"
+REPO_ROOT="$(cd -- "$SCRIPT_DIR/.." && pwd)"
+
+shopt -s nullglob
+
+declare -a missing_paths=()
+declare -a package_dirs=()
+declare -a empty_paths=()
+
+for package_json in "$REPO_ROOT"/packages/*/package.json; do
+  package_dirs+=("${package_json%/package.json}")
+done
+
+if [ "${#package_dirs[@]}" -eq 0 ]; then
+  echo "No package directories found."
+  exit 1
+fi
+
+for package_dir in "${package_dirs[@]}"; do
+  dist_dir="$package_dir/dist"
+
+  if [ ! -d "$dist_dir" ]; then
+    missing_paths+=("${dist_dir#"$REPO_ROOT"/}")
+    continue
+  fi
+
+  dist_entries=("$dist_dir"/*)
+
+  if [ "${#dist_entries[@]}" -eq 0 ]; then
+    empty_paths+=("${dist_dir#"$REPO_ROOT"/}")
+  fi
+done
+
+if [ "${#missing_paths[@]}" -eq 0 ] && [ "${#empty_paths[@]}" -eq 0 ]; then
+  echo "All ${#package_dirs[@]} package dist directories exist and contain build artifacts."
+  exit 0
+fi
+
+if [ "${#missing_paths[@]}" -gt 0 ]; then
+  echo "Missing dist directories:"
+  printf ' - %s\n' "${missing_paths[@]}"
+fi
+
+if [ "${#empty_paths[@]}" -gt 0 ]; then
+  echo "Empty dist directories:"
+  printf ' - %s\n' "${empty_paths[@]}"
+fi
+
+exit 1
diff --git a/scripts/check-package-exports.mjs b/scripts/check-package-exports.mjs
new file mode 100644
index 0000000..da2916d
--- /dev/null
+++ b/scripts/check-package-exports.mjs
@@ -0,0 +1,54 @@
+import { existsSync, readFileSync, readdirSync } from 'node:fs'
+import { join, resolve } from 'node:path'
+
+const root = resolve('.')
+const fields = ['main', 'module', 'types']
+const errors = []
+let total = 0
+
+function collectTargets(value, targets = []) {
+  if (typeof value === 'string') {
+    targets.push(value)
+    return targets
+  }
+
+  if (!value || typeof value !== 'object') return targets
+
+  for (const nestedValue of Object.values(value)) collectTargets(nestedValue, targets)
+
+  return targets
+}
+
+const packagesRoot = join(root, 'packages')
+
+for (const entry of readdirSync(packagesRoot, { withFileTypes: true })) {
+  if (!entry.isDirectory()) continue
+
+  const packageRoot = join(packagesRoot, entry.name)
+  const manifestPath = join(packageRoot, 'package.json')
+  if (!existsSync(manifestPath)) continue
+
+  const manifest = JSON.parse(readFileSync(manifestPath, 'utf8'))
+  total += 1
+
+  const targets = fields.flatMap(field =>
+    typeof manifest[field] === 'string' ? [manifest[field]] : [],
+  )
+  targets.push(...collectTargets(manifest.exports))
+
+  for (const target of new Set(targets)) {
+    if (target === './package.json') continue
+
+    // Remove leading './' from target path and join with package root
+    const targetPath = join(packageRoot, target.replace(/^\.\//, ''))
+    if (!existsSync(targetPath)) errors.push(`${manifest.name}: ${target}`)
+  }
+}
+
+if (errors.length > 0) {
+  console.error(`Missing package export targets in ${total} packages:`)
+  for (const error of errors) console.error(`- ${error}`)
+  process.exitCode = 1
+} else {
+  console.log(`All package export targets exist in ${total} packages.`)
+}
diff --git a/scripts/make-demo.sh b/scripts/make-demo.sh
new file mode 100644
index 0000000..6b87b6d
--- /dev/null
+++ b/scripts/make-demo.sh
@@ -0,0 +1,26 @@
+#!/usr/bin/env bash
+
+# Ask user what the new Demo should be called
+read -p "What is the name of the new Demo? " DEMO_NAME
+
+# remove spaces with underscores
+DEMO_NAME=${DEMO_NAME// /_}
+
+# Ask user what category the new Demo should be in (options: "Dev", "Examples", "Extensions", "Experiments", "Marks", "Nodes")
+read -p "What category should the new Demo be in? (Options: Dev, Examples, Extensions, Experiments, Marks, Nodes) " DEMO_CATEGORY
+
+if [[ ! "$DEMO_CATEGORY" =~ ^(Dev|Examples|Extensions|Experiments|Marks|Nodes)$ ]]; then
+  echo "Invalid category. Please choose from: Dev, Examples, Extensions, Experiments, Marks, Nodes."
+  exit 1
+fi
+
+NEW_DEMO_DIR="demos/src/$DEMO_CATEGORY/$DEMO_NAME"
+
+# Check if the directory already exists
+if [ -d "$NEW_DEMO_DIR" ]; then
+  echo "Directory $NEW_DEMO_DIR already exists. Please choose a different name."
+  exit 1
+fi
+
+# Copy demos/src/Examples/Default to the new directory
+cp -r demos/src/Examples/Default "$NEW_DEMO_DIR"
diff --git a/skills/tiptap/SKILL.md b/skills/tiptap/SKILL.md
new file mode 100644
index 0000000..f992787
--- /dev/null
+++ b/skills/tiptap/SKILL.md
@@ -0,0 +1,165 @@
+---
+name: tiptap
+description: Helps coding agents integrate and work with the Tiptap rich text editor. Use when building or modifying a rich text editor with Tiptap, installing Tiptap extensions, or implementing features like collaboration, comments, AI, or document conversion.
+compatibility: Requires git
+metadata:
+  author: tiptap
+  version: '1.0'
+---
+
+# Tiptap Integration Skill
+
+This skill contains instructions for integrating the Tiptap rich text editor into an app and
+developing new features with it.
+
+This is not the Tiptap editor you know: it may have evolved and changed since the version you're familiar with.
+Before you implement any feature with Tiptap, reference the Tiptap code and documentation to make sure you implement
+it correctly. Make sure any decision you make is in accordance to the "Best Practices" section and is grounded in the
+Tiptap documentation and source code. Do not guess or invent patterns, make sure the code you write matches the library
+source code and the documentation.
+
+## Finding Tiptap source and docs
+
+Avoid cloning. You usually don't need to.
+
+- **Docs**: append `.md` to any page URL on https://tiptap.dev/docs to fetch it as Markdown.
+  `https://tiptap.dev/docs/llms.txt` lists every page with a one-line description.
+- **Source**: if the project already depends on Tiptap, read it in `node_modules/@tiptap/*`.
+
+Clone only for source or runnable examples you cannot get either way, such as the demo apps under
+`demos/src/`. Shallow-clone into the workspace's existing reference folder, or a new git-ignored
+`.reference/`:
+
+```bash
+git clone --depth 1 --filter=blob:none https://github.com/ueberdosis/tiptap .reference/tiptap
+```
+
+Never clone `tiptap-docs`. The site is the interface.
+
+A cloned Tiptap repository is read-only reference. Its `AGENTS.md` / `CLAUDE.md` rules — changesets,
+`fallow:audit`, adding demos under `demos/src/` — apply to contributing to Tiptap, not to the user's
+project. Never follow them in the user's repo.
+
+## Best Practices
+
+### General
+
+- For a new install, use the latest stable version. Resolve it with `npm view @tiptap/core version`.
+- The editor and extension packages published from the tiptap monorepo share one version line. Pin
+  every one of them to that same version. Mixing versions risks introducing bugs.
+- Some packages have their own version line. Resolve these from the registry, never from
+  `@tiptap/core`: `@tiptap/ai-toolkit`, `@tiptap/y-tiptap`, `@tiptap-pro/*` (private registry),
+  `@hocuspocus/*`.
+- Do not mix majors. For a project still on Tiptap 2, upgrade first. See
+  https://tiptap.dev/docs/guides/upgrade-tiptap-v2.md.
+- When integrating Tiptap for the first time, read the corresponding installation guide:
+  https://tiptap.dev/docs/editor/getting-started/install.md, plus the page for your framework under
+  `https://tiptap.dev/docs/editor/getting-started/install/` (e.g. `react.md`, `nextjs.md`, `vue3.md`,
+  `svelte.md`, `nuxt.md`, `vanilla-javascript.md`).
+- When server-side rendering (e.g. Next.js), set the `immediatelyRender: false` option when initializing the editor. Otherwise, the editor will crash. Learn more about this in
+  https://tiptap.dev/docs/editor/getting-started/install/nextjs.md.
+
+### React
+
+Default to the Composable API (`<Tiptap>` + `useTiptap()`) for new code. The hook-based
+`useEditor` + `<EditorContent />` API is still supported and is fine for an editor that lives in a
+single component.
+
+Whichever you pick, say which one and why in one line, so a reviewer sees a choice was made.
+
+## Implementing Editor Features
+
+When the user asks you to implement one of these features, read the linked documentation for guidance.
+Every link below is the Markdown form of a live page; `https://tiptap.dev/docs/llms.txt` lists the rest
+of each section.
+
+### Real-time collaboration
+
+Multiple users editing a document simultaneously. See
+https://tiptap.dev/docs/collaboration/getting-started/overview.md and
+https://tiptap.dev/docs/collaboration/getting-started/install.md.
+
+Use Tiptap Cloud to implement real-time collaboration. Use the Collaboration extension:
+
+```
+const doc = new Y.Doc()
+
+const editor = new Editor({
+  extensions: [
+    Collaboration.configure({
+      document: doc,
+    }),
+  ],
+})
+```
+
+Use the TiptapCollabProvider:
+
+```
+const provider = new TiptapCollabProvider({
+  name: 'unique_document_name',
+  appId: 'APP_ID', // Your document server ID from the Cloud dashboard
+  token: 'JWT_TOKEN', // Your JWT token
+  document: doc,
+})
+```
+
+If it's the first time setting up collaboration and the Tiptap Cloud account is not set up, explain
+to the user how to set up a Tiptap Cloud account and obtain the environment variables.
+
+### Comments
+
+Implement comments with the Comments extension.
+
+Thread-based inline and document comments. See
+https://tiptap.dev/docs/comments/getting-started/overview.md and
+https://tiptap.dev/docs/comments/getting-started/install.md.
+
+### Tracked changes
+
+Track, accept, and reject document edits. See
+https://tiptap.dev/docs/tracked-changes/getting-started/overview.md and
+https://tiptap.dev/docs/tracked-changes/getting-started/install.md.
+
+### Import/Export
+
+Convert documents to and from DOCX, PDF, Markdown, and other formats. See
+https://tiptap.dev/docs/conversion/getting-started/overview.md and
+https://tiptap.dev/docs/conversion/getting-started/install.md.
+
+### AI Toolkit
+
+Agentic document work: an AI reading, editing, commenting on, proofreading, and reviewing Tiptap
+documents. Server-side is the default. See https://tiptap.dev/docs/ai/ai-toolkit/overview.md.
+
+Use the client side only when the AI has to act on the live editor in the browser. See
+https://tiptap.dev/docs/ai/ai-toolkit/client/overview.md.
+
+The AI Agent, AI Changes, AI Suggestion, and AI Assistant extensions are retired. Don't recommend
+them, and never implement from any page under `https://tiptap.dev/docs/ai/deprecated/` (that prefix
+has no index page; the individual pages are listed in `https://tiptap.dev/docs/llms.txt`). To move an
+existing integration off them, see
+https://tiptap.dev/docs/ai/ai-toolkit/client/advanced-guides/migration-guides.md.
+
+### Basic AI Generation
+
+Generate and edit text content from one-shot prompts. See https://tiptap.dev/docs/ai/basic/overview.md.
+
+### Version history
+
+Save and restore document snapshots. See https://tiptap.dev/docs/collaboration/documents/snapshot.md.
+
+### Snapshot compare
+
+Highlight differences between document versions. See https://tiptap.dev/docs/collaboration/documents/snapshot-compare.md.
+
+### Pages
+
+Print-ready page layout with headers, footers, and page breaks. See
+https://tiptap.dev/docs/pages/getting-started/overview.md and
+https://tiptap.dev/docs/pages/getting-started/install.md.
+
+## Pro Extensions
+
+Some Tiptap extensions are distributed through a private npm registry. To install pro packages, see
+https://tiptap.dev/docs/guides/pro-extensions.md for setup instructions.
diff --git a/tsconfig.build.json b/tsconfig.build.json
new file mode 100644
index 0000000..be33c55
--- /dev/null
+++ b/tsconfig.build.json
@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "../../",
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
+  }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..b963528
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "noEmit": true,
+    "target": "es2019",
+    "module": "nodenext",
+    "strict": true,
+    "jsx": "react-jsx",
+    "importHelpers": true,
+    "moduleResolution": "nodenext",
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "sourceMap": true,
+    "rootDir": ".",
+    "allowJs": true,
+    "checkJs": false,
+    "paths": {
+      "@tiptap/static-renderer/pm/*": ["packages/static-renderer/src/pm/*"],
+      "@tiptap/static-renderer/json/*": ["packages/static-renderer/src/json/*"],
+      "@tiptap/pm/*": ["packages/pm/*/index.ts"],
+      "@tiptap/*": ["packages/*/src/index.ts"]
+    },
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
+  },
+  "files": ["./env.d.ts"],
+  "include": ["**/*.d.ts", "**/*.ts", "**/*.tsx", "**/*.vue"],
+  "exclude": ["**/node_modules", "**/dist"]
+}
diff --git a/vite.config.mts b/vite.config.mts
new file mode 100644
index 0000000..c0677ff
--- /dev/null
+++ b/vite.config.mts
@@ -0,0 +1,125 @@
+import fg from 'fast-glob'
+import { resolve } from 'path'
+import { defineConfig } from 'vite-plus'
+
+const getPackageAliases = () => {
+  const aliases: Record<string, string> = {}
+
+  function collectPackageInformation(path: string) {
+    fg.sync(`${path}/*`, { onlyDirectories: true })
+      .map(name => name.replace(`${path}/`, ''))
+      .forEach(name => {
+        if (name === 'pm') {
+          fg.sync(`${path}/${name}/*`, { onlyDirectories: true }).forEach(subName => {
+            const subPkgName = subName.replace(`${path}/${name}/`, '')
+
+            if (subPkgName === 'dist' || subPkgName === 'node_modules') {
+              return
+            }
+
+            aliases[`@tiptap/${name}/${subPkgName}`] = resolve(
+              `${path}/${name}/${subPkgName}/index.ts`,
+            )
+          })
+        } else if (name === 'static-renderer') {
+          // Handle static-renderer subpaths
+          fg.sync(`${path}/${name}/src/*`, { onlyDirectories: true }).forEach(subName => {
+            const subPkgName = subName.replace(`${path}/${name}/src/`, '')
+
+            if (subPkgName === 'json' || subPkgName === 'pm') {
+              fg.sync(`${path}/${name}/src/${subPkgName}/*`, { onlyDirectories: true }).forEach(
+                subSubName => {
+                  const subSubPkgName = subSubName.replace(`${path}/${name}/src/${subPkgName}/`, '')
+                  aliases[`@tiptap/${name}/${subPkgName}/${subSubPkgName}`] = resolve(
+                    `${path}/${name}/src/${subPkgName}/${subSubPkgName}/index.ts`,
+                  )
+                },
+              )
+            }
+          })
+          aliases[`@tiptap/${name}`] = resolve(`${path}/${name}/src/index.ts`)
+        } else if (
+          name === 'extension-text-style' ||
+          name === 'extension-table' ||
+          name === 'extensions' ||
+          name === 'extension-list' ||
+          name === 'react' ||
+          name === 'vue'
+        ) {
+          fg.sync(`${path}/${name}/src/*`, { onlyDirectories: true }).forEach(subName => {
+            const subPkgName = subName.replace(`${path}/${name}/src/`, '')
+
+            aliases[`@tiptap/${name}/${subPkgName}`] = resolve(
+              `${path}/${name}/src/${subPkgName}/index.ts`,
+            )
+          })
+          aliases[`@tiptap/${name}`] = resolve(`${path}/${name}/src/index.ts`)
+        } else {
+          aliases[`@tiptap/${name}`] = resolve(`${path}/${name}/src/index.ts`)
+        }
+      })
+  }
+
+  collectPackageInformation('./packages')
+
+  return aliases
+}
+
+export default defineConfig({
+  fmt: {
+    ignorePatterns: ['CHANGELOG.md'],
+    semi: false,
+    singleQuote: true,
+    arrowParens: 'avoid',
+  },
+  lint: {
+    jsPlugins: [{ name: 'vite-plus', specifier: 'vite-plus/oxlint-plugin' }],
+    rules: { 'vite-plus/prefer-vite-plus-imports': 'error' },
+    // Enable after the existing workspace type errors are resolved.
+    // options: { typeAware: true, typeCheck: true },
+  },
+  run: {
+    // Cache package.json scripts (build, lint, test, ...). Persistent
+    // scripts like `dev` never exit, so they are never cached.
+    cache: { scripts: true, tasks: true },
+  },
+  test: {
+    environment: 'happy-dom',
+    include: ['packages/**/*.test.ts', 'packages/**/*.spec.ts'],
+    exclude: ['demos/**', 'tests/**', '**/node_modules/**'],
+    pool: 'forks',
+  },
+  staged: files => {
+    const filteredFiles = files.filter(file => /\.(ts|tsx|js|jsx|vue)$/.test(file))
+
+    if (filteredFiles.length === 0) {
+      return []
+    }
+
+    const fileList = filteredFiles.join(' ')
+
+    return [`vp check --fix ${fileList}`]
+  },
+  resolve: {
+    alias: [
+      {
+        find: /^@tiptap\/core\/jsx-dev-runtime$/,
+        replacement: resolve('./packages/core/src/jsx-runtime.ts'),
+      },
+      {
+        find: /^@tiptap\/core\/jsx-runtime$/,
+        replacement: resolve('./packages/core/src/jsx-runtime.ts'),
+      },
+      ...Object.entries(getPackageAliases()).map(([find, replacement]) => ({
+        find,
+        replacement,
+      })),
+    ],
+  },
+  oxc: {
+    jsx: {
+      runtime: 'automatic',
+      importSource: 'react',
+    },
+  },
+})